/* Живое мини-приложение поверх макетов: экран во всю ширину, шторки и навигация поверх окна */
html,body{margin:0;background:var(--c-bg)}
:root{--screen-tabbar:68px}
.screen{width:100%;max-width:520px;margin:0 auto;min-height:100vh;overflow:visible;padding-bottom:calc(var(--screen-tabbar) + 28px + env(safe-area-inset-bottom))}
.overlay,.sheet{position:fixed}
.overlay{z-index:10}
.sheet{z-index:11;max-width:520px;margin:0 auto;padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.hidden{display:none!important}
.ask.no-mic .ask-mic{display:none}
.cat-legal{padding:8px var(--screen-padding-x) 28px;font:var(--t-small);color:var(--c-text-subtle);display:flex;flex-wrap:wrap;gap:6px 14px}
.cat-legal a{color:var(--c-text-muted);text-decoration:underline}
.toast{position:fixed;left:50%;right:auto;bottom:calc(var(--screen-tabbar) + 14px + env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:min(90%,480px);z-index:20;justify-content:center;text-align:center}
.gate{padding:40px var(--screen-padding-x);text-align:center;font:var(--t-body);color:var(--c-text-muted)}
a.cc{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.app-tabbar{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;z-index:5;height:calc(var(--screen-tabbar) + env(safe-area-inset-bottom));padding-top:8px}
.app-tabbar .tab{text-decoration:none;-webkit-tap-highlight-color:transparent}
.pf-screen,.tk-screen{padding-top:4px}
.topbar .icon-btn{text-decoration:none}
.pf-row,.ref-banner,.btn{-webkit-tap-highlight-color:transparent}
.btn[disabled]{opacity:.6}
.tk-screen .th.thi{color:var(--c-secondary)}
.tk-screen .row .rt span{display:block;font:var(--t-small);font-size:12.5px;color:var(--c-text-muted);margin-top:2px}
.tk-screen .row .rt b{display:block;font:var(--t-title);font-size:15px;line-height:19px}

.ask-mic.rec{background:#E4572E;animation:micpulse 1.2s ease-in-out infinite}
.ask-mic.busy{opacity:.6}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(228,87,46,.45)}50%{box-shadow:0 0 0 8px rgba(228,87,46,0)}}

/* оплата Pro */
.pay-sheet{max-height:92vh;overflow-y:auto}
.pay-plans{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.pay-plan{text-decoration:none;color:var(--c-text-heading);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--c-surface);box-shadow:var(--sh-card);border:2px solid transparent;font:var(--t-body-strong);cursor:pointer}
.pay-plan small{display:block;font-weight:600;font:var(--t-small);color:var(--c-text-muted)}
.pay-plan.on{border-color:var(--c-primary)}.pay-plan.off{opacity:.45;pointer-events:none}
.pay-f{display:block;margin:6px 0 10px;font:var(--t-small);color:var(--c-text-muted)}
.pay-f input{display:block;width:100%;box-sizing:border-box;height:48px;margin-top:6px;padding:0 14px;border-radius:14px;border:1px solid var(--c-line-strong);background:var(--c-surface);font:var(--t-body)}
.pay-ck{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font:var(--t-small)}.pay-ck input{margin-top:2px;width:18px;height:18px;flex:none}
.pay-ck a{color:var(--c-primary)}
.pay-note{font:var(--t-small);color:var(--c-text-muted);margin:10px 0}
#paySheet .btn{width:100%;margin-top:8px}

/* «Мои задачи»: карточка открывает детали */
.tcard{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s}
.tcard:active{transform:scale(.985)}
.tcard .jt{position:relative;padding-right:22px}
.tcard .jt:after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-5px;border-right:2px solid var(--c-text-subtle);border-top:2px solid var(--c-text-subtle);transform:rotate(45deg)}
.td-sheet{max-height:92vh;overflow-y:auto}
.td-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.td-head .h-l{margin:0}
.td-meta{display:block;font:var(--t-small);color:var(--c-text-muted);margin-top:2px}
.td-badge{display:inline-block;padding:2px 10px;border-radius:999px;font:var(--t-small);font-weight:700;margin-right:6px;background:var(--c-surface-2,#EFE6D8);color:var(--c-text-heading)}
.td-badge.done{background:#DCEFE3;color:#1F5B3A}.td-badge.active{background:#FBE3D6;color:#A23D1B}
.td-text{white-space:pre-wrap;word-break:break-word;font:var(--t-body);color:var(--c-text-heading);background:var(--c-surface);box-shadow:var(--sh-card);border-radius:16px;padding:14px 16px;margin:10px 0;max-height:46vh;overflow-y:auto}
.td-text a{color:var(--c-primary)}
.td-empty{font:var(--t-body);color:var(--c-text-muted);margin:10px 0}
.td-files{display:flex;flex-direction:column;gap:8px;margin:10px 0}
#tdSheet .btn{width:100%;margin-top:8px}