:root{--ink:#24305e;--ink-soft:#4b5680;--ink-faint:#5c678f;--action:#3554c8;--action-hover:#2a45ad;--action-ink:#fff;--paper:#fbfdff;--sky-50:#f3f9ff;--sky-100:#eaf5fe;--sky-200:#d6ebfb;--line:#d3e2f3;--band-cyan:#6cc6f4;--band-lavender:#8aa4f3;--band-petal:#ecbbf0;--calm:#2b7466;--calm-50:#ecf7f3;--draft:#8a5a00;--draft-50:#fff6e0;--focus:#1f6feb;--surface:#fff;--glass:#ffffffb3;--glass-strong:#fffffff2;--veil:#fbfdffd6;--shadow-card:0 8px 22px -12px #24305e66;--shadow-pop:0 18px 40px -16px #24305e73;--shadow-lift:0 14px 30px -12px #3554c88c;--shadow-soft:0 10px 30px -12px #3554c847;--danger:#9b2c48;--danger-50:#fdeef1;--petal-50:#fde3ee;--petal-25:#fff6fa;--petal-line:#f6d3e2;--petal-ink:#a83c68;--name-gradient:linear-gradient(100deg, #3f6fe2 0%, #4c86ea 40%, #4bb2e6 62%, #6b78e6 100%);--name-color:#3f6fe2;--sweep-cyan:linear-gradient(90deg, #8fdcff, #6cc6f4);--sweep-lavender:linear-gradient(90deg, #b9c6ff, #8aa4f3);--sweep-petal:linear-gradient(90deg, #ffe1f4, #ecbbf0);--hl-band:linear-gradient(90deg, #6cc6f470, #8aa4f366 50%, #ecaaee94);--hl-cyan:#6cc6f4;--hl-lavender:#8aa4f3;--hl-petal:#eea6e4;--sky-wash:linear-gradient(180deg, #e3f2fd 0%, #f3f9ff 46%, var(--paper) 100%);--art:url(/images/central-concept-1280.webp);--art-glow:#ffffff9e;--art-shadow:drop-shadow(0 18px 22px #3554c824);--buddy-shadow:drop-shadow(0 0 1px #606cb899) drop-shadow(0 14px 18px #3554c829);--font-body:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--font-num:ui-rounded, "SF Pro Rounded", var(--font-body);--font-hand:"Klee One", var(--font-body);--step--2:.75rem;--step--1:.875rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:2rem;--measure:44rem;--page-max:64rem;--gutter:clamp(1rem, 4vw, 2rem);--radius-s:10px;--radius-m:18px;--radius-l:28px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--tabbar-h:64px;--player-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@media (prefers-color-scheme:dark){:root{--ink:#e9eeff;--ink-soft:#bcc5ea;--ink-faint:#949fcc;--action:#8ea4ff;--action-hover:#adbcff;--action-ink:#0b1030;--paper:#0b1030;--sky-50:#10173e;--sky-100:#19224f;--sky-200:#243066;--line:#2b386f;--calm:#7ad7bf;--calm-50:#10332f;--draft:#f1c66e;--draft-50:#33280d;--focus:#9dbbff;--surface:#131b47;--glass:#ffffff1a;--glass-strong:#151d4af0;--veil:#0b1030bd;--shadow-soft:0 10px 30px -12px #0009;--shadow-card:0 10px 24px -12px #0009;--shadow-pop:0 18px 40px -16px #000000a6;--shadow-lift:0 14px 30px -12px #6e87ff80;--danger:#ff9db8;--danger-50:#3a1428;--petal-50:#3a1734;--petal-25:#221639;--petal-line:#5a3566;--petal-ink:#f7aed6;--name-gradient:linear-gradient(100deg, #a4b8ff 0%, #8fcbff 40%, #7fd6ff 62%, #b8a9ff 100%);--name-color:#a4b8ff;--sweep-cyan:linear-gradient(90deg, #2f7fc0, #3f9ddb);--sweep-lavender:linear-gradient(90deg, #4a5ec6, #6b80e6);--sweep-petal:linear-gradient(90deg, #9c55b2, #c47fd4);--hl-band:linear-gradient(90deg, #6cc6f452, #8aa4f35c 50%, #d682d661);--hl-cyan:#7fd0f8;--hl-lavender:#a3b6ff;--hl-petal:#f3b4ea;--sky-wash:linear-gradient(180deg, #121a4a 0%, #0e1540 46%, var(--paper) 100%);--art:url(/images/central-concept-night-1280.webp);--art-glow:#080c2894;--art-shadow:drop-shadow(0 0 18px #8ca5ff33) drop-shadow(0 18px 22px #00000059);--buddy-shadow:drop-shadow(0 0 1px #b4beff80) drop-shadow(0 14px 18px #0006);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (max-width:700px){:root{--art:url(/images/central-concept-960.webp)}}@media (prefers-color-scheme:dark) and (max-width:700px){:root{--art:url(/images/central-concept-night-960.webp)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--paper);scroll-padding-top:4.5rem}body{background-color:var(--paper);background-image:var(--sky-wash);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-weight:500;font-size:var(--step-0);letter-spacing:.02em;overflow-wrap:anywhere;background-repeat:no-repeat;background-size:100% 22rem;margin:0;line-height:1.8}img,svg{max-width:100%;height:auto}a{color:var(--action);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--action-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}[data-page-title]:focus:not(:focus-visible){outline:none}h1,h2,h3{word-break:auto-phrase;text-wrap:balance;letter-spacing:.04em;margin:0;font-weight:700;line-height:1.35}p{margin:0}ul,ol{margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}fieldset{border:0;min-width:0;margin:0;padding:0}dialog{color:inherit}[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-s);background:var(--action);color:var(--action-ink);padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{color:var(--action-ink);top:1rem}.muted{color:var(--ink-faint)}.icon{flex:none;width:1.25em;height:1.25em}.inline-icon{vertical-align:-.16em;flex:none;width:1.05em;height:1.05em;margin-right:.2em}.count{background:var(--sky-100);min-width:1.8rem;color:var(--ink-soft);font-size:var(--step--1);text-align:center;letter-spacing:0;vertical-align:.1em;border-radius:999px;padding:.05rem .55rem;font-weight:700;display:inline-block}.btn{min-height:48px;font:inherit;letter-spacing:.06em;cursor:pointer;text-align:center;border:2px solid #0000;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .4em;padding:.6rem 1.3rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.btn[aria-busy=true]{cursor:progress}.btn-primary{background:var(--action);color:var(--action-ink);box-shadow:var(--shadow-soft)}.btn-primary:hover:not(:disabled){background:var(--action-hover);color:var(--action-ink)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:color-mix(in srgb, var(--action) 35%, var(--surface))}.btn-secondary:hover:not(:disabled){border-color:var(--action);color:var(--ink)}.btn-ghost{color:var(--action);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--sky-100);color:var(--action-hover)}.btn-danger{background:var(--danger);color:var(--surface)}.btn-danger:hover:not(:disabled){filter:brightness(1.08);color:var(--surface)}.btn-small{min-height:44px;font-size:var(--step--1);padding:.4rem 1rem}.btn-compact{min-width:44px;padding-inline:.7rem}.btn-icon{flex:none;width:1.15em;height:1.15em}.btn-capture{background:linear-gradient(100deg, var(--petal-50), color-mix(in srgb, var(--sky-100) 70%, var(--petal-50)));color:var(--petal-ink);border-color:var(--petal-line)}.btn-capture:hover:not(:disabled){border-color:var(--petal-ink);color:var(--petal-ink)}.icon-btn{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;transition:background-color .15s,color .15s;display:inline-grid}.icon-btn svg{width:22px;height:22px}.icon-btn:hover:not(:disabled){background:var(--sky-100);color:var(--action)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--solid{background:var(--action);color:var(--action-ink);box-shadow:var(--shadow-soft)}.icon-btn--solid:hover:not(:disabled){background:var(--action-hover);color:var(--action-ink)}.icon-btn--small svg{width:19px;height:19px}.mock-banner{z-index:31;padding:.35rem var(--gutter);padding-top:calc(.35rem + var(--safe-top));background:repeating-linear-gradient(-45deg, var(--draft-50), var(--draft-50) 12px, color-mix(in srgb, var(--draft-50) 70%, var(--surface)) 12px, color-mix(in srgb, var(--draft-50) 70%, var(--surface)) 24px);color:var(--draft);font-size:var(--step--1);border-bottom:1px dashed color-mix(in srgb, var(--draft) 50%, var(--surface));flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex;position:relative}.mock-banner__badge{background:var(--draft);color:var(--draft-50);border-radius:999px;padding:0 .6rem;font-weight:700}.mock-banner__text{flex:1 1 0;min-width:0}.mock-banner__short{display:none}@media (max-width:560px){.mock-banner{padding-block:.3rem;padding-top:calc(.3rem + var(--safe-top));flex-wrap:nowrap;gap:.5rem}.mock-banner__badge{flex:none;padding:0 .5rem}.mock-banner__long{display:none}.mock-banner__short{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mock-banner__btn{flex:none;padding:0 .7rem}}.mock-banner__btn{min-height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:0 .8rem;font-weight:700}.corner-menu{top:calc(.75rem + var(--safe-top));right:max(var(--gutter), calc((100% - var(--page-max)) / 2 + var(--gutter)));z-index:20;position:absolute}.mock-banner~.main .corner-menu{top:.75rem}.nav-menu{position:relative}.nav-menu>summary{background:var(--veil);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);max-width:11rem;min-height:44px;color:var(--ink);border:1px solid color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:var(--shadow-soft);font-weight:700;font-size:var(--step--1);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:0 .9rem;list-style:none;display:inline-flex}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu__icon{flex:none;width:1.15em;height:1.15em}.nav-menu__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-menu__panel{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);width:min(19rem,100vw - 2rem);box-shadow:var(--shadow-pop);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.nav-menu__who{border-bottom:1px solid var(--line);font-size:var(--step--1);margin-bottom:.35rem;padding:.4rem .8rem .6rem;line-height:1.5;display:grid}.nav-menu__who span{color:var(--ink-faint)}.nav-menu__panel ul{list-style:none}.nav-menu__panel a{border-radius:var(--radius-s);min-height:48px;color:var(--ink);align-items:center;gap:.55rem;padding:0 .8rem;font-weight:700;text-decoration:none;display:flex}.nav-menu__panel a svg{width:1.15em;height:1.15em;color:var(--action)}.nav-menu__panel a:hover{background:var(--sky-100)}.nav-menu__setting{border-top:1px solid var(--line);gap:.15rem;margin-top:.35rem;padding:.6rem .8rem .4rem;display:grid}.nav-menu__setting small{color:var(--ink-faint);font-size:var(--step--2);line-height:1.5}.nav-menu__logout{width:100%;margin-top:.4rem}.switch{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;font-weight:700;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{background:var(--sky-200);border:1px solid var(--line);border-radius:999px;flex:none;width:44px;height:26px;transition:background-color .2s;position:relative}.switch__track:after{content:"";background:var(--surface);width:20px;height:20px;transition:translate .3s var(--spring,ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch__track{background:var(--action)}.switch input:checked+.switch__track:after{translate:18px}.switch input:focus-visible+.switch__track{outline:3px solid var(--focus);outline-offset:2px}.switch input:disabled+.switch__track{opacity:.6}.route-sweep{z-index:40;pointer-events:none;height:9px;position:fixed;top:0;left:0;right:0;overflow:hidden}.route-sweep__band{will-change:transform;width:100%;height:3px;position:absolute;top:0;left:0;transform:translate(-101%)}.route-sweep__band--cyan{background:var(--sweep-cyan)}.route-sweep__band--lavender{background:var(--sweep-lavender);top:3px}.route-sweep__band--petal{background:var(--sweep-petal);top:6px}.main{min-height:60vh;padding-bottom:calc(3rem + var(--safe-bottom));display:block;position:relative;overflow-x:clip}.main--with-player{padding-bottom:calc(var(--player-h) + var(--tabbar-h) + 3rem + var(--safe-bottom))}.bottom-nav{left:50%;bottom:calc(.6rem + var(--safe-bottom));z-index:25;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);border:1px solid color-mix(in srgb, var(--surface) 60%, var(--line));width:min(30rem,100vw - 1.25rem);box-shadow:var(--shadow-pop);border-radius:999px;position:fixed;translate:-50%}.bottom-nav ul{height:var(--tabbar-h);grid-template-columns:repeat(4,1fr);padding:.3rem;list-style:none;display:grid}.bottom-nav__link{height:100%;color:var(--ink-faint);letter-spacing:.02em;border-radius:999px;align-content:center;place-items:center;gap:.1rem;font-size:.72rem;font-weight:700;text-decoration:none;display:grid}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__link[aria-current=page]{color:var(--action);background:color-mix(in srgb, var(--sky-100) 80%, transparent)}.bottom-nav__link[aria-current=page] .bottom-nav__icon{filter:drop-shadow(0 4px 8px color-mix(in srgb, var(--action) 35%, transparent))}.mini-player{width:min(30rem,100vw - 1.25rem);left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 1.1rem);z-index:26;min-height:var(--player-h);border-radius:var(--radius-m);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);border:1px solid var(--line);box-shadow:var(--shadow-pop);align-items:center;gap:.25rem;padding:.45rem .5rem .45rem .45rem;display:flex;position:fixed;overflow:hidden;translate:-50%}.mini-player--warn{border-color:color-mix(in srgb, var(--draft) 45%, var(--line))}.mini-player--danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--line))}.mini-player__line{background:linear-gradient(90deg, var(--band-cyan), var(--band-lavender), var(--band-petal));border-radius:0 3px 3px 0;height:3px;transition:width 1s linear;position:absolute;top:0;left:0}.mini-player__main{border-radius:var(--radius-s);min-width:0;min-height:52px;color:var(--ink);flex:1;align-items:center;gap:.65rem;padding:.15rem .35rem .15rem .15rem;text-decoration:none;display:flex}.mini-player__main:hover{color:var(--ink);background:color-mix(in srgb, var(--sky-100) 60%, transparent)}.mini-player__icon{border-radius:var(--radius-s);background:var(--sky-100);width:52px;height:52px;color:var(--action);flex:none;place-items:center;display:grid}.mini-player__icon svg{width:24px;height:24px}.mini-player__text{min-width:0;line-height:1.4;display:grid}.mini-player__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mini-player__sub{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint);font-size:var(--step--1);overflow:hidden}.mini-player__state{flex:none;margin-left:auto}.mini-player__state .pill{text-overflow:ellipsis;max-width:9rem;overflow:hidden}@media (max-width:420px){.mini-player__state .pill{max-width:6.2rem}}.mini-player__live{flex:none;align-items:flex-end;gap:2px;height:16px;margin-left:auto;display:inline-flex}.mini-player__live span{background:var(--action);transform-origin:bottom;border-radius:2px;width:3px;height:100%;scale:1 .5}.mini-player__toggle{margin-left:.15rem}.pill{letter-spacing:.04em;white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:.3em;padding:.1rem .65rem;font-size:.8rem;font-weight:700;line-height:1.7;display:inline-flex}.pill__icon{flex:none;width:1em;height:1em}.pill--calm{background:var(--calm-50);color:var(--calm)}.pill--info{background:var(--sky-100);color:var(--ink-soft)}.pill--warn{background:var(--draft-50);color:var(--draft)}.pill--danger{background:var(--danger-50);color:var(--danger)}.pill--draft{background:var(--draft-50);color:var(--draft);border:1px dashed color-mix(in srgb, var(--draft) 50%, var(--surface))}.pill--petal{background:var(--petal-50);color:var(--petal-ink)}.thumb{aspect-ratio:16/9;border-radius:var(--radius-s);background:linear-gradient(135deg, var(--sky-200), color-mix(in srgb, var(--band-lavender) 45%, var(--sky-100)) 60%, color-mix(in srgb, var(--band-petal) 55%, var(--sky-100)));flex:none;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb__fallback{color:color-mix(in srgb, var(--ink) 55%, transparent);place-items:center;font-size:1.4em;font-weight:700;display:grid;position:absolute;inset:0}.thumb--s{border-radius:8px;width:64px}.thumb--s .thumb__fallback{font-size:1rem}.thumb--m{width:100%}.thumb--l{border-radius:var(--radius-m);width:100%}.thumb--l .thumb__fallback{font-size:3rem}.notice{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--sky-50);color:var(--ink);border-left-width:5px;gap:.75rem;margin:0 0 1rem;padding:.85rem 1.05rem;font-size:.95rem;line-height:1.7;display:flex}.notice__icon{flex:none;width:1.4em;height:1.4em;margin-top:.15em}.notice__title{font-weight:700}.notice__action{margin-top:.6rem}.notice--info{border-left-color:var(--band-lavender)}.notice--info .notice__icon{color:var(--action)}.notice--calm{border-left-color:var(--calm);background:var(--calm-50)}.notice--calm .notice__icon{color:var(--calm)}.notice--warn,.notice--draft{border-left-color:var(--draft);background:var(--draft-50)}.notice--warn .notice__icon,.notice--draft .notice__icon{color:var(--draft)}.notice--danger{border-left-color:var(--danger);background:var(--danger-50)}.notice--danger .notice__icon{color:var(--danger)}.inline-note{font-size:var(--step--1);margin:.5rem 0;line-height:1.6}.inline-note--warn{color:var(--draft)}.inline-note--danger{color:var(--danger);font-weight:700}.empty{border-radius:var(--radius-m);background:var(--sky-50);border:1px dashed var(--line);text-align:center;color:var(--ink-soft);justify-items:center;gap:.35rem;padding:1.6rem 1.2rem;display:grid}.empty__icon{width:32px;height:32px;color:var(--band-lavender)}.empty__title{color:var(--ink);font-weight:700}.empty__body{font-size:var(--step--1)}.loading{gap:.7rem;padding:.5rem 0;display:grid}.skeleton{border-radius:var(--radius-m);background:linear-gradient(90deg, var(--sky-50), var(--sky-100), var(--sky-50));background-size:200% 100%;height:5.2rem;display:block}.dialog{border-radius:var(--radius-l);background:var(--surface);width:min(32rem,100vw - 1.5rem);max-height:calc(100dvh - 2rem);color:var(--ink);box-shadow:var(--shadow-pop);border:0;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b103073}.dialog__panel{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex}.dialog__head{align-items:center;gap:.5rem;padding:.9rem .75rem .4rem 1.3rem;display:flex}.dialog__title{font-size:var(--step-1);flex:1}.dialog__body{gap:.9rem;padding:.3rem 1.3rem 1rem;display:grid;overflow-y:auto}.dialog__lead{color:var(--ink-soft);font-size:.95rem}.dialog__foot{padding:.8rem 1.3rem calc(1rem + var(--safe-bottom));border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}@media (max-width:520px){.dialog{border-radius:var(--radius-l) var(--radius-l) 0 0;width:100vw;max-width:100vw;margin:auto 0 0}.dialog__foot .btn{flex:1 1 0}}.tabs{border:1px solid var(--line);background:var(--surface);scrollbar-width:none;border-radius:999px;gap:2px;margin:0 0 1.2rem;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__tab{min-height:42px;color:var(--ink-soft);font-size:var(--step--1);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:.35rem;padding:0 .9rem;font-weight:700;display:inline-flex}.tabs__tab[aria-selected=true]{background:var(--action);color:var(--action-ink)}.tabs__count{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:999px;min-width:1.4rem;padding:0 .35rem;font-size:.75rem}.tabs__panel:focus-visible{outline-offset:6px}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{min-width:3.2rem;min-height:38px;color:var(--ink-soft);font-size:var(--step--1);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .8rem;font-weight:700}.segmented button[aria-pressed=true]{background:var(--action);color:var(--action-ink);opacity:1}.segmented button:disabled:not([aria-pressed=true]){opacity:.5;cursor:not-allowed}.field{gap:.3rem;display:grid}.field__label{align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.field__req{background:var(--petal-50);color:var(--petal-ink);border-radius:6px;margin-left:.4rem;padding:0 .45rem;font-size:.72rem;font-weight:700}legend .field__req{vertical-align:.1em}.field__hint{color:var(--ink-faint);font-size:var(--step--1);line-height:1.6}.field__error{color:var(--danger);font-size:var(--step--1);align-items:flex-start;gap:.35rem;font-weight:700;line-height:1.6;display:flex}.field__error-icon{flex:none;width:1.1em;height:1.1em;margin-top:.2em}.input{border:1.5px solid color-mix(in srgb, var(--ink-faint) 55%, var(--line));border-radius:var(--radius-s);background:var(--surface);width:100%;min-height:48px;color:var(--ink);padding:.55rem .9rem;font-size:1rem;line-height:1.5}.input::placeholder{color:color-mix(in srgb, var(--ink-faint) 80%, transparent)}.input:focus-visible{outline-offset:1px;border-color:var(--focus)}.input:disabled{background:var(--sky-50);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger)}.textarea{resize:vertical;min-height:6rem}.input--time{max-width:10rem;font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.04em}.input--date{max-width:12rem}.input-row{align-items:center;gap:.5rem;display:flex}.input-row .input{flex:1;min-width:0}.choice-group{gap:.35rem;display:grid}.choice-group legend{margin-bottom:.3rem;font-weight:700}.choice-group--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr))}.choice-group--grid legend{grid-column:1/-1}.choice{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;align-items:flex-start;gap:.65rem;min-height:44px;padding:.55rem .75rem;line-height:1.5;display:flex}.choice:has(input:checked){border-color:var(--action);background:color-mix(in srgb, var(--sky-100) 60%, var(--surface))}.choice input{width:1.2rem;height:1.2rem;accent-color:var(--action);flex:none;margin:.15rem 0 0}.choice span{display:grid}.choice small{color:var(--ink-faint);font-size:var(--step--1)}.choice__icon{vertical-align:-.15em;width:1.1em;height:1.1em;margin-right:.3em;display:inline}.hl{color:inherit;background-color:#0000}.hl--band{background-repeat:no-repeat;background-image:var(--hl-band);background-position:0 calc(100% - .04em);background-size:100% .5em;border-radius:.25em;padding-inline:.08em}.hl--ring{isolation:isolate;display:inline-flex;position:relative}.hl__ring{pointer-events:none;width:calc(100% + 16px);max-width:none;height:calc(100% + 16px);transition:opacity .3s;position:absolute;inset:-8px;overflow:visible}.hl--ring:has(>button:disabled) :is(.hl__ring,.hl__bit){opacity:0!important}.hl__ring path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.31 .69;vector-effect:non-scaling-stroke}.hl__ring path:first-child{stroke:var(--hl-cyan);stroke-dashoffset:0}.hl__ring path:nth-child(2){stroke:var(--hl-lavender);stroke-dashoffset:-.3333px}.hl__ring path:nth-child(3){stroke:var(--hl-petal);stroke-dashoffset:-.6667px}.hl__bit{clip-path:polygon(50% 0,100% 100%,0 100%);width:13px;height:13px;rotate:var(--r);pointer-events:none;position:absolute}.hl__bit--cyan{--r:18deg;background:linear-gradient(135deg,#8fdcff,#5cb6ef);top:-20px;right:6px}.hl__bit--petal{--r:62deg;background:linear-gradient(135deg,#ffd1ef,#f19ad6);width:10px;height:10px;top:-8px;right:-21px}.hl__bit--lavender{--r:-24deg;background:linear-gradient(135deg,#d2d8ff,#9aa8f3);width:11px;height:11px;bottom:-19px;left:4px}@media (forced-colors:active){.hl--band{color:marktext;background-color:mark;background-image:none}}.page{max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto}.page--narrow{max-width:var(--measure)}.page-hero{isolation:isolate;padding:calc(4.25rem + var(--safe-top)) var(--gutter) clamp(1.6rem, 5vw, 2.6rem);background:linear-gradient(to bottom, color-mix(in srgb, var(--paper) 12%, transparent), color-mix(in srgb, var(--paper) 55%, transparent) 62%, var(--paper) 96%), var(--art) center 30% / cover no-repeat;margin-inline:calc(50% - 50vw);position:relative}.mock-banner~.main .page-hero{padding-top:4.25rem}.page-hero__inner{z-index:1;max-width:calc(var(--page-max) - 2 * var(--gutter));justify-items:start;gap:.6rem;margin:0 auto;display:grid;position:relative}.page--narrow .page-hero__inner{max-width:calc(var(--measure) - 2 * var(--gutter))}.page-hero__title,.page-hero__lead{border-radius:var(--radius-s);background:var(--veil);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:-moz-fit-content;width:fit-content;max-width:100%;margin-left:-.6rem;padding:.15rem .6rem}.page-hero__title{font-size:clamp(1.6rem, 6.4vw, var(--step-3));line-height:1.35}.page-hero__chars{display:inline}.page-hero__char{display:inline-block}.page-hero__char:before{content:attr(data-ch);white-space:pre}.page-hero__lead{max-width:40rem;color:var(--ink-soft)}.page-hero__extra{width:100%}.page-hero--stage{background:linear-gradient(to bottom, color-mix(in srgb, var(--paper) 6%, transparent) 40%, color-mix(in srgb, var(--paper) 70%, transparent) 82%, var(--paper) 100%), var(--art) center 42% / cover no-repeat;min-height:clamp(15rem,52vw,22rem);padding-bottom:clamp(4.5rem,14vw,6.5rem)}.page-hero--stage+*{z-index:2;margin-top:clamp(-4.5rem,-12vw,-3rem);position:relative}.sky-bits{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky-bit{left:var(--x);top:var(--y);width:calc(14px * var(--s));height:calc(14px * var(--s));opacity:.85;position:absolute}.sky-bit__chip{clip-path:polygon(50% 0,100% 100%,0 100%);rotate:var(--r);position:absolute;inset:0}.sky-bit--cyan .sky-bit__chip{background:linear-gradient(135deg,#8fdcff,#5cb6ef)}.sky-bit--petal .sky-bit__chip{background:linear-gradient(135deg,#ffd1ef,#f19ad6)}.sky-bit--lavender .sky-bit__chip{background:linear-gradient(135deg,#d2d8ff,#9aa8f3)}@media (prefers-color-scheme:dark){.sky-bit__chip{filter:brightness(1.1)saturate(1.2)}}.ribatan{height:auto;filter:var(--buddy-shadow);display:block}.ribatan-note{text-align:center;justify-items:center;gap:.5rem;display:grid}.ribatan-note__art{width:min(44vw,12rem)}.ribatan-note--s .ribatan-note__art{width:7.5rem}.ribatan-note__say,.now-card__say{background:var(--surface);box-shadow:var(--shadow-card);font-family:var(--font-hand);font-weight:600;font-size:var(--step-0);color:var(--ink);border-radius:18px;padding:.35rem 1rem;position:relative}.ribatan-note__say:before,.now-card__say:before{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;left:50%;translate:-50%;rotate:45deg}.ribatan-note__title{font-size:var(--step-1);color:var(--ink);margin-top:.3rem;font-weight:700}.ribatan-note__body{max-width:32rem;color:var(--ink-soft);font-size:var(--step--1);justify-items:center;gap:.6rem;display:grid}.empty--ribatan{background:linear-gradient(to bottom, var(--sky-50), var(--surface));border-style:solid;padding:1.4rem 1rem 1.6rem}.load-error{border-radius:var(--radius-m);background:var(--danger-50);border:1px solid color-mix(in srgb, var(--danger) 30%, var(--line));padding:1.4rem 1rem 1.6rem}.section{margin-top:2.2rem}.section-head{margin-bottom:.9rem}.section-title{font-size:var(--step-1);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.section-head .section-title{margin-bottom:.15rem}.section-basis{color:var(--ink-faint);font-size:var(--step--1);margin-bottom:.8rem;line-height:1.6}.section-head .section-basis{margin-bottom:0}.section-more{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}.search-form{align-items:center;gap:.5rem;max-width:34rem;margin-top:.4rem;display:flex;position:relative}.search-form__icon{width:1.15rem;height:1.15rem;color:var(--ink-faint);pointer-events:none;position:absolute;left:.85rem}.search-form .btn{white-space:nowrap;flex:none}.search-form__input{border-radius:999px;padding-left:2.5rem}.video-list{gap:.6rem;list-style:none;display:grid}.video-card,.video-found{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.video-card__body,.video-found>div{flex:1;min-width:0}.video-card__title,.video-found__title{font-weight:700;line-height:1.5}.video-card__sub,.video-found__sub{color:var(--ink-faint);font-size:var(--step--1)}.existing{border:1px dashed var(--band-lavender);border-radius:var(--radius-m);background:var(--sky-50);gap:.5rem;margin-top:.75rem;padding:.75rem;display:grid}.existing__title{font-size:var(--step-0);align-items:center;gap:.35rem;margin:0;font-weight:700;display:flex}.existing .perf-list{grid-template-columns:1fr}.perf-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.8rem;list-style:none;display:grid}.perf-card{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);grid-template-columns:clamp(6.5rem,36%,10rem) 1fr;gap:.8rem;padding:.7rem;display:grid}.perf-card--unavailable{border-style:dashed}.perf-card--unavailable .thumb{filter:grayscale(.8);opacity:.7}.perf-card__thumb{align-self:start;display:block;position:relative}.perf-card__len{color:#fff;font-variant-numeric:tabular-nums;background:#0b1030c7;border-radius:6px;padding:0 .4rem;font-size:.72rem;font-weight:700;position:absolute;bottom:.35rem;right:.35rem}.perf-card__body{align-content:start;gap:.2rem;min-width:0;display:grid}.perf-card__tags{flex-wrap:wrap;align-items:center;gap:.3rem .45rem;display:flex}.perf-card__date{color:var(--ink-faint);font-size:var(--step--1)}.perf-card__title{font-size:var(--step-0);line-height:1.45}.perf-card__title a{color:var(--ink);text-decoration:none}.perf-card__title a:hover{color:var(--action);text-decoration:underline}.perf-card__performer{color:var(--ink-soft);font-size:var(--step--1);line-height:1.5}.perf-card__note{color:var(--ink-faint);font-size:var(--step--1)}.perf-card__actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}@media (max-width:520px){.perf-card__body{display:contents}.perf-card__body>:not(.perf-card__actions){grid-column:2}.perf-card{align-items:start;row-gap:.2rem}.perf-card__thumb{grid-row:1/span 4}.perf-card__actions{grid-column:1/-1}.perf-card__actions>*{flex:1 1 0}.perf-card__actions .save-btn-wrap .btn{width:100%}}.post-list{gap:.9rem;list-style:none;display:grid}@media (min-width:900px){.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.post-card{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);gap:.55rem;padding:1rem 1.05rem 1rem 1.4rem;display:grid;position:relative;overflow:hidden}.post-card:before{content:"";background:var(--band-cyan);width:6px;position:absolute;top:0;bottom:0;left:0}.post-list>.post-card:nth-child(3n+2):before{background:var(--band-lavender)}.post-list>.post-card:nth-child(3n+3):before{background:var(--band-petal)}.post-card--gone{background:var(--sky-50);box-shadow:none;color:var(--ink-faint);border-style:dashed}.post-card--gone:before{background:var(--line)!important}.post-card__gone{font-weight:700}.post-card__gone-link{font-size:var(--step--1)}.post-card__head{flex-wrap:wrap;align-items:center;gap:.2rem .6rem;display:flex}.post-card__author{font-weight:700}.post-card__time{color:var(--ink-faint);font-size:var(--step--1)}.post-card__body{white-space:pre-wrap;font-size:1.05rem;line-height:1.75}.post-card__body--short{color:var(--ink-faint);font-size:var(--step--1)}.post-card__moments{flex-wrap:wrap;gap:.4rem;display:flex}.post-card__perf{border-radius:var(--radius-s);background:var(--sky-50);align-items:center;gap:.65rem;padding:.5rem;display:flex}.post-card__perf>div{min-width:0;line-height:1.45;display:grid}.post-card__perf-title{color:var(--ink);font-weight:700;text-decoration:none}.post-card__perf-title:hover{color:var(--action);text-decoration:underline}.post-card__perf-sub{color:var(--ink-faint);font-size:var(--step--1)}.post-card__actions{flex-wrap:wrap;gap:.4rem;display:flex}.post-menu{margin-left:auto;position:relative}.post-menu__list{z-index:5;border-radius:var(--radius-s);background:var(--surface);border:1px solid var(--line);min-width:13rem;box-shadow:var(--shadow-pop);padding:.35rem;list-style:none;position:absolute;top:calc(100% + .25rem);right:0}.post-menu__list button{width:100%;min-height:44px;color:var(--ink);font-weight:700;font-size:var(--step--1);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.post-menu__list button svg{width:1.1em;height:1.1em;color:var(--ink-soft)}.post-menu__list button:hover{background:var(--sky-100)}.save-btn-wrap{gap:.2rem;display:inline-grid}.save-btn--on{border-color:var(--petal-line);background:var(--petal-25);color:var(--petal-ink)}.save-btn--on:hover:not(:disabled){color:var(--petal-ink);border-color:var(--petal-ink)}.save-btn--on .btn-icon{fill:currentColor}.save-btn__error{color:var(--danger);font-size:var(--step--2);font-weight:700}.moment-spotlight{background:var(--petal-25);border:1px solid var(--petal-line);border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.85rem;width:100%;padding:1.4rem;display:flex}.moment-spotlight__label{color:var(--petal-ink);font-size:var(--step--1);align-items:center;gap:.4rem;display:flex}.moment-spotlight__time{font:700 clamp(1.8rem, 7vw, 3rem)/1.2 var(--font-num);color:var(--ink);overflow-wrap:anywhere}.moment-spotlight .muted{font-size:var(--step--1)}.post-list--detail .post-card__body{font-size:var(--step-2);overflow-wrap:anywhere;line-height:1.9}.post-list--detail .post-card__moments{flex-direction:column;display:flex}.share-post__actions{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;display:flex}.share-post__url{width:100%;font-size:var(--step--1);margin-top:.4rem}.share-post__status{min-height:1.5em;margin-top:.75rem}.posts-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}.moment{gap:.35rem;max-width:100%;display:inline-grid}.moment__chip{border:1px solid var(--petal-line);background:var(--petal-25);width:-moz-fit-content;width:fit-content;min-height:36px;color:var(--petal-ink);font-weight:700;font-size:var(--step--1);font-family:var(--font-num), var(--font-body);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:0 .75rem;display:inline-flex}.moment__chip[aria-expanded=true]{background:var(--petal-50)}.moment__icon{width:1em;height:1em}.moment__panel{border-radius:var(--radius-s);background:var(--petal-25);border:1px solid var(--petal-line);font-size:var(--step--1);gap:.15rem;padding:.55rem .75rem;line-height:1.6;display:grid}.moment__body{color:var(--ink);font-weight:700}.moment__meta{color:var(--ink-faint)}.moment__link{width:-moz-fit-content;width:fit-content}.moment-list{gap:.6rem;list-style:none;display:grid}.moment-row{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);flex-wrap:wrap;align-items:flex-start;gap:.4rem .8rem;padding:.7rem .85rem;display:flex}.moment-row__title{min-width:0;color:var(--ink);flex:12rem;font-weight:700;line-height:1.45;text-decoration:none;display:grid}.moment-row__title span{color:var(--ink-faint);font-size:var(--step--1);font-weight:500}.now-card{border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);gap:.8rem;padding:.9rem;display:grid}.now-card:not(.now-card--empty){padding:0 0 1rem;overflow:hidden}.now-card__top{isolation:isolate;min-width:0;display:grid}.now-card__art{min-width:0;position:relative}.now-card__art .thumb{border-radius:0}.now-card__head{z-index:1;border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);border-radius:22px;margin:-2.5rem .9rem 0;padding:1rem 1.1rem;position:relative;box-shadow:0 8px 24px -12px #0006,inset 0 1px #ffffff24}.now-card__body{padding:0 1.2rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.now-card__head{background:var(--surface)}}@media (min-width:760px){.now-card:not(.now-card--empty){padding-bottom:1.5rem}.now-card__head{margin:-3.5rem 1.5rem 0;padding:1.25rem 1.5rem}.now-card__body{padding-inline:2rem}}.now-card__head,.now-card__body{gap:.35rem;min-width:0;display:grid}.now-card__meta{flex-wrap:wrap;align-items:center;gap:.3rem .4rem;display:flex;position:absolute;top:.9rem;left:.9rem;right:.9rem}.now-card__meta .pill{white-space:normal;line-height:1.45}.now-card__vc{color:var(--ink-soft);font-size:var(--step--1);align-items:center;font-weight:700;display:inline-flex}.now-card__title{overflow-wrap:anywhere;font-size:clamp(1.35rem,4.6vw,2rem);line-height:1.3}.now-card__title a{color:var(--ink);text-decoration:none}.now-card__title a:hover{text-decoration:underline}.now-card__performer{color:var(--ink-soft);overflow-wrap:anywhere;font-weight:700}.now-card__added{color:var(--ink-faint);font-size:var(--step--1)}.now-card__intro{border-left:4px solid var(--band-lavender);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--sky-50);margin:.2rem 0 0;padding:.75rem .95rem}.now-card__intro p{white-space:pre-wrap}.now-card__intro footer{color:var(--ink-faint);font-size:var(--step--1);margin-top:.25rem}.now-card__intro--gone{color:var(--ink-faint);font-size:var(--step--1);border-left-color:var(--line)}.now-card--empty{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.4rem;padding:2rem 1.25rem;display:grid}.now-card__empty-icon{width:40px;height:40px;color:var(--band-lavender)}.now-card__ribatan{width:8.5rem}.now-card__say{margin:.2rem 0 .3rem}.now-card--danger .now-card__empty-icon{color:var(--danger)}.now-card--warn .now-card__empty-icon{color:var(--draft)}.now-card__empty-title{font-size:var(--step-1);font-weight:700}.now-card__empty-detail{max-width:30rem;color:var(--ink-soft);font-size:.95rem}.progress{margin-top:.4rem}.progress__track{background:var(--sky-100);border-radius:999px;height:8px;position:relative;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--band-cyan), var(--band-lavender) 60%, var(--band-petal));border-radius:999px;transition:width 1s linear;position:absolute;inset:0 auto 0 0}.progress__track--stale .progress__fill{background:repeating-linear-gradient(-45deg, var(--draft), var(--draft) 6px, color-mix(in srgb, var(--draft) 55%, var(--surface)) 6px, color-mix(in srgb, var(--draft) 55%, var(--surface)) 12px);transition:none}.progress__times{color:var(--ink-faint);font-size:var(--step--1);font-family:var(--font-num), var(--font-body);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.2rem;display:flex}.viewer-status{border-radius:var(--radius-s);align-items:flex-start;gap:.35rem;margin:1rem 0 0;padding:.6rem .9rem;font-size:.95rem;line-height:1.6;display:flex}.viewer-status .inline-icon{margin-top:.3em}.viewer-status--calm{background:var(--calm-50);color:var(--calm)}.viewer-status--info{background:var(--sky-50);color:var(--ink-soft)}.viewer-status--warn{background:var(--draft-50);color:var(--draft)}.viewer-status__dj{background:var(--calm);color:var(--calm-50);border-radius:6px;margin-left:.4rem;padding:0 .45rem;font-size:.72rem;font-weight:700}.controls{gap:.6rem;margin-top:1rem;display:grid}.controls__row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.controls__primary{min-width:8.5rem}@media (max-width:520px){.controls>.controls__row>*{flex:auto}.controls>.controls__row .capture,.controls>.controls__row .capture .hl--ring,.controls>.controls__row .capture .btn{width:100%}.controls>.controls__row .capture{flex-basis:100%;margin-top:.4rem}}.controls__gate{color:var(--ink-soft);font-size:var(--step--1)}.capture{display:inline-flex}.dj-tools{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}.mix-control{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.mix-control__copy{gap:.35rem;min-width:0;display:grid}.mix-control h2{font-size:1rem}.mix-control__state{color:var(--ink-soft);font-size:var(--step--1);margin-left:.4rem}.mix-control p{color:var(--ink-soft);font-size:var(--step--1)}.mix-control>.btn{flex-shrink:0}@media (max-width:640px){.mix-control{flex-direction:column;align-items:stretch}}.dj-tools>summary{cursor:pointer;align-items:center;gap:.4rem;min-height:48px;padding:0 1rem;font-weight:700;list-style:none;display:flex}.dj-tools>summary::-webkit-details-marker{display:none}.dj-tools>summary:after{content:"";border-right:2px solid var(--action);border-bottom:2px solid var(--action);width:.55rem;height:.55rem;margin-left:auto;transition:transform .15s;transform:translateY(-25%)rotate(45deg)}.dj-tools[open]>summary:after{transform:translateY(25%)rotate(-135deg)}.dj-tools__note{color:var(--ink-faint);font-size:var(--step--1);font-weight:500}.dj-tools__body{gap:.6rem;padding:0 1rem 1rem;display:grid}.dj-tools__gate{color:var(--ink-soft);font-size:var(--step--1)}.toast-viewport{z-index:90;top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));pointer-events:none;gap:.5rem;width:min(26rem,100vw - 2rem);max-height:45svh;display:grid;position:fixed;overflow-y:auto}.toast{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);color:var(--ink);pointer-events:auto;font-size:var(--step--1);align-items:flex-start;gap:.65rem;padding:.9rem;line-height:1.55;display:flex;box-shadow:0 8px 30px #0000002e}.toast__icon{flex:none;margin-top:.15rem}.toast--success .toast__icon{color:var(--calm)}.toast--error .toast__icon{color:var(--danger)}.toast__body{overflow-wrap:anywhere;flex:1;min-width:0}.toast__body p{margin:.2rem 0 0}.toast__body a{padding-block:.4rem;font-weight:700;display:inline-block}.post-list.post-list--detail{grid-template-columns:1fr}.queue{margin-top:2rem}.queue__empty,.queue__note{color:var(--ink-soft);font-size:var(--step--1)}.queue__note{margin-top:.6rem}.queue__list{gap:.5rem;list-style:none;display:grid}.queue-item{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);align-items:center;gap:.6rem;padding:.55rem .4rem .55rem .6rem;display:flex}.queue-item--unavailable{background:var(--sky-50);border-style:dashed}.queue-item--unavailable .thumb{filter:grayscale(.8);opacity:.7}.queue-item__n{width:1.5rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;text-align:center;flex:none;font-weight:700}.queue-item__body{flex:1;min-width:0;line-height:1.5}.queue-item__title{font-weight:700}.queue-item__title a{color:var(--ink);text-decoration:none}.queue-item__title a:hover{color:var(--action);text-decoration:underline}.queue-item__sub{color:var(--ink-faint);font-size:var(--step--1)}.queue-item__warn{color:var(--danger);font-size:var(--step--1);font-weight:700}.queue-item__intro{color:var(--ink-soft);font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-item__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:0;max-width:9rem;display:flex}@media (max-width:420px){.queue-item .thumb--s{display:none}}.perf-hero{gap:1rem;display:grid}@media (min-width:760px){.perf-hero{grid-template-columns:minmax(14rem,22rem) 1fr;align-items:start}}.perf-hero__body{gap:.9rem;min-width:0;display:grid}.defs{gap:.6rem;margin:0;display:grid}.defs>div{grid-template-columns:4.5rem minmax(0,1fr);gap:.25rem 1rem;display:grid}.defs dt{color:var(--ink-soft);font-weight:700}.defs dd{min-width:0;margin:0}.form{gap:1.1rem;display:grid}.form__step{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);gap:1rem;padding:1rem;display:grid}.form__step>legend{font-weight:700;font-size:var(--step-1);align-items:center;gap:.5rem;padding:0 .35rem;display:inline-flex}.form__step-n{background:var(--sky-100);width:1.8rem;height:1.8rem;color:var(--action);font-size:var(--step--1);border-radius:50%;place-items:center;display:inline-grid}.form__actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}@media (max-width:520px){.form__actions .btn{flex:100%}}.form__note{color:var(--ink-faint);font-size:var(--step--1);line-height:1.6}.form__danger{justify-content:flex-end;margin-top:1rem;display:flex}.form__danger .btn{color:var(--danger)}.inline-form{margin-bottom:1.2rem}.picked{border-radius:var(--radius-s);background:var(--sky-50);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.6rem .8rem;display:flex}.picked__label{color:var(--ink-faint);font-size:var(--step--1);font-weight:700}.picked__value{flex:1;font-weight:700}.picker{gap:.4rem;display:grid}.picker__list{gap:.25rem;list-style:none;display:grid}.picker__option{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .8rem;display:flex}.picker__option:hover{border-color:var(--action)}.picker__option small{color:var(--ink-faint)}.picker__option--new{color:var(--action);border-style:dashed;font-weight:700}.chips{flex-wrap:wrap;gap:.35rem;list-style:none;display:flex}.chip{background:var(--sky-100);font-weight:700;font-size:var(--step--1);border-radius:999px;align-items:center;gap:.1rem;padding:0 .2rem 0 .75rem;display:inline-flex}.chip__remove{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.chip__remove svg{width:16px;height:16px}.chip__remove:hover{background:var(--sky-200)}.range{gap:.4rem;display:grid}.range__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.range__summary{color:var(--ink-soft);font-size:var(--step--1)}.compose-target,.moment-target{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);align-items:center;gap:.75rem;padding:.7rem;display:flex}.compose-target>div,.moment-target>div{gap:.1rem;min-width:0;line-height:1.45;display:grid}.compose-target__title,.moment-target__title{font-weight:700}.compose-target__sub,.moment-target__sub{color:var(--ink-faint);font-size:var(--step--1)}.moment-target+.form__note{margin:.5rem 0 1rem}.captured{border-radius:var(--radius-m);background:var(--petal-25);border:1px solid var(--petal-line);padding:.85rem 1rem}.captured__label{color:var(--petal-ink);font-size:var(--step--1);font-weight:700}.captured__value{font-size:var(--step-2);font-weight:700;font-family:var(--font-num), var(--font-body);font-variant-numeric:tabular-nums}.captured__value .muted{font-size:var(--step--1);font-weight:500}.captured__note{color:var(--ink-soft);font-size:var(--step--1);line-height:1.6}.nudge{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.nudge__buttons{flex-wrap:wrap;gap:.35rem;display:flex}.nudge__btn{font-variant-numeric:tabular-nums;min-width:4.4rem}.nudge__summary{color:var(--ink-soft);font-size:var(--step--1);margin-top:-.4rem}.my-moments{gap:.6rem;list-style:none;display:grid}.my-moment{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.8rem .95rem;display:flex}.my-moment__main{flex:14rem;min-width:0;line-height:1.55}.my-moment__title{font-weight:700;display:grid}.my-moment__title span{color:var(--ink-faint);font-size:var(--step--1);font-weight:500}.my-moment__title--unknown{color:var(--ink-soft);font-weight:600}.my-moment__time{color:var(--petal-ink);font-variant-numeric:tabular-nums;font-weight:700}.my-moment__body{color:var(--ink-soft)}.my-moment__side{align-items:center;gap:.5rem;display:flex}.playlist-list{gap:.5rem;list-style:none;display:grid}.playlist-row{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);min-height:56px;color:var(--ink);align-items:center;gap:.75rem;padding:.5rem 1rem;font-weight:700;text-decoration:none;display:flex}.playlist-row:hover{border-color:var(--action);color:var(--ink)}.playlist-row__icon{width:1.4rem;height:1.4rem;color:var(--action)}.playlist-row__name{flex:1}.playlist-row__count{color:var(--ink-faint);font-size:var(--step--1)}.pl-pick{gap:.4rem;list-style:none;display:grid}.pl-pick li{border:1px solid var(--line);border-radius:var(--radius-s);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.pl-pick__name{flex:1;font-weight:700;line-height:1.4;display:grid}.pl-pick__name small{color:var(--ink-faint);font-weight:500}.pl-pick__in{color:var(--calm);font-size:var(--step--1);font-weight:700}.filter-form{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:end;gap:.8rem;margin-bottom:1.4rem;padding:1rem;display:grid}.filter-form__actions{flex-wrap:wrap;gap:.4rem;display:flex}.history-list{gap:.6rem;list-style:none;display:grid}.history-row{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);gap:.3rem;padding:.7rem .6rem .7rem .85rem;display:grid}.history-row__time{color:var(--ink-faint);font-size:var(--step--1);font-variant-numeric:tabular-nums}.history-row__main{align-items:flex-start;gap:.7rem;display:flex}.history-row__body{flex:1;justify-items:start;gap:.2rem;min-width:0;line-height:1.5;display:grid}.history-row__title{font-weight:700}.history-row__title a{color:var(--ink);text-decoration:none}.history-row__title a:hover{color:var(--action);text-decoration:underline}.history-row__sub,.history-row__intro{color:var(--ink-faint);font-size:var(--step--1)}.report-list{gap:.8rem;list-style:none;display:grid}.report{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);justify-items:start;gap:.55rem;padding:1rem;display:grid}.report__head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.report__target{border-radius:var(--radius-s);background:var(--sky-50);width:100%;padding:.7rem .85rem}.report__label{color:var(--ink-faint);font-size:var(--step--1);font-weight:700}.gate{isolation:isolate;min-height:100svh;margin-bottom:calc(-3rem - var(--safe-bottom));padding:2rem var(--gutter) calc(3rem + var(--safe-bottom));background:linear-gradient(to bottom, color-mix(in srgb, var(--paper) 0%, transparent) 35%, color-mix(in srgb, var(--paper) 45%, transparent) 100%), var(--art) center 40% / cover no-repeat;place-items:center;display:grid;position:relative}.gate__card{z-index:1;border-radius:var(--radius-l);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid color-mix(in srgb, var(--surface) 70%, var(--line));width:min(30rem,100%);box-shadow:var(--shadow-pop);text-align:center;justify-items:center;gap:1rem;margin-top:4rem;padding:4.5rem 1.5rem 2rem;display:grid;position:relative}.gate__ribatan{width:min(38vw,10.5rem);position:absolute;top:0;left:50%;translate:-50% -62%}.gate__title{font-size:var(--step-2)}.gate__small{color:var(--ink-faint);font-size:var(--step--1)}.gate .loading{width:min(30rem,100%)}:is(.queue__list,.history-list,.my-moments,.playlist-list,.moment-list,.video-list,.report-list,.picker__list,.pl-pick,.loading){grid-template-columns:minmax(0,1fr)}@media (max-width:899px){.post-list{grid-template-columns:minmax(0,1fr)}}.perf-card__tags .pill{white-space:normal;padding-block:.15rem;line-height:1.45}:root{--spring:cubic-bezier(.34, 1.56, .64, 1);--spring-soft:cubic-bezier(.22, 1.2, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.55, 0, .75, .2)}.btn{transition:background-color .15s, border-color .15s, color .15s, box-shadow .25s, transform .4s var(--spring)}@media (hover:hover){.btn:hover:not(:disabled){transform:translateY(-2px)scale(1.03)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lift)}}.btn:active:not(:disabled){transition-duration:80ms;transform:translateY(2px)scale(1.06,.9)}.icon-btn{transition:background-color .15s, color .15s, scale .35s var(--spring)}.icon-btn:active:not(:disabled){transition-duration:80ms;scale:.88}.btn[aria-busy=true],.icon-btn[aria-busy=true]{animation:1.2s ease-in-out infinite busy-breathe}@keyframes busy-breathe{50%{opacity:.6}}html.motion-ready [data-reveal=stagger]:not([data-shown])>*{opacity:0}html.motion-ready [data-reveal=stagger][data-shown]>*{animation:rise .9s var(--spring-soft) both;animation-delay:calc(var(--n,0) * .11s)}html.motion-ready [data-reveal=stagger][data-shown]>:is(.post-card,.perf-card){animation-name:card-rise}[data-reveal=stagger]>:nth-child(2){--n:1}[data-reveal=stagger]>:nth-child(3){--n:2}[data-reveal=stagger]>:nth-child(4){--n:3}[data-reveal=stagger]>:nth-child(5){--n:4}[data-reveal=stagger]>:nth-child(n+6){--n:5}@keyframes rise{0%{opacity:0;filter:blur(6px);translate:0 30px}}@keyframes card-rise{0%{opacity:0;translate:0 60px;rotate:x 35deg;scale:.9}}html.motion-ready .main>.page>:not(.page-hero){animation:rise .8s var(--spring-soft) both;animation-delay:.12s}.page-hero__char{animation:char-pop .8s calc(.1s + var(--i) * 50ms) var(--spring) both}.page-hero__lead,.page-hero__extra{animation:rise .9s .4s var(--spring-soft) both}.sky-bit{opacity:0;animation:bit-in 1.2s calc(.3s + var(--d)) var(--spring) forwards}.sky-bit__chip{animation:bit-float var(--w) ease-in-out calc(1.5s + var(--d)) infinite alternate}@keyframes bit-in{0%{opacity:0;translate:0 40px;scale:0}to{opacity:.85}}@keyframes bit-float{0%{translate:0;rotate:var(--r)}to{translate:18px -40px;rotate:calc(var(--r) + 160deg)}}.ribatan{animation:ribatan-pop .9s .25s var(--spring) both}.gate__ribatan{animation:ribatan-hop 1.1s .4s var(--spring) both}@keyframes ribatan-pop{0%{opacity:0;scale:.4 .3}45%{opacity:1;scale:1.08 .92}70%{scale:.96 1.05}}@keyframes ribatan-hop{0%{opacity:0;translate:-50% 10%;scale:.6}50%{opacity:1;translate:-50% -80%;scale:1.04 .96}75%{translate:-50% -58%;scale:.98 1.03}to{translate:-50% -62%}}@keyframes char-pop{0%{opacity:0;translate:0 .7em;rotate:-14deg;scale:.3}55%{opacity:1;translate:0 -.14em;rotate:4deg;scale:1.14}78%{translate:0 .02em;scale:.96}to{translate:0;rotate:0deg;scale:1}}html.route-arrive .route-sweep__band{animation:.9s cubic-bezier(.7,0,.2,1) both route-sweep}html.route-arrive .route-sweep__band--lavender{animation-delay:70ms}html.route-arrive .route-sweep__band--petal{animation-delay:.14s}@keyframes route-sweep{0%{transform:translate(-101%)}45%{transform:translate(0,0)}to{transform:translate(101%)}}.nav-menu[open]>.nav-menu__panel{transform-origin:100% 0;animation:menu-open .42s var(--spring-soft) both}.nav-menu[open]>.nav-menu__panel :is(.nav-menu__who,li,.nav-menu__logout){animation:menu-item-in .36s var(--ease-out) both}.nav-menu[open]>.nav-menu__panel li:first-child{animation-delay:40ms}.nav-menu[open]>.nav-menu__panel li:nth-child(2){animation-delay:70ms}.nav-menu[open]>.nav-menu__panel li:nth-child(3){animation-delay:.1s}.nav-menu[open]>.nav-menu__panel li:nth-child(4){animation-delay:.13s}.nav-menu[open]>.nav-menu__panel li:nth-child(n+5){animation-delay:.16s}.nav-menu[open]>.nav-menu__panel>.nav-menu__logout{animation-name:menu-join-in;animation-duration:.5s;animation-timing-function:var(--spring);animation-delay:.2s}.nav-menu[open][data-closing]>.nav-menu__panel{animation:menu-close .26s var(--ease-in) .1s both}.nav-menu[open][data-closing]>.nav-menu__panel :is(.nav-menu__who,li,.nav-menu__logout){animation:menu-item-out .2s var(--ease-in) both}.nav-menu>summary{transition:background-color .15s, scale .3s var(--spring)}.nav-menu>summary:active{scale:.94}.nav-menu[open]>summary{background:var(--sky-100)}.nav-menu[open][data-closing]>summary{background:var(--surface)}@keyframes menu-open{0%{opacity:0;translate:0 -8px;scale:.86}}@keyframes menu-item-in{0%{opacity:0;translate:12px}}@keyframes menu-close{to{opacity:0;translate:0 -8px;scale:.86}}@keyframes menu-item-out{to{opacity:0;translate:12px}}@keyframes menu-join-in{0%{opacity:0;translate:0 6px;scale:.9}}.dialog[open]{animation:dialog-in .42s var(--spring-soft) both}.dialog[open]::backdrop{animation:.25s both fade-in}@media (max-width:520px){.dialog[open]{animation-name:sheet-in}}@keyframes dialog-in{0%{opacity:0;translate:0 12px;scale:.92}}@keyframes sheet-in{0%{opacity:.4;translate:0 40%}}@keyframes fade-in{0%{opacity:0}}.moment__panel:not([hidden]){animation:rise .5s var(--spring-soft) both}.mini-player__live span{animation:1.1s ease-in-out infinite alternate eq}.mini-player__live span:nth-child(2){animation-duration:.8s;animation-delay:-.3s}.mini-player__live span:nth-child(3){animation-duration:1.3s;animation-delay:-.6s}@keyframes eq{0%{scale:1 .3}to{scale:1}}.toast--pending .toast__icon{animation:1.6s ease-in-out infinite stream-buzz}@keyframes stream-buzz{50%{opacity:.35;scale:.7}}.skeleton{animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{animation:rise .5s var(--spring-soft) both}[data-hl]{--hl-delay:.3s}html.route-arrive [data-hl]{--hl-wait:.5s}html.motion-ready .hl--band{transition:background-size .9s var(--ease-out) calc(var(--hl-delay) + var(--hl-wait,0s))}html.motion-ready .hl--band:not([data-drawn]){background-size:0% .5em}html.motion-ready .hl__ring path{--hl-at:calc(var(--hl-delay) + var(--hl-wait,0s) + var(--n,0) * .3s);transition:stroke-dasharray .42s cubic-bezier(.4, 0, .6, 1) var(--hl-at), opacity 0s linear var(--hl-at)}.hl__ring path:nth-child(2){--n:1}.hl__ring path:nth-child(3){--n:2}html.motion-ready .hl--ring:not([data-drawn]) .hl__ring path{stroke-dasharray:0 1;opacity:0}html.motion-ready .hl--ring[data-drawn] .hl__ring{animation:ring-pop .7s var(--spring) calc(var(--hl-delay) + var(--hl-wait,0s) + .95s) both}html.motion-ready .hl--ring[data-drawn] .hl__ring path:first-child{animation:ring-flow-cyan 18s linear calc(var(--hl-delay) + var(--hl-wait,0s) + 1.8s) infinite}html.motion-ready .hl--ring[data-drawn] .hl__ring path:nth-child(2){animation:ring-flow-lavender 18s linear calc(var(--hl-delay) + var(--hl-wait,0s) + 1.8s) infinite}html.motion-ready .hl--ring[data-drawn] .hl__ring path:nth-child(3){animation:ring-flow-petal 18s linear calc(var(--hl-delay) + var(--hl-wait,0s) + 1.8s) infinite}@keyframes ring-pop{40%{scale:1.045}}@keyframes ring-flow-cyan{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes ring-flow-lavender{0%{stroke-dashoffset:-.3333px}to{stroke-dashoffset:-1.3333px}}@keyframes ring-flow-petal{0%{stroke-dashoffset:-.6667px}to{stroke-dashoffset:-1.6667px}}html.motion-ready .hl__bit{--hl-at:calc(var(--hl-delay) + var(--hl-wait,0s) + 1s + var(--n,0) * 70ms);transition:scale .6s var(--spring) var(--hl-at), translate .7s var(--spring-soft) var(--hl-at), opacity .2s ease var(--hl-at)}.hl__bit--cyan{--from:-8px 12px}.hl__bit--petal{--n:1;--from:-14px 6px}.hl__bit--lavender{--n:2;--from:10px -10px}html.motion-ready .hl--ring:not([data-drawn]) .hl__bit{scale:0;translate:var(--from);opacity:0}@media (hover:hover){html.motion-ready .hl--ring[data-drawn]:hover .hl__bit{animation:bit-hop .6s var(--spring) both;animation-delay:calc(var(--n,0) * 60ms)}}html.motion-ready .hl--ring[data-drawn]:has(>button[aria-busy=true]) .hl__bit{animation:bit-hop .6s var(--spring) both;animation-delay:calc(var(--n,0) * 60ms)}@keyframes bit-hop{40%{translate:0 -5px;scale:1.15}}[data-away=true],[data-away=true] *{animation-play-state:paused!important}html[data-motion=reduce] :is(.page-hero__char,.page-hero__lead,.page-hero__extra,.sky-bit,.sky-bit__chip,.ribatan,.route-sweep__band,.nav-menu__panel,.nav-menu__panel *,.dialog,.moment__panel,.mini-player__live span,.toast--pending .toast__icon,.toast,.skeleton,.btn,.icon-btn,.hl__ring,.hl__ring path,.hl__bit,.main>.page>*){animation:none!important}html[data-motion=reduce] :is(.btn,.icon-btn,.nav-menu>summary,.progress__fill,.mini-player__line,.hl--band,.hl__ring path,.hl__bit){transition:none!important}html[data-motion=reduce] .sky-bit{opacity:.85}html[data-motion=reduce] .dialog::backdrop{animation:none!important}html[data-motion=reduce] .switch__track:after{transition:none!important}html[data-motion=reduce] :is(.btn:hover,.btn:active,.icon-btn:active,.nav-menu>summary:active){transform:scale(1)!important}html[data-motion=reduce] .route-sweep{display:none}html[data-motion=reduce] .mini-player__live span:first-child{scale:1 .6}html[data-motion=reduce] .mini-player__live span:nth-child(2){scale:1}html[data-motion=reduce] .mini-player__live span:nth-child(3){scale:1 .4}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-topbar{z-index:20;max-width:var(--page-max);padding:calc(.7rem + var(--safe-top)) var(--gutter) .7rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex;position:relative}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{flex:none}.brand__record{color:var(--action)}.app-topbar__actions{align-items:center;gap:.6rem;display:flex}.nav-menu__avatar{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.nav-menu__avatar--fallback{background:var(--sky-100);color:var(--action);place-items:center;font-weight:700;display:grid}.app-help{white-space:nowrap;min-height:44px;color:var(--ink-soft);place-items:center;padding:0 .6rem;font-size:.875rem;display:grid}.main .page-hero,.mock-banner~.main .page-hero{padding-top:2rem}.gate{min-height:calc(100svh - 5rem)}.welcome-guide{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--sky-50);align-items:flex-start;gap:.85rem;margin:1rem 0 2rem;padding:1.15rem;display:flex}.welcome-guide>.icon{color:var(--action);flex:none;margin-top:.2rem}.welcome-guide>div{flex:1}.welcome-guide p{color:var(--ink-soft);margin-block:.35rem;font-size:.9rem}.welcome-guide__link{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.welcome-guide>button{flex:none;margin:-.3rem}.guide-page{max-width:62rem}.guide-intro{align-items:center;gap:1.2rem;margin:.25rem 0 1rem;display:flex}.guide-intro>img{width:100px;height:auto}.guide-intro p{gap:.35rem;display:grid}.guide-intro span{color:var(--ink-soft);font-size:.9rem}.guide-steps ol{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.guide-steps button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:54px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:.6rem;padding:.6rem;font-weight:700;display:flex}.guide-steps button[aria-current=step]{background:var(--action);color:var(--action-ink);border-color:var(--action);box-shadow:var(--shadow-soft)}.guide-steps__number{border:1px solid;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:1fr;display:grid;overflow:hidden}.guide-copy{grid-row:1;align-self:center;padding:clamp(1.5rem,4vw,2.6rem)}.guide-eyebrow{letter-spacing:.1em;color:var(--action);font-size:.8rem;font-weight:700}.guide-copy h2{margin:.7rem 0 1.1rem;font-size:clamp(1.3rem,3vw,1.65rem);line-height:1.6}.guide-copy>p:not(.guide-eyebrow){line-height:1.9}.guide-tip{border-top:1px solid var(--line);color:var(--ink-soft);gap:.65rem;margin-top:1.3rem;padding:1rem 0 0;font-size:.875rem;display:flex}.guide-tip>svg{width:20px;color:var(--action);flex:none;margin-top:.25rem}.guide-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.guide-actions .btn-primary{min-width:9rem}.guide-later{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .6rem;margin-top:.9rem;font-size:.875rem;display:flex}.guide-later a{align-items:center;min-height:44px;display:inline-flex}.guide-faq{max-width:45rem;margin-inline:auto}.guide-faq h2{margin-bottom:1rem}.guide-faq details{border-bottom:1px solid var(--line)}.guide-faq summary{cursor:pointer;padding:1.2rem 0;font-weight:700;line-height:1.7}.guide-faq details p{color:var(--ink-soft);padding:0 0 1.4rem;line-height:1.9}.guide-media{background:var(--sky-50);border-top:1px solid var(--line);grid-row:2;padding:1.5rem 2rem 2rem}.guide-media figure{max-width:640px;margin:0 auto}.guide-media__meta{color:var(--ink-soft);justify-content:space-between;gap:.5rem;margin-bottom:.9rem;font-size:.8rem;display:flex}.guide-media__open{border:1px solid var(--line);cursor:zoom-in;background:0 0;border-radius:12px;max-width:100%;margin-inline:auto;padding:0;display:block;position:relative;overflow:hidden}.guide-media__open img{max-width:100%;height:auto;display:block}.guide-media__zoom{background:var(--surface);color:var(--action);justify-content:center;align-items:center;gap:.35rem;padding:.6rem .8rem;font-size:.8rem;display:flex}.guide-media__zoom .icon{width:16px;height:16px}.guide-media figcaption{color:var(--ink-soft);margin-top:1rem;font-size:.875rem;line-height:1.8}.guide-media__overview{justify-content:center;align-items:center;min-height:44px;margin-top:.6rem;font-size:.875rem;display:flex}.guide-media .dialog{width:min(760px,100vw - 2rem)}.guide-media__pan{max-height:65svh;overflow:auto}.guide-media__large{width:100%;max-width:none;height:auto;display:block}.guide-media__description{color:var(--ink-soft);margin-top:1rem;line-height:1.8}@media (max-width:650px){.app-topbar{gap:.4rem}.brand{gap:.45rem;font-size:.9rem}.brand img{border-radius:10px;width:36px;height:36px}.app-topbar__actions{gap:.1rem}.app-topbar .nav-menu__name{display:none}.app-topbar .nav-menu>summary{justify-content:center;width:44px;padding:0}.guide-card{grid-template-columns:1fr}.guide-copy{grid-row:1}.guide-media{padding:1.2rem}.guide-steps ol{gap:.35rem}.guide-steps button{flex-direction:column;gap:.4rem;padding:.6rem .3rem;font-size:.8rem}.guide-intro{gap:.8rem}.guide-intro>img{width:76px}.guide-intro p{font-size:.875rem}.guide-actions{padding:1rem}.welcome-guide{gap:.5rem;padding:.85rem}}