:root{--bg:#080a11;--bg-deep:#05070c;--surface:#10131feb;--surface-2:#171b2bf0;--surface-3:#1e2336f5;--surface-soft:#ffffff0b;--border:#ffffff13;--border-strong:#ffffff24;--border-soft:#ffffff0a;--text:#edf0f7;--text-soft:#aab2c9;--muted:#727b97;--nav-bg:#080a11e0;--panel-shadow:0 1px 0 #ffffff0b inset, 0 18px 44px -24px #000000f0;--experience-shadow:0 30px 90px -42px #000000f2}html[data-theme=light]{--bg:#f2f3f7;--bg-deep:#e9ebf2;--surface:#fffffff0;--surface-2:#f7f8fcf5;--surface-3:#eef0f7fa;--surface-soft:#0a0e1e0b;--border:#0a0e1e17;--border-strong:#0a0e1e29;--border-soft:#0a0e1e0e;--text:#141827;--text-soft:#565e78;--muted:#7b829a;--nav-bg:#f7f8fce6}body{background:radial-gradient(circle at 50% -18%, #5b86ff1f, transparent 34%), linear-gradient(180deg, var(--bg), var(--bg-deep))}body:before{display:none}.auth-shell{--auth-top:#1f3457;--auth-mid:#536789;--auth-far:#263454;--auth-near:#18243f;isolation:isolate;background:radial-gradient(circle at 72% 12%, color-mix(in srgb, var(--auth-mid) 52%, transparent), transparent 26%), linear-gradient(180deg, var(--auth-top) 0%, var(--bg) 52%, var(--bg-deep) 100%);position:relative;overflow:hidden}html[data-daypart=dawn] .auth-shell{--auth-top:#263556;--auth-mid:#6c6c93;--auth-far:#293154;--auth-near:#1a2341}html[data-daypart=day] .auth-shell{--auth-top:#1f3457;--auth-mid:#536789;--auth-far:#263454;--auth-near:#18243f}html[data-daypart=dusk] .auth-shell{--auth-top:#3d2c5e;--auth-mid:#a05e77;--auth-far:#38284f;--auth-near:#221d3c}html[data-daypart=night] .auth-shell{--auth-top:#151a39;--auth-mid:#292a55;--auth-far:#1b2142;--auth-near:#11172f}.auth-shell:before,.auth-shell:after{content:"";z-index:-1;clip-path:polygon(0 68%,13% 31%,24% 61%,39% 8%,53% 65%,67% 24%,82% 66%,94% 34%,100% 60%,100% 100%,0 100%);background:var(--auth-far);opacity:.78;height:46%;position:absolute;bottom:-3%;left:-8%;right:-8%}.auth-shell:after{background:var(--auth-near);opacity:.9;height:42%;bottom:-10%;transform:scaleX(-1)}.auth-card{border-color:var(--border-strong);box-shadow:var(--experience-shadow);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:#10131fd6}.lab-shell{background:var(--bg-deep)}.lab-stage{background:radial-gradient(circle at 50% 8%,#5b86ff1a,#0000 50%),#00000029}.lab-phone{background:var(--bg);overflow:hidden}.lab-phone-atmosphere{margin:-30px -24px 18px}.lab-phone--today>.atmosphere~:is(.screen-title,.screen-sub),.lab-phone--close>.atmosphere~:is(.screen-title,.screen-sub),.lab-phone--wishes>.atmosphere~:is(.screen-title,.screen-sub),.lab-phone--recurring>.atmosphere~:is(.screen-title,.screen-sub),.lab-phone--calendar>.atmosphere~:is(.screen-title,.screen-sub),.lab-phone--radar>.atmosphere+.radar-page>.screen-header,.lab-phone--capture>.atmosphere+.capture-page>.flow-head,.lab-phone--checkin>.atmosphere+.checkin-page>.flow-head,.lab-phone--track>.atmosphere+.track-page>:is(.track-topbar,.track-hero),.lab-phone--settings>.atmosphere+.settings-page>.settings-hero{display:none}.lab-phone--focus>.atmosphere~.screen-title{margin-top:4px}.atmosphere{--sky-top:#30365f;--sky-mid:#7b668f;--sky-bottom:#171b35;--sun:#ffd6a0;--sun-opacity:.9;--far:#29294e;--near:#1b1f3d;--ground:#11162d;isolation:isolate;border-bottom:1px solid #ffffff0a;min-height:152px;margin:-34px -30px 22px;position:relative;overflow:hidden}.atmosphere:after{content:"";z-index:2;background:linear-gradient(180deg, #05070c0f, #080a1114 48%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.atmosphere>svg{width:100%;height:100%;position:absolute;inset:0}.atmosphere-sky-top{stop-color:var(--sky-top)}.atmosphere-sky-mid{stop-color:var(--sky-mid)}.atmosphere-sky-bottom{stop-color:var(--sky-bottom)}.atmosphere-halo{fill:var(--sun);opacity:calc(var(--sun-opacity) * .13);filter:blur(13px)}.atmosphere-sun{fill:var(--sun);opacity:var(--sun-opacity)}.atmosphere-stars{fill:#fff;opacity:0}.atmosphere-ridge--far{fill:var(--far)}.atmosphere-ridge--near{fill:var(--near)}.atmosphere-ground{fill:var(--ground)}.atmosphere-path{fill:color-mix(in srgb, var(--sun) 24%, var(--ground));opacity:.5}.atmosphere-water{fill:color-mix(in srgb, var(--sky-mid) 18%, var(--ground));opacity:.92}.atmosphere-reflection{fill:var(--sun);opacity:.055;filter:blur(10px)}.atmosphere-city{fill:var(--near);opacity:.96}.atmosphere--dawn,html[data-daypart=dawn] .atmosphere--auto{--sky-top:#263556;--sky-mid:#6c6c93;--sky-bottom:#1a213d;--sun:#ffe1b0;--far:#293154;--near:#1a2341}.atmosphere--day,html[data-daypart=day] .atmosphere--auto{--sky-top:#3f6694;--sky-mid:#7d98b9;--sky-bottom:#263a5f;--sun:#effcff;--sun-opacity:.95;--far:#334a72;--near:#213556}.atmosphere--dusk,html[data-daypart=dusk] .atmosphere--auto{--sky-top:#3d2c5e;--sky-mid:#a05e77;--sky-bottom:#241b3e;--sun:#ff8d79;--far:#38284f;--near:#221d3c}.atmosphere--night,html[data-daypart=night] .atmosphere--auto{--sky-top:#151a39;--sky-mid:#292a55;--sky-bottom:#11152c;--sun:#e8e6ff;--sun-opacity:.72;--far:#1b2142;--near:#11172f}.atmosphere--night .atmosphere-stars,html[data-daypart=night] .atmosphere--auto .atmosphere-stars{opacity:.62}.atmosphere-grain{z-index:1;opacity:.14;mix-blend-mode:soft-light;background-image:radial-gradient(#ffffff73 .45px,#0000 .55px);background-size:4px 4px;position:absolute;inset:0}.atmosphere-content{z-index:3;align-items:flex-end;width:100%;min-height:152px;padding:42px 30px 25px;display:flex;position:relative}.atmosphere .screen-header{align-items:center;width:100%;margin:0}.atmosphere .flow-head{align-items:flex-start;width:100%;margin:0}.atmosphere .flow-head h1{color:#f4f5fb;text-shadow:0 2px 18px #00000047}.atmosphere .flow-head p:not(.eyebrow),.atmosphere .eyebrow{color:#edf0f7b8}.atmosphere .screen-title,.atmosphere .screen-sub{color:#f4f5fb;text-shadow:0 2px 18px #00000047}.atmosphere-brand{justify-content:space-between;align-items:center;width:100%;display:flex}.atmosphere-brand b{letter-spacing:-.02em;font-size:18px}.atmosphere-brand small{color:#edf0f7ad;margin-top:4px;font-size:12px;display:block}.atmosphere-orb{color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13182bb3;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 0 11px #bae1ff12,0 0 34px #aad9ff6b}.page{animation:experience-enter .32s var(--ease) both}.page.has-atmosphere{padding-top:34px}.page.has-atmosphere>:not(.atmosphere){z-index:3;position:relative}.card,.radar-panel,.track-summary-list,.settings-link-list,.settings-card,.morning-shape,.checkin-section,.reward-card,.today-panel{border-color:var(--border);box-shadow:var(--panel-shadow);background:linear-gradient(145deg,#171b2bf0,#0e111cf5)}html[data-theme=light] :where(.card,.radar-panel,.track-summary-list,.settings-link-list,.settings-card,.morning-shape,.checkin-section,.reward-card,.today-panel){background:linear-gradient(145deg,#fffffff7,#f4f6fbf5)}.screen-title{letter-spacing:-.045em;text-wrap:balance;font-weight:720}.screen-sub{color:var(--text-soft)}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:650}.btn{border-radius:999px;min-height:44px}.btn-primary-action,.btn-gradient{color:#090c14;background:var(--grad-primary);border-color:#0000;font-weight:720;box-shadow:0 14px 30px -17px #9b6bfff2}.btn-primary-action:active,.btn-gradient:active{transform:scale(.975)}.banner{border-color:var(--border);-webkit-backdrop-filter:blur(18px)saturate(125%);background:#1e2336cc;box-shadow:0 14px 32px -26px #000000f2}.action-card{background:radial-gradient(100% 110% at 5% 0%, #5b86ff17, transparent 63%), var(--surface-2);border-color:var(--border-strong);min-height:206px;box-shadow:var(--panel-shadow), 0 24px 60px -42px #5b86ffc7}.action-card.is-swipeable:after{content:"протяни по карточке →";color:var(--muted);opacity:.76;font-size:10px;position:absolute;bottom:15px;right:17px}.action-card .action-buttons{z-index:2;position:relative}.action-card h2{max-width:20ch}.mini-radar{box-shadow:none;background:0 0;border-color:#0000;border-radius:12px}.mini-radar:hover{background:var(--surface-soft);border-color:#0000}.track-summary-list{border:1px solid var(--border);border-radius:18px;overflow:hidden}.track-summary-row{padding-inline:16px}.track-summary-row+.track-summary-row{border-top:1px solid var(--border-soft)}.now-atmosphere{min-height:142px;margin-bottom:9px}.now-atmosphere .atmosphere-content{min-height:142px}.now-page>.banner{margin-inline:0}.now-page .now-head{margin-top:5px}.now-page .now-reason{max-width:33ch}.now-actions{grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;margin-bottom:2px}.now-actions .btn-text{grid-column:auto;justify-self:stretch}.now-actions .btn-primary-action{white-space:nowrap}:is(.now-page,.lab-phone--now,.lab-phone--empty) .mini-radar{min-height:158px}:is(.now-page,.lab-phone--now,.lab-phone--empty) .mini-radar>svg{width:144px;height:144px}.context-lines{border-color:var(--border)}.radar-page .atmosphere{margin-bottom:18px}.radar-panel{padding-top:20px}.radar-canvas{min-height:350px}.radar-chart .grid polygon,.radar-chart .grid line{stroke:#ffffff16}.radar-chart .axis-name{fill:var(--text-soft)}.radar-chart .axis-value{fill:var(--text);font-size:12px;font-weight:750}.radar-summary strong{font-weight:740}.radar-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.week-compare-callout{width:100%;min-height:58px;color:var(--text-soft);text-align:left;border:1px solid var(--border);box-shadow:var(--panel-shadow);cursor:pointer;background:#1e2336b8;border-radius:16px;align-items:center;gap:12px;margin:0 0 14px;padding:12px 15px;display:flex}.week-compare-callout:hover{color:var(--text);border-color:var(--border-strong)}.week-compare-callout b{color:var(--hue-cyan);text-transform:lowercase;font-size:12px}.momentum-bars{filter:drop-shadow(0 5px 8px #0003);width:88px;height:28px;overflow:visible}.track-phase-tag{min-width:66px;color:var(--text-soft);text-align:center;background:#ffffff0e;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:700}.track-phase-tag.is-strong{color:var(--hue-mint);background:#69e8d11a}.track-phase-tag.is-moving{color:var(--hue-cyan);background:#44d7e61a}.track-phase-tag.is-cooling{color:#ffc26f;background:#ffc26f1a}.track-phase-tag.is-dormant{color:var(--muted)}.track-row-note{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.track-summary-row{grid-template-columns:8px minmax(96px,1fr) auto 88px minmax(0,120px) auto}.week-comparison-list{display:grid}.week-comparison-row{border-bottom:1px solid var(--border-soft);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;display:grid}.week-comparison-row b{font-variant-numeric:tabular-nums;font-size:13px}.week-comparison-row .is-up{color:var(--hue-mint)}.week-comparison-row .is-down{color:var(--hue-peach)}.week-comparison-row .is-flat{color:var(--muted)}.week-comparison-note{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}.flow-page{animation:experience-enter .32s var(--ease) both}.flow-page.has-atmosphere{padding-top:32px}.flow-page.has-atmosphere>:not(.atmosphere){z-index:3;position:relative}.flow-page .atmosphere{margin:-32px -30px 15px}.focus-page{z-index:2;width:min(100%,620px);min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));animation:experience-enter .32s var(--ease) both;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.focus-page .atmosphere{z-index:-1;opacity:.28;border:0;height:100%;margin:0;position:absolute;inset:0}.focus-page .atmosphere:after{background:radial-gradient(circle,#080a114d,#080a11 72%)}.focus-page .focus-stage{z-index:2;box-shadow:none;background:0 0;border:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;margin:0;padding:18px 12px 24px;display:flex;position:relative}.focus-topbar{z-index:4;min-height:44px;position:relative}.focus-page .focus-task-title{letter-spacing:-.025em;text-wrap:balance;order:2;max-width:24ch;margin:20px 0 4px;font-size:23px}.focus-page .focus-task-meta{order:3;margin:0}.focus-page .focus-ring{order:1;width:min(310px,78vw)}.focus-page .soft{order:4}.focus-page .focus-buttons-row{order:5;margin-top:22px}.focus-page .focus-idea{order:6;width:min(100%,390px);margin-top:18px}.focus-page .focus-stage>.tiny{order:7}.capture-page .atmosphere>svg{opacity:.72}.capture-page .atmosphere-grain{opacity:.08}.capture-page .atmosphere-content{color:#f4f5fb}.capture-page .flow-close{color:#f4f5fb;background:#070c1957;border-color:#ffffff47}.capture-page .capture-area{border-color:var(--border-strong);background:#171b2be6}.capture-page .capture-drop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#171b2b94}.capture-flow-actions{background:linear-gradient(180deg, transparent, var(--bg) 28%)}.checkin-page .flow-head,.close-page .flow-head{margin-bottom:8px}.checkin-page .atmosphere,.close-page .atmosphere{min-height:132px}.checkin-page .atmosphere-content,.close-page .atmosphere-content{min-height:132px;padding-bottom:18px}.reward-flow{overflow:hidden}.reward-flow .atmosphere,.reward-flow .atmosphere-content{min-height:168px}.reward-flow:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#9b6bff1a,#0000 50%);position:fixed;inset:36% 0 0}.reward-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reward-choice{color:var(--text);text-align:left;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--panel-shadow);transition:transform var(--fast), border-color var(--fast), box-shadow var(--fast);border-radius:18px;overflow:hidden}.reward-choice:hover{border-color:var(--border-strong);box-shadow:var(--experience-shadow);transform:translateY(-3px)}.reward-choice:active{transform:scale(.985)}.reward-choice-art{aspect-ratio:1.35;background:radial-gradient(circle at 72% 22%,#ffd2645c,#0000 20%),linear-gradient(145deg,#44d7e640,#9b6bff3d 56%,#ff6f7233);place-items:center;width:100%;display:grid;overflow:hidden}.reward-choice[data-kind=experience] .reward-choice-art{background:linear-gradient(145deg,#ffa2694d,#9b6bff40)}.reward-choice[data-kind=food] .reward-choice-art{background:linear-gradient(145deg,#ffd2644d,#ff6f7238)}.reward-choice[data-kind=trip] .reward-choice-art{background:linear-gradient(145deg,#44d7e647,#5b86ff42)}.reward-choice-art img{object-fit:cover;width:100%;height:100%}.reward-choice-art i{color:#ffffffe6;text-shadow:0 8px 30px #00000047;font-size:42px;font-style:normal}.reward-choice-copy{gap:4px;padding:13px 14px 15px;display:grid}.reward-choice-copy b{overflow-wrap:anywhere;font-size:14px;line-height:1.3}.reward-choice-copy small{color:var(--muted);font-size:11px}.wish-card{grid-template-columns:58px minmax(0,1fr) auto;min-height:76px;padding:9px 12px 9px 9px}.wish-card .title{align-self:end}.wish-card .track{grid-column:2;align-self:start}.wish-thumb{object-fit:cover;border-radius:14px;grid-row:1/span 2;width:58px;height:58px}.wish-thumb--placeholder{color:#ffffffe0;background:linear-gradient(145deg,#44d7e64d,#9b6bff47 58%,#ff6f723d);place-items:center;font-size:23px;display:grid}.track-atmosphere{min-height:210px}.track-atmosphere .atmosphere-content{min-height:210px;padding-bottom:19px}.track-atmosphere-stack{width:100%}.track-atmosphere .track-topbar{margin-bottom:12px}.track-atmosphere .track-hero{margin:0}.track-atmosphere .track-hero .screen-title{color:#f4f5fb}.track-atmosphere .track-goal-progress,.track-atmosphere .track-trend span{color:#edf0f7b3}.track-atmosphere .btn-text,.track-atmosphere .btn-ghost{color:#edf0f7cc}.settings-page .atmosphere-content{align-items:flex-end}.settings-page .settings-hero{width:100%;margin:0}.settings-page .settings-hero .screen-title{color:#f4f5fb}.settings-page .settings-hero .screen-sub{color:#edf0f7b8}.settings-page .account-pill{background:#080a116b;border-color:#ffffff1f}.settings-page .settings-card,.settings-page .settings-link-list{-webkit-backdrop-filter:blur(18px)}.settings-page .settings-section-title{color:var(--muted);letter-spacing:.09em}@keyframes experience-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:899px){.page.has-atmosphere{padding-top:18px}.atmosphere{min-height:142px;margin:-18px -16px 17px}.atmosphere-content{min-height:142px;padding:max(34px, calc(env(safe-area-inset-top) + 22px)) 16px 18px}.atmosphere .screen-sub{max-width:30ch;font-size:12.5px;display:block}.atmosphere .screen-title{font-size:29px}.atmosphere .screen-header>div{flex:150px;min-width:0}.atmosphere .screen-header>.spacer{display:none}.atmosphere .screen-header>.btn{min-height:36px;padding-inline:12px;font-size:12px}.now-atmosphere{margin-bottom:8px}.action-card.is-swipeable:after{font-size:9.5px;bottom:13px;right:14px}.action-card{min-height:198px}.radar-canvas{min-height:300px}.track-summary-row{grid-template-columns:8px minmax(76px,1fr) 62px 64px auto;gap:8px;min-height:60px}.track-summary-row .track-row-note{display:none}.track-summary-row .momentum-bars{width:64px}.track-summary-row .grow small{display:none}.track-phase-tag{min-width:62px;padding-inline:5px}.week-compare-callout{min-height:52px;padding:10px 12px}.week-compare-callout b{display:none}.now-actions{gap:4px}.now-actions .btn-primary-action{padding-inline:14px;font-size:14px}.now-actions .btn-text{padding-inline:8px;font-size:12px}:is(.now-page,.lab-phone--now,.lab-phone--empty) .mini-radar{min-height:150px;padding-inline:2px 10px}:is(.now-page,.lab-phone--now,.lab-phone--empty) .mini-radar>svg{width:136px;height:136px}.flow-page.has-atmosphere{padding-top:18px}.flow-page .atmosphere{margin:-18px -16px 12px}.focus-page{padding-inline:16px}.focus-page .focus-buttons-row{grid-template-columns:auto 1fr;width:min(100%,390px);display:grid}.focus-page .focus-buttons-row .btn:last-child{grid-column:1/-1}.reward-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reward-choice-copy{padding:10px}.reward-choice-copy b{font-size:12px}.reward-choice-art i{font-size:32px}.track-atmosphere,.track-atmosphere .atmosphere-content{min-height:198px}.lab-phone-atmosphere{margin:-22px -16px 17px}}@media (min-width:900px){.atmosphere{border-radius:0 0 26px 26px}.now-atmosphere{border-radius:0 0 24px 24px}}@media (prefers-reduced-motion:reduce){.page,.flow-page,.focus-page{animation:none}}.legal-page{max-width:780px;margin:0 auto;padding:40px 20px 72px}.legal-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.legal-brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:9px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.legal-brand img{border-radius:8px}.legal-nav{flex-wrap:wrap;gap:18px;display:flex}.legal-nav a{color:var(--muted);font-size:13px;text-decoration:none}.legal-nav a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow);padding:34px}.legal-card h1{letter-spacing:-.03em;color:var(--text);margin:6px 0 4px;font-size:27px;font-weight:640}.legal-updated{color:var(--muted);margin-bottom:26px;font-size:12px}.legal-body{color:var(--text-soft);gap:14px;max-width:64ch;font-size:14px;line-height:1.7;display:grid}.legal-body h2{letter-spacing:-.01em;color:var(--text);margin:18px 0 2px;font-size:17px;font-weight:630}.legal-body h2:first-child{margin-top:0}.legal-body h3{color:var(--text);margin:6px 0 -4px;font-size:14.5px;font-weight:620}.legal-body p{margin:0}.legal-body ul{gap:6px;margin:0;padding-left:20px;display:grid}.legal-body a{color:var(--cyan-2,#7eb7ff);text-underline-offset:3px;text-decoration:underline}.legal-body strong{color:var(--text);font-weight:620}.legal-body code{background:var(--surface-soft);border-radius:6px;padding:1px 5px;font-size:13px}.legal-body table{border-collapse:collapse;width:100%;margin-top:4px;font-size:13px}.legal-body th,.legal-body td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px 8px 0}.legal-body th{color:var(--muted);white-space:nowrap;font-weight:600}.legal-foot{justify-content:center;margin-top:22px;display:flex}@media (max-width:719px){.legal-page{padding:24px 16px 56px}.legal-card{border-radius:16px;padding:22px 18px}.legal-card h1{font-size:23px}}.viewer-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040914b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.viewer-frame{background:var(--surface-2);border:1px solid var(--border);width:min(920px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.viewer-frame header{color:var(--text-soft);align-items:center;gap:12px;font-size:13px;display:flex}.viewer-frame header .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.viewer-open{color:var(--cyan-2,#7eb7ff);font-size:12px;text-decoration:none}.viewer-close{border:1px solid var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;font-size:13px}.viewer-frame img{object-fit:contain;background:#0003;border-radius:12px;width:100%;height:auto;max-height:76vh}.viewer-frame iframe{background:#0003;border:0;border-radius:12px;width:100%;height:76vh}.task-attachments button,.inbox-attachments button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.viewer-frame audio{width:100%;margin:18px 0 8px}.parent-context{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;gap:8px;margin:10px 0 12px;padding:12px 14px;display:grid}.parent-context-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.parent-context .parent-context-files{padding:0}@media (max-width:719px){.viewer-backdrop{padding:12px}.viewer-frame{border-radius:16px;padding:10px}}.file-row{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.file-row:last-child{border-bottom:0}.file-row .grow{flex:1;gap:2px;min-width:0;display:grid}.file-row b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.file-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.file-thumb{display:block}.file-thumb button,.file-thumb a{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:10px;width:42px;height:42px;padding:0;display:block;overflow:hidden}.file-thumb img{object-fit:cover;width:42px;height:42px;display:block}.file-thumb>*>span{width:42px;height:42px;color:var(--muted);place-items:center;font-size:10px;font-weight:700;display:grid}.file-thumb small{display:none}.files-list{max-height:min(52vh,460px);margin-bottom:12px;padding-right:4px;display:grid;overflow-y:auto}.files-list .file-row:first-child{padding-top:0}