.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:optional}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:optional}@font-face{font-family:Inter Fallback;src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:107%;ascent-override:90%;descent-override:22.4%;line-gap-override:0%}@font-face{font-family:"Source Serif Fallback";src:local("Georgia"),local("Times New Roman"),local("Liberation Serif");size-adjust:100%;ascent-override:92%;descent-override:24%;line-gap-override:0%}:root{color-scheme:light dark;--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 18px;--s-6: 24px;--s-7: 32px;--tabbar-h: 62px;--font-serif: "Source Serif 4", "Source Serif Fallback", Georgia, serif;--font-sans: "Inter", "Inter Fallback", system-ui, sans-serif;--dur-fast: .14s;--dur: .16s;--dur-slow: .2s;--ease: cubic-bezier(.22, .61, .36, 1);--bg: #FAF6F1;--bg: light-dark(#FAF6F1, #171310);--surface: #FFFFFF;--surface: light-dark(#FFFFFF, #272019);--text: #2B211B;--text: light-dark(#2B211B, #F3EBE3);--text-muted: #7C6A5D;--text-muted: light-dark(#7C6A5D, #AE9A8C);--border: #E9DFD4;--border: light-dark(#E9DFD4, #443830);--checkbox-border: #6B5849;--checkbox-border: light-dark(#6B5849, #C9B4A5);--accent: #A85B32;--accent: light-dark(#A85B32, #E7A279);--accent-fg: #FFFFFF;--accent-fg: light-dark(#FFFFFF, #241A13);--accent-soft: #F3E6DA;--accent-soft: light-dark(#F3E6DA, #3A2A20);--success: #4B7A3C;--success: light-dark(#4B7A3C, #8FC178);--success-soft: #E7F0E1;--success-soft: light-dark(#E7F0E1, #22301B);--warning: #9A6B12;--warning: light-dark(#9A6B12, #E0AE5C);--warning-soft: #F8EDD8;--warning-soft: light-dark(#F8EDD8, #33280F);--danger: #A33B2E;--danger: light-dark(#A33B2E, #EC8377);--danger-soft: #F8E5E2;--danger-soft: light-dark(#F8E5E2, #341E1A);--now: #2E7D6B;--now: light-dark(#2E7D6B, #5FC7B0);--cat-personal: #B45309;--cat-personal: light-dark(#B45309, #FBBF24);--cat-personal-line: #F59E0B;--cat-personal-line: light-dark(#F59E0B, #F0A93B);--cat-studio: #8A4A2F;--cat-studio: light-dark(#8A4A2F, #D9A066);--cat-studio-line: #A05A3C;--cat-studio-line: light-dark(#A05A3C, #C58A63);--cat-trial: #047857;--cat-trial: light-dark(#047857, #34D399);--cat-trial-line: #059669;--cat-trial-line: light-dark(#059669, #10B981);--cat-personal-soft: #FDF0DC;--cat-personal-soft: light-dark(#FDF0DC, #3A2E15);--cat-studio-soft: #F5E7DF;--cat-studio-soft: light-dark(#F5E7DF, #33241C);--cat-trial-soft: #E3F3EC;--cat-trial-soft: light-dark(#E3F3EC, #1B2E24);--shadow-color: rgba(43, 33, 27, .05);--shadow-color: light-dark(rgba(43, 33, 27, .05), rgba(0, 0, 0, .45));--shadow-color-far: rgba(43, 33, 27, .16);--shadow-color-far: light-dark(rgba(43, 33, 27, .16), rgba(0, 0, 0, .6));--shadow: 0 1px 2px var(--shadow-color), 0 6px 16px -10px var(--shadow-color-far)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-wrap:pretty}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:-.015em;margin:0}button{font-family:inherit}:where(a,button,.card,.row,.tab,.segmented__item,.icon-btn):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-2)}.app{height:100dvh;box-sizing:border-box;padding-top:env(safe-area-inset-top);display:flex;flex-direction:column}.app__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.app__content{padding:var(--s-1) var(--s-5) calc(env(safe-area-inset-bottom) + var(--s-6))}.appbar__nav{display:none}@media (min-width: 768px){.app--topnav .app__content{max-width:860px;margin-inline:auto;width:100%}.app--topnav .tabbar{display:none}.app--topnav .appbar__nav{display:flex;align-items:center;gap:2px;margin-left:var(--s-4);margin-right:auto;min-width:0;overflow-x:auto}}.appbar__nav{position:relative}@media (min-width: 768px){.appbar__nav-item{display:inline-flex;align-items:center;padding:6px 10px;border-radius:var(--r-2);font:500 .9rem/1 var(--font-sans);color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.appbar__nav-item:hover{background:var(--bg);color:var(--text)}.appbar__nav-item[aria-current=page]{color:var(--accent);font-weight:600}}.section+.section{margin-top:var(--s-7)}.section--tight+.section--tight{margin-top:var(--s-6)}.appbar{position:sticky;top:0;z-index:5;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-4)}.appbar__backdrop{position:absolute;inset:0;opacity:0;border-bottom:1px solid var(--border);background:var(--bg);background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity var(--dur) var(--ease)}.appbar[data-scrolled=true] .appbar__backdrop{opacity:1}.appbar__brand{position:relative;font-family:var(--font-serif);font-size:18px;font-weight:600}.appbar__actions{position:relative;display:flex;align-items:center;gap:var(--s-1)}.icon-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;border:0;padding:0;cursor:pointer;border-radius:var(--r-4);background:transparent;color:var(--text-muted);transition:transform var(--dur-fast) var(--ease)}.icon-btn:after{content:"";position:absolute;inset:-4px}.icon-btn:active{transform:scale(.92)}.icon-btn[data-accent]{color:var(--accent)}.icon-btn[data-theme-mode=system]:before{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.page-title{font-size:32px;line-height:1.1;letter-spacing:-.02em;margin-top:var(--s-3)}.page-sub{margin:var(--s-1) 0 var(--s-6);font-size:13.5px;color:var(--text-muted)}.section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s-3)}summary.section-label::-webkit-details-marker{display:none}summary.section-label{user-select:none}details.disc>summary{list-style:none;cursor:pointer;user-select:none}details.disc>summary::-webkit-details-marker{display:none}details.disc>summary:before{content:"▶ ";font-size:.7em;transition:transform .15s;display:inline-block}details.disc[open]>summary:before{transform:rotate(90deg)}details.hd-plate{margin:var(--s-3) 0}details.hd-plate>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:13px 16px;font-size:.9375rem;font-weight:600;color:var(--text);background:var(--surface-2, var(--bg));border-radius:var(--r-2);border-left:3px solid var(--accent);cursor:pointer;user-select:none;text-align:left}details.hd-plate>summary::-webkit-details-marker{display:none}.hd-plate__left{display:flex;align-items:center;gap:8px;color:var(--accent);min-width:0}.hd-plate__left svg{width:18px;height:18px;flex-shrink:0}.hd-plate__chev{color:var(--text);transition:transform .15s ease;flex-shrink:0;display:flex}.hd-plate__chev svg{width:20px;height:20px}details.hd-plate[open]>summary .hd-plate__chev{transform:rotate(180deg)}details.hd-plate--action>summary{border-left:none}.card{display:block;width:100%;text-align:left;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow);overflow:hidden;cursor:default;transition:transform var(--dur) var(--ease)}a.card,button.card{cursor:pointer}.card:active{transform:scale(.985)}.card--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.card__body{padding:14px var(--s-4) 15px}.card__title{font-family:var(--font-serif);font-size:21px;font-weight:600}.card__meta{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px;color:var(--text-muted)}.card-list{display:flex;flex-direction:column;gap:var(--s-4)}.now-line{display:flex;align-items:center;gap:var(--s-2);margin:calc(var(--s-2) * -1) 0}.now-line:after{content:"";flex:1;height:2px;background:var(--now);border-radius:2px}.now-line__dot{width:8px;height:8px;border-radius:50%;background:var(--now);flex:0 0 auto}.now-line__label{font-size:12px;font-weight:600;color:var(--now);flex:0 0 auto}.card--row{display:flex;align-items:center;gap:var(--s-4);padding:15px var(--s-4);cursor:default}.card--session{display:flex;align-items:center;gap:var(--s-4);padding:15px var(--s-4)}.card__time{flex:none;min-width:52px;font-family:var(--font-serif);font-size:19px;font-weight:600;color:var(--accent)}.card__capacity{font-size:12.5px;color:var(--text-muted)}.card__aside{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-1)}.card__fill{display:block;margin-top:7px;height:4px;border-radius:var(--r-4);background:var(--border);overflow:hidden}.card__fill-bar{display:block;height:100%;width:var(--fill, 0%);border-radius:var(--r-4);background:var(--accent)}.rows{border-top:1px solid var(--border)}.row{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:15px 2px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.row:active{transform:scale(.99)}.row__main{flex:1;min-width:0;display:flex;flex-direction:column}.row__title{display:block;font-size:15px;font-weight:500}.row__sub{display:block;margin-top:2px;font-size:12.5px;color:var(--text-muted)}.row__icon{flex:none;color:var(--text-muted)}.row__icon--accent{color:var(--accent)}.row__chevron{flex:none;color:var(--text-muted)}.invite{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:22px var(--s-5);border:1px dashed var(--border);border-radius:var(--r-3)}.invite__icon{color:var(--accent)}.invite__title{font-family:var(--font-serif);font-size:19px;font-weight:600}.invite__text{font-size:13.5px;line-height:1.5;color:var(--text-muted)}.invite__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-1)}.note{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:13.5px;line-height:1.5;color:var(--text-muted)}.note--bare{border:0;padding:0 0 var(--s-3);align-items:center}.note__icon{flex:none;margin-top:1px}.note--bare .note__icon{margin-top:0}.banner{display:flex;align-items:center;gap:var(--s-3);margin:0 0 var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--accent-soft);font-size:13px;line-height:1.4}.banner__icon{flex:none;color:var(--accent)}.banner__text{flex:1;min-width:0}.banner__time{color:var(--text-muted)}.banner__action{flex:none}.banner--offline{background:var(--warning-soft)}.banner--offline .banner__icon{color:var(--warning)}.btn{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:11px var(--s-4);border:0;border-radius:var(--r-2);font-size:14px;font-weight:500;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--link{min-height:0;padding:0;background:transparent;color:var(--accent)}.btn--sm{min-height:34px;padding:7px var(--s-3);font-size:13px}.btn--block{display:flex;width:100%;justify-content:center}.btn--danger{background:var(--danger);color:#fff}.segmented{display:flex;gap:2px;padding:3px;background:var(--accent-soft);border-radius:var(--r-4)}.segmented--wide{gap:var(--s-1)}.segmented--wide .segmented__item{flex:1}.segmented__item{padding:7px var(--s-3);border:0;cursor:pointer;border-radius:var(--r-4);background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:500;transition:transform var(--dur-fast) var(--ease)}.segmented--wide .segmented__item{padding:9px 0;font-size:13.5px}.segmented__item[aria-selected=true]{background:var(--surface);color:var(--accent);font-weight:500;box-shadow:var(--shadow),inset 0 0 0 1px var(--border)}.field{margin-bottom:var(--s-4)}.field__label{display:block;margin-bottom:var(--s-2);font-size:13px;font-weight:500;color:var(--text)}.field__hint{font-weight:400;font-size:12px;color:var(--text-muted)}.field__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media (max-width: 400px){.field__row{grid-template-columns:1fr}}.input{width:100%;box-sizing:border-box;min-height:44px;padding:11px var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);color:var(--text);font-size:16px;font-family:inherit;transition:border-color var(--dur-fast) var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft, rgba(99,102,241,.18))}.input--error{border-color:var(--danger)}.input::placeholder{color:var(--text-muted)}textarea.input{min-height:88px;resize:vertical;line-height:1.5}select.input{appearance:auto;cursor:pointer;padding-right:var(--s-3)}.field--inline{display:inline-flex;flex-direction:column}.day-head{display:flex;align-items:baseline;gap:var(--s-2);margin:var(--s-6) 0 var(--s-3);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--text-muted)}.day-head:first-child{margin-top:var(--s-2)}.day-head--today{color:var(--accent)}.day-head__badge{color:var(--accent);font-weight:600}.card--stat-ok{border-left:4px solid var(--success)}.card--stat-warn{border-left:4px solid var(--warning)}.card--stat-muted{border-left:4px solid var(--border)}.sched-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-3);gap:var(--s-4)}.btn--danger-link{background:transparent;color:var(--danger);min-height:0;padding:2px 0;font-size:12px;font-weight:400}.consent{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}.consent+.consent{margin-top:var(--s-2)}.consent:has(.consent__cb:checked){border-color:var(--accent)}.consent--error{border-color:var(--danger)}.consent__cb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:1px;flex:none;border:2px solid var(--checkbox-border);border-radius:6px;background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.consent__cb:after{content:"";width:6px;height:11px;border:solid var(--accent-fg);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-1px);opacity:0}.consent__cb:checked{background:var(--accent);border-color:var(--accent)}.consent__cb:checked:after{opacity:1}.consent__cb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.consent__body{display:flex;flex-direction:column;gap:3px;min-width:0}.consent__title{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:14px;font-weight:500;color:var(--text)}.consent__desc{font-size:13px;color:var(--text-muted);line-height:1.45}.consent__opt{font-size:12px;font-weight:400;color:var(--text-muted)}.alert-error{display:flex;gap:var(--s-2);align-items:flex-start;margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.4}.alert-ok{display:flex;gap:var(--s-2);align-items:flex-start;margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--success-soft);color:var(--success);font-size:13px;line-height:1.4}.chip-check{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-1);font-size:13px;cursor:pointer;background:var(--surface);color:var(--text)}.chip-check input{width:16px;height:16px;accent-color:var(--accent)}.chip-check:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.auth-alt{margin-top:var(--s-4);text-align:center;font-size:13px;color:var(--text-muted)}.auth-alt a{color:var(--accent)}.chip{padding:3px 7px;border-radius:var(--r-1);background:var(--accent-soft);color:var(--accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.chip--success{background:var(--success-soft);color:var(--success)}.chip--warning{background:var(--warning-soft);color:var(--warning)}.chip--danger{background:var(--danger-soft);color:var(--danger)}.photo-fallback{position:relative;display:grid;place-items:center;height:150px;background:var(--accent-soft)}.photo-fallback__mono{font-family:var(--font-serif);font-size:52px;font-weight:600;line-height:1;color:var(--accent);opacity:.32}.photo-fallback__hint{position:absolute;right:var(--s-3);bottom:10px;display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:11px;letter-spacing:.04em}.photo-fallback--img{padding:0}.photo-fallback__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--s-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats__cell{padding:0 var(--s-1)}.stats__cell+.stats__cell{border-left:1px solid var(--border);padding-left:var(--s-4)}.stats__value{font-family:var(--font-serif);font-size:26px;font-weight:600;line-height:1}.stats__label{margin-top:var(--s-1);font-size:12.5px;color:var(--text-muted)}.avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-4);background:var(--accent-soft);color:var(--accent);font-family:var(--font-serif);font-size:19px;font-weight:600}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;isolation:isolate;display:grid;border-top:1px solid var(--border);background:var(--bg);background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:var(--s-2) 0 calc(var(--s-3) + env(safe-area-inset-bottom))}.tabbar[data-tabs="4"]{grid-template-columns:repeat(4,1fr)}.tabbar[data-tabs="5"]{grid-template-columns:repeat(5,1fr)}.tab{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-height:44px;min-width:0;border:0;background:transparent;cursor:pointer;color:var(--text-muted);font-size:11px;transition:transform var(--dur-fast) var(--ease)}.tab:active{transform:scale(.94)}.tab[aria-current=page]{color:var(--accent);font-weight:500}.tab__label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 360px){.tab{font-size:10px}}.lucide{width:24px;height:24px;stroke-width:1.75}.lucide--sm{width:20px;height:20px}.lucide--xs{width:15px;height:15px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden}.cal-dow{background:var(--surface);text-align:center;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:var(--s-2) 0}.cal-cell{background:var(--surface);border:0;min-height:48px;padding:var(--s-1);display:flex;flex-direction:column;gap:2px;cursor:pointer;font-family:var(--font-sans);text-align:left;transition:background var(--dur) var(--ease)}.cal-cell--empty{background:var(--bg);cursor:default}.cal-cell--has:hover{background:var(--bg)}.cal-cell__date{font-size:.78rem;color:var(--text);align-self:flex-start;line-height:1.4}.cal-cell--today .cal-cell__date{color:var(--accent-fg);background:var(--accent);min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.cal-cell__dots{display:flex;flex-wrap:wrap;gap:3px;align-items:center;min-height:7px}.cal-dot{width:6px;height:6px;border-radius:999px;flex:none}.cal-cnt{font-size:.6rem;color:var(--text-muted);margin-left:1px}.cal-cell__rows{display:none;flex-direction:column;gap:2px;min-width:0}.cal-ev{font-size:.66rem;line-height:1.3;padding:1px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-ev b{font-weight:600}.cal-more{font-size:.62rem;color:var(--text-muted);padding-left:3px}.cal-ev--session{background:var(--cat-personal-soft);color:var(--text)}.cal-dot--session{background:var(--cat-personal-line)}.cal-ev--event{background:var(--cat-studio-soft);color:var(--cat-studio)}.cal-dot--event{background:var(--cat-studio-line)}.cal-ev--ok{background:var(--success-soft);color:var(--success)}.cal-dot--ok{background:var(--success)}.cal-ev--warn{background:var(--warning-soft);color:var(--warning)}.cal-dot--warn{background:var(--warning)}@media (min-width: 768px){.cal-cell{min-height:100px}.cal-cell__rows{display:flex}.cal-cell__dots{display:none}}[data-no-support] [data-support],[data-no-support] #support-btn{display:none!important}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}#notif-overlay{position:fixed;inset:0;z-index:500;background:#0006}.notif-panel{position:absolute;top:54px;right:12px;width:360px;max-width:calc(100vw - 24px);max-height:72vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow)}.notif-panel__head{position:sticky;top:0;z-index:1;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border)}.notif-panel__title{font-weight:600;font-size:.95rem}.notif-panel__list{padding:var(--s-2)}.notif-item{display:flex;gap:var(--s-2);align-items:flex-start;padding:var(--s-3);border-radius:var(--r-2);cursor:pointer;touch-action:pan-y;will-change:transform}.notif-item__body{cursor:pointer}.notif-item+.notif-item{border-top:1px solid var(--border);border-radius:0}.notif-item--unread{background:var(--accent-soft);border-radius:var(--r-2)}.notif-item__body{flex:1;min-width:0}.notif-item__text{font-size:.875rem;line-height:1.35}.notif-item__meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}@media (max-width: 767px){#notif-overlay{background:var(--surface)}.notif-panel{position:fixed;inset:0;width:100%;max-width:100%;max-height:100%;border:0;border-radius:0}}@media (prefers-reduced-motion: reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}