:root{--p-yellow: #f7c524;--p-aqua: #53b1b1;--p-orange: #f69000;--p-teal: #1c5858;--p-ink: #11222c;color-scheme:dark;--bg: #0b1a21;--bg-top: color-mix(in srgb, var(--p-teal) 78%, var(--bg));--surface: color-mix(in srgb, var(--p-teal) 20%, var(--p-ink));--surface-2: color-mix(in srgb, var(--p-teal) 36%, var(--p-ink));--border: color-mix(in srgb, var(--p-aqua) 24%, var(--p-ink));--on-bar: #ffffff;--bar-press: rgba(255, 255, 255, .16);--text: #eef7f6;--text-muted: #9cc1c2;--accent: var(--p-aqua);--accent-contrast: var(--p-ink);--success: #5fd08f;--warning: var(--p-yellow);--danger: #ff8b8b;--overlay: rgba(4, 12, 16, .7);--shadow-elev: 0 6px 24px rgba(0, 0, 0, .55);--cta: var(--p-orange);--cta-contrast: var(--p-ink);--mark: var(--p-orange);--on-media: #ffffff;--stage: #05090c;--on-stage: #ffffff;--on-tag: #ffffff;--stage-dim: rgba(255, 255, 255, .28);--stage-dim-2: rgba(255, 255, 255, .5);--stage-accent: var(--p-yellow);--stage-bar: rgba(5, 14, 18, .7);--belt-white: #f4f4f2;--belt-yellow: #f2c230;--belt-orange: #ee8a1f;--belt-green: #3e9a58;--belt-blue: #3b6fc4;--belt-brown: #7a4a2a;--belt-black: #14181c;--grad-bar: linear-gradient(135deg, var(--p-teal), color-mix(in srgb, var(--p-teal) 55%, var(--p-ink)));--grad-cta: linear-gradient(135deg, var(--p-yellow), var(--p-orange));--grad-media: linear-gradient(135deg, color-mix(in srgb, var(--p-aqua) 60%, var(--p-teal)), var(--p-teal));--tag-1: #1f7a78;--tag-2: #b45f06;--tag-3: #8a6a00;--tag-4: #3d5f70;--tag-5: #1d6fa5;--tag-6: #b4234a;--tag-7: #2f7d32;--tag-8: #4b5563;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--density: 1;--fade-h: 420px;--gutter: var(--sp-4);--block: calc(var(--sp-4) * var(--density));--section: calc(var(--sp-6) * var(--density));--card-min: 260px;--form-w: 420px;--item-min: 180px;--dir-cell: 64px;--arc-r: 444px;--arc-a0: 180deg;--arc-step: 8deg;--hand: 1;--fs-live: 64px;--mat-w: 480px;--mat-mini: 88px;--fs-1: 14px;--fs-2: 16px;--fs-3: 18px;--fs-4: 22px;--fs-5: 28px;--fs-6: 40px;--r-1: 6px;--r-2: 12px;--r-pill: 999px;--touch: 44px;--ico: 24px;--ico-sm: 20px;--avatar: 72px;--faint: .35;--cog-fade: .5;--topbar-h: 56px;--bar-top: calc(var(--topbar-h) + env(safe-area-inset-top));--nav-h: 64px;--bump-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V28C30 28 32 0 72 0S114 28 144 28V56Z'/%3E%3C/svg%3E");--dip-hole: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -24 168 88'%3E%3Ccircle cx='84' cy='16' r='34'/%3E%3C/svg%3E");--bump-w: 108px;--protect-r: calc(var(--plus-size) / 2 + var(--ring));--rise: calc(var(--sp-4) + var(--ring));--plus-lift: calc(var(--sp-4) - 2px);--plus-size: calc(var(--touch) + var(--sp-4) + var(--sp-1));--ring: var(--sp-2);--notch-y: var(--sp-4);--curve-down: cubic-bezier(.7, 0, 1, .6);--curve-up: cubic-bezier(.3, 0, .5, 1);--curve-hop: cubic-bezier(.3, 0, .8, .5);--dur-hop: .32s;--dur-quick: 80ms;--delay-show: .24s;--delay-hide: .28s;--hop: 76px;--puck: calc(var(--touch) + var(--sp-2));--dip-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 114'%3E%3Cpath d='M0 0H36.04A14 14 0 0 1 50.03 14.58A34 34 0 1 0 117.97 14.58A14 14 0 0 1 131.96 0H168V114H0Z'/%3E%3C/svg%3E");--dip-w: 168px;--dip-depth: 50px;--none: 0px;--nav-bleed: 150px;--nav-reach: 100vh;--line: 1px;--rail-w: 80px;--content-w: 1200px;--read-w: 68ch;--ease: .15s ease;--ease-pop: .32s cubic-bezier(.34, 1.56, .64, 1);--dur-out: .32s;--ease-out: var(--dur-out) cubic-bezier(.36, 0, .66, -.56);--stagger: 35ms;--ease-sheet: .42s cubic-bezier(.16, 1, .3, 1);--ease-sheet-out: .22s cubic-bezier(.4, 0, 1, 1);--blur: 6px;--ease-bar: 1.1s cubic-bezier(.22, 1, .36, 1);--ease-bar-out: .8s cubic-bezier(.45, 0, .2, 1);--glass: color-mix(in srgb, var(--bg) 72%, transparent);--feed-w: 40rem;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-h1: "Outfit", var(--font-body)}:root[data-palette=havsbris]{--p-yellow: #ffd166;--p-aqua: #4aa3df;--p-orange: #ff8a3d;--p-teal: #174a6e;--p-ink: #0e1f2e}:root[data-palette=solnedgang]{--p-yellow: #ffc857;--p-aqua: #e2788a;--p-orange: #ff7a45;--p-teal: #6b2d4f;--p-ink: #22121c}:root[data-palette=skog]{--p-yellow: #e3c14a;--p-aqua: #6dbf8a;--p-orange: #e08a2e;--p-teal: #1f5a3c;--p-ink: #0f1f17}@media(min-width:744px){:root{--gutter: var(--sp-5)}}@media(min-width:1024px){:root{--gutter: var(--sp-6)}}:root[data-theme=light]{color-scheme:light;--bg: color-mix(in srgb, var(--p-yellow) 9%, color-mix(in srgb, var(--p-aqua) 7%, #ffffff));--bg-top: color-mix(in srgb, var(--p-aqua) 52%, #ffffff);--surface: #ffffff;--surface-2: color-mix(in srgb, var(--p-aqua) 16%, color-mix(in srgb, var(--p-yellow) 8%, #ffffff));--border: color-mix(in srgb, var(--p-aqua) 40%, #ffffff);--text: var(--p-ink);--text-muted: #3f5f66;--accent: var(--p-teal);--accent-contrast: #ffffff;--on-bar: var(--p-ink);--bar-press: rgba(17, 34, 44, .12);--grad-bar: linear-gradient(135deg, var(--p-aqua), color-mix(in srgb, var(--p-aqua) 62%, var(--p-yellow)));--success: #1f7a4a;--warning: #8a5a00;--danger: #c0262d;--overlay: rgba(11, 26, 33, .5);--shadow-elev: 0 6px 24px rgba(0, 0, 0, .14)}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--bar-top) + var(--sp-3));-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--bg);color:var(--text);font:400 var(--fs-2)/1.5 var(--font-body)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,var(--bg-top),var(--bg) var(--fade-h))}h1{font-family:var(--font-h1);font-weight:900;font-size:var(--fs-6);line-height:1.2;margin:0}h2,h3,h4{font-weight:700;line-height:1.2;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-motion=reduced] *{animation:none!important;transition:none!important}:root[data-hand=left]{--hand: -1}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:11;height:var(--bar-top);display:flex;align-items:center;gap:var(--sp-2);padding:0 calc(var(--gutter) - (var(--touch) - var(--ico)) / 2);background:var(--grad-bar);color:var(--on-bar);padding-top:env(safe-area-inset-top)}.topbar .btn-ghost{color:inherit}.topbar .btn-ghost:active{background:var(--bar-press)}@media(hover:hover){.topbar .btn-ghost:hover{background:var(--bar-press)}}.topbar-title.is-lead{padding-left:calc((var(--touch) - var(--ico)) / 2)}.topbar-title{flex:1;font-size:var(--fs-3);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{flex:1;width:100%;max-width:var(--content-w);margin:0 auto;padding:var(--section) var(--gutter) calc(var(--nav-h) + var(--section) + env(safe-area-inset-bottom))}.nav{position:fixed;z-index:10;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--nav-bleed));margin-bottom:calc(-1 * var(--nav-bleed));display:flex;padding:0 var(--sp-4) calc(var(--nav-bleed) + env(safe-area-inset-bottom))}html.is-capturing{--nav-reach: var(--none);--nav-bleed: var(--none)}.nav-bar{position:absolute;z-index:-1;inset:calc(-1 * var(--line)) 0 calc(-1 * var(--nav-reach)) 0;--dip-x: calc(var(--dipa-x) - var(--dip-w) / 2);--dip-y: var(--dipa-y);-webkit-mask:var(--dip-mask) no-repeat var(--dip-x) var(--dip-y) / var(--dip-w) calc(var(--nav-h) + var(--dip-depth)),linear-gradient(black,black) no-repeat left / max(var(--none),var(--dip-x)) 100%,linear-gradient(black,black) no-repeat right / max(var(--none),calc(100vw - var(--dip-x) - var(--dip-w))) 100%,linear-gradient(black,black) no-repeat left bottom / 100% calc(100% - var(--nav-h) + var(--sp-1));mask:var(--dip-mask) no-repeat var(--dip-x) var(--dip-y) / var(--dip-w) calc(var(--nav-h) + var(--dip-depth)),linear-gradient(black,black) no-repeat left / max(var(--none),var(--dip-x)) 100%,linear-gradient(black,black) no-repeat right / max(var(--none),calc(100vw - var(--dip-x) - var(--dip-w))) 100%,linear-gradient(black,black) no-repeat left bottom / 100% calc(100% - var(--nav-h) + var(--sp-1))}.nav-bar:before,.nav-bar:after{content:"";position:absolute;inset:0;--dip-x: calc(var(--dipb-x) - var(--dip-w) / 2);--dip-y: var(--dipb-y);-webkit-mask:var(--dip-mask) no-repeat var(--dip-x) var(--dip-y) / var(--dip-w) calc(var(--nav-h) + var(--dip-depth)),linear-gradient(black,black) no-repeat left / max(var(--none),var(--dip-x)) 100%,linear-gradient(black,black) no-repeat right / max(var(--none),calc(100vw - var(--dip-x) - var(--dip-w))) 100%,linear-gradient(black,black) no-repeat left bottom / 100% calc(100% - var(--nav-h) + var(--sp-1));mask:var(--dip-mask) no-repeat var(--dip-x) var(--dip-y) / var(--dip-w) calc(var(--nav-h) + var(--dip-depth)),linear-gradient(black,black) no-repeat left / max(var(--none),var(--dip-x)) 100%,linear-gradient(black,black) no-repeat right / max(var(--none),calc(100vw - var(--dip-x) - var(--dip-w))) 100%,linear-gradient(black,black) no-repeat left bottom / 100% calc(100% - var(--nav-h) + var(--sp-1))}.nav-bar:before{top:var(--line);background:var(--surface)}.nav-bar:after{z-index:-1;background:var(--border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--touch);color:var(--text-muted);text-decoration:none;font:inherit;font-size:var(--fs-1);background:none;border:0;border-top:2px solid transparent;cursor:pointer;transition:color var(--ease),border-color var(--ease)}.nav{--dipa-x: 50vw;--dipb-x: 50vw;--dipa-y: var(--none);--dipb-y: var(--none)}.nav-item{position:relative}.nav-item .ico{position:relative;z-index:1;transition:opacity var(--ease),color var(--ease)}.nav-item.is-active{color:var(--accent)}.nav-puck{position:fixed;z-index:11;left:var(--nav-x);bottom:calc(var(--nav-h) - var(--notch-y) - var(--puck) / 2);width:var(--puck);height:var(--puck);transform:translate(-50%,var(--hop-y));border-radius:var(--r-pill);background:var(--grad-media)}.nav-puck{display:flex;align-items:center;justify-content:center;color:var(--accent-contrast)}.nav-item.is-active .ico,.nav-item.is-wait .ico{opacity:0;transition:opacity var(--dur-quick) linear,color var(--ease)}.stack{display:flex;flex-direction:column;gap:var(--block)}.stack-lg{display:flex;flex-direction:column;gap:var(--section)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min)),1fr));gap:var(--block)}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.eyebrow{color:var(--accent);font-size:var(--fs-1);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.read,.prose{max-width:var(--read-w)}.prose>*{margin:0}.prose>*+*{margin-top:var(--sp-3)}.prose>h2,.prose>h3{margin-top:var(--sp-6)}.prose>h2+*,.prose>h3+*{margin-top:var(--sp-2)}.prose ul,.prose ol{padding-left:var(--sp-5)}.prose li+li{margin-top:var(--sp-1)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ico{width:var(--ico);height:var(--ico);flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--r-2);background:transparent;color:var(--text);font:700 var(--fs-2)/1 var(--font-body);cursor:pointer;text-decoration:none;transition:background-color var(--ease),color var(--ease)}.btn-icon{padding:0;border-radius:var(--r-pill)}.btn-primary{background:var(--grad-cta);color:var(--cta-contrast)}.btn-dark{background:var(--text);color:var(--bg)}.btn,.tab,.chip,.nav-item,.time-mark,.mat,.collage-tile,.viewer,.avatar{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.btn-ghost:active{background:var(--surface-2)}@media(hover:hover){.btn-ghost:hover{background:var(--surface-2)}}.btn[disabled]{opacity:.5;pointer-events:none}.card{color:inherit;text-decoration:none;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden}.card-body{flex:1;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.card-foot{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3)}.media{position:relative;aspect-ratio:16 / 9;background:var(--grad-media);color:var(--on-media);display:block;width:100%;object-fit:cover}.media-badge{position:absolute;right:var(--sp-2);bottom:var(--sp-2);background:var(--stage-bar);color:var(--on-stage);border-color:transparent}.chip{transition:background-color var(--ease),color var(--ease),box-shadow var(--ease);display:inline-flex;align-items:center;gap:var(--sp-1);min-height:32px;padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--chip, var(--tag-1));color:var(--on-tag);font-size:var(--fs-1);font-weight:700;text-decoration:none;border:0;cursor:pointer}.chip-1{--chip: var(--tag-1)}.chip-2{--chip: var(--tag-2)}.chip-3{--chip: var(--tag-3)}.chip-4{--chip: var(--tag-4)}.chip-5{--chip: var(--tag-5)}.chip-6{--chip: var(--tag-6)}.chip-7{--chip: var(--tag-7)}.chip-8{--chip: var(--tag-8)}.chip-off{background:var(--surface-2);color:var(--text)}.chip-belt{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.chip-belt:before{content:"";width:var(--sp-4);height:var(--sp-2);border-radius:var(--r-1);background:var(--belt-bg, var(--belt, var(--border)));box-shadow:inset 0 0 0 1px var(--border)}.belt-white{--belt: var(--belt-white)}.belt-yellow{--belt: var(--belt-yellow)}.belt-orange{--belt: var(--belt-orange)}.belt-green{--belt: var(--belt-green)}.belt-blue{--belt: var(--belt-blue)}.belt-mon6,.belt-mon5,.belt-mon4,.belt-mon3,.belt-mon2,.belt-mon1{--belt-bg: linear-gradient(to right, var(--belt-a) 0 30%, var(--belt-b) 30% 70%, var(--belt-a) 70% 100%)}.belt-mon6{--belt-a: var(--belt-white);--belt-b: var(--belt-yellow)}.belt-mon5{--belt-a: var(--belt-yellow);--belt-b: var(--belt-white)}.belt-mon4{--belt-a: var(--belt-white);--belt-b: var(--belt-orange)}.belt-mon3{--belt-a: var(--belt-orange);--belt-b: var(--belt-white)}.belt-mon2{--belt-a: var(--belt-white);--belt-b: var(--belt-green)}.belt-mon1{--belt-a: var(--belt-green);--belt-b: var(--belt-white)}.belt-brown{--belt: var(--belt-brown)}.belt-black{--belt: var(--belt-black)}.chip-line{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.pill{white-space:nowrap;display:inline-flex;align-items:center;min-height:24px;padding:0 var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-1);font-weight:700;border:1px solid currentColor;color:var(--text-muted)}.pill-success{color:var(--success)}.pill-warning{color:var(--warning)}.pill-danger{color:var(--danger)}.pill-accent{color:var(--accent)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field-label{font-size:var(--fs-1);font-weight:700;color:var(--text-muted)}.input{width:100%;min-height:var(--touch);padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font:400 var(--fs-2)/1.5 var(--font-body)}button.input{display:flex;align-items:center;text-align:left;color:var(--text-muted);cursor:pointer}textarea.input{padding:var(--sp-3);resize:vertical}.input::placeholder{color:var(--text-muted)}.suggest{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden}.suggest-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--touch);padding:0 var(--sp-3);border-radius:0;text-align:left;font-weight:400}.suggest-item+.suggest-item{border-top:1px solid var(--border)}.tabs{display:flex;gap:var(--sp-4);border-bottom:1px solid var(--border);overflow-x:auto}.tab{min-height:var(--touch);display:inline-flex;align-items:center;color:var(--text-muted);font-weight:700;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--fs-2);font-family:inherit}a{color:var(--accent);text-decoration:none}a.tab{text-decoration:none}.tab.is-active{color:var(--accent);border-bottom-color:var(--mark)}.backdrop{position:fixed;inset:0;z-index:20;background:var(--overlay);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));display:flex;align-items:flex-end;justify-content:center}.backdrop[hidden]{display:none}.backdrop-top{align-items:flex-start}.backdrop-top .sheet{border-radius:0 0 var(--r-2) var(--r-2);padding-top:calc(var(--sp-5) + env(safe-area-inset-top));padding-bottom:var(--sp-5)}.sheet{width:100%;max-width:560px;max-height:85dvh;overflow:auto;background:var(--surface);border-radius:var(--r-2) var(--r-2) 0 0;padding:var(--sp-5) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));box-shadow:var(--shadow-elev)}.toasts{position:fixed;z-index:30;top:calc(env(safe-area-inset-top) + var(--sp-3));left:var(--gutter);right:var(--gutter);display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--r-2);background:var(--text);color:var(--bg);box-shadow:var(--shadow-elev);font-weight:700}.nav-slot{flex:1}.dial-scrim{position:fixed;inset:0;z-index:12;background:var(--overlay);opacity:0;visibility:hidden;transition:opacity calc(var(--dur-out) + 5 * var(--stagger)) ease,visibility 0s linear calc(var(--dur-out) + 5 * var(--stagger))}.dial{position:fixed;z-index:13;left:50%;bottom:calc(var(--nav-h) - var(--plus-size) + var(--plus-lift));transform:translate(-50%);width:var(--plus-size);height:var(--plus-size)}.dial-scrim.is-on{opacity:1;visibility:visible;transition:opacity var(--ease),visibility 0s}.dial-main{width:100%;height:100%;box-shadow:var(--shadow-elev)}.dial-menu{position:absolute;left:50%;top:50%;width:0;height:0;visibility:hidden;transition:visibility 0s linear calc(var(--dur-out) + 6 * var(--stagger))}.dial.is-open .dial-menu{visibility:visible;transition:visibility 0s}.dial-item{position:absolute;left:calc(var(--touch) / -2);top:calc(var(--touch) / -2);display:block;text-decoration:none;transform:translate(0) scale(.4);opacity:0;transition:transform var(--ease-out) calc((5 - var(--k, 0)) * var(--stagger)),opacity var(--ease-out) calc((5 - var(--k, 0)) * var(--stagger))}.dial.is-open .dial-item{transform:translate(var(--dx, 0),var(--dy, 0));opacity:1;transition:transform var(--ease-pop) calc(var(--k, 0) * var(--stagger)),opacity var(--ease) calc(var(--k, 0) * var(--stagger))}.dial-caption{position:absolute;left:calc(var(--touch) / 2 + var(--sp-4));top:0;transform:translateY(-50%);white-space:nowrap;padding:var(--sp-1) var(--sp-4);border-radius:var(--r-pill);background:var(--surface);color:var(--text);border:1px solid var(--border);font-weight:700;opacity:0;transition:opacity var(--ease)}:root[data-hand=left] .dial-caption{left:auto;right:calc(var(--touch) / 2 + var(--sp-4))}.dial.is-open .dial-caption{opacity:1}.dial-item.is-primary .btn{background:var(--grad-cta);color:var(--cta-contrast)}.dial-item.is-hot .btn{background:var(--accent);color:var(--accent-contrast)}.term{background:none;border:0;padding:0;margin:0;font:inherit;color:color-mix(in srgb,var(--accent) 55%,var(--text));cursor:help;text-decoration:none}.term-quiet{border-bottom-color:transparent}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-1);min-height:var(--sp-5)}@keyframes shimmer{to{background-position:-200% 0}}.center{width:100%;max-width:var(--form-w);margin:0 auto}.list{display:flex;flex-direction:column;gap:var(--sp-2)}.item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);min-height:calc(var(--touch) + var(--sp-4));padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);color:inherit;text-decoration:none;font:inherit;text-align:left;width:100%;cursor:pointer}.item-body{flex:1 1 var(--item-min);min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.item-on{border-color:var(--accent)}.thumb{flex:none;width:var(--sp-7);height:var(--sp-7);display:grid;place-items:center;background:var(--grad-media);color:var(--on-media);border-radius:var(--r-1)}.chip-on{background:var(--accent);color:var(--accent-contrast)}.progress{height:var(--sp-1);border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.progress-fill{display:block;height:100%;width:calc(var(--p, 0) * 1%);background:var(--grad-cta)}.drop{display:grid;justify-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-6) var(--sp-4);border:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:var(--r-2);color:var(--text-muted);background:transparent;width:100%;font:inherit;cursor:pointer}.is-hidden{display:none!important}.fold{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:var(--touch);padding:0 var(--sp-4);font-weight:700;cursor:pointer}.fold>summary::-webkit-details-marker{display:none}.fold[open]>summary .ico{transform:rotate(180deg)}.fold-body{display:flex;flex-direction:column;gap:var(--block);padding:0 var(--sp-4) var(--sp-4)}.alert{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);background:var(--surface-2);border-left:var(--sp-1) solid var(--mark)}.step{display:flex;align-items:flex-start;gap:var(--sp-2)}.step-n{flex:none;width:var(--sp-5);min-height:var(--touch);display:grid;place-items:center;color:var(--text-muted);font-weight:700}.dirpad{display:grid;grid-template-columns:repeat(3,var(--dir-cell));grid-auto-rows:var(--dir-cell);gap:var(--sp-2);justify-content:center}.dirpad .btn{width:100%;height:100%;border-radius:var(--r-2);background:var(--surface-2)}.dirpad .btn-primary{background:var(--grad-cta)}.avatar{flex:none;width:var(--avatar);height:var(--avatar);border-radius:var(--r-pill);overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--text-muted);font:800 var(--fs-4)/1 var(--font-h1)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.ico-sm{width:var(--ico-sm);height:var(--ico-sm)}.icon-static{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);color:var(--text-muted)}.step-num{align-self:flex-start;font:900 var(--fs-6)/1 var(--font-h1);color:var(--text);opacity:var(--faint)}.cog-ring,.cog-dot{opacity:var(--cog-fade)}.mat.mat-pad{touch-action:none}.mat-card{position:relative;display:block}.mat-play{position:absolute;bottom:var(--sp-2);right:var(--sp-2)}.mat-open{position:absolute;bottom:var(--sp-2);left:var(--sp-2)}:root[data-hand=left] .mat-play{right:auto;left:var(--sp-2)}:root[data-hand=left] .mat-open{left:auto;right:var(--sp-2)}.mat-mini.mat-mini-lg{width:100%}.matscreen{display:flex;flex-direction:column;height:100dvh;min-height:0}.matscreen-main{position:relative;flex:1;min-height:0;display:grid;place-items:center}.mat.mat-full{max-width:none;max-height:100%;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;touch-action:none}.mat-float{position:absolute;z-index:3;top:calc(var(--sp-2) + env(safe-area-inset-top));background:var(--stage-bar);color:var(--on-stage)}.mat-float-play{z-index:5;top:auto;bottom:calc(var(--touch) * 2 + var(--sp-4));right:var(--sp-3);background:var(--grad-cta);color:var(--cta-contrast)}.mat-float-reset{top:auto;bottom:calc(var(--touch) * 2 + var(--sp-4));left:var(--sp-3);background:var(--stage-bar);color:var(--on-stage)}:root[data-hand=left] .mat-float-reset{left:auto;right:var(--sp-3)}.mat-float-back{left:var(--sp-3)}.mat-float-info{right:var(--sp-3)}:root[data-hand=left] .mat-float-play{right:auto;left:var(--sp-3)}:root[data-hand=left] .mat-float-back{left:auto;right:var(--sp-3)}:root[data-hand=left] .mat-float-info{right:auto;left:var(--sp-3)}.mat-info{position:absolute;z-index:3;top:calc(var(--touch) + var(--sp-4) + env(safe-area-inset-top));left:var(--sp-3);right:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-2);background:var(--stage-bar);color:var(--on-stage)}.mat-info[hidden]{display:none}.mat-dock{position:relative;padding:var(--sp-2) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.row-scroll{min-width:0;display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none}.row-scroll>*{flex:none}.tool-panel{position:absolute;z-index:4;left:0;right:0;bottom:100%;padding:var(--sp-3) calc(var(--touch) + var(--sp-5)) var(--sp-3) var(--gutter);background:var(--surface);border-top:1px solid var(--border)}:root[data-hand=left] .tool-panel{padding:var(--sp-3) var(--gutter) var(--sp-3) calc(var(--touch) + var(--sp-5))}.tool-panel[hidden],.tool-panel [hidden]{display:none}.time-track{position:relative;height:var(--touch);margin-inline:var(--sp-3);touch-action:none}.time-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--sp-1);transform:translateY(-50%);border-radius:var(--r-pill);background:var(--border)}.time-seg{position:absolute;top:50%;left:calc(var(--pos0, 0) * 1%);width:calc(var(--len, 0) * 1%);height:var(--sp-1);transform:translateY(-50%);border-radius:var(--r-pill);background:var(--accent)}.time-mark{position:absolute;top:50%;left:calc(var(--pos, 0) * 1%);transform:translate(-50%,-50%);width:var(--sp-6);height:var(--sp-6);padding:0;display:grid;place-items:center;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:700 var(--fs-1)/1 var(--font-body);cursor:grab;touch-action:none}.time-mark:after{content:"";position:absolute;inset:calc(-1 * var(--sp-2))}.time-mark.is-on{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.time-mark.is-fixed{cursor:pointer}.ico-rot{transform:rotate(var(--rot, 0deg))}.stepper{display:flex;align-items:center;gap:var(--sp-1)}.stepper-n{min-width:var(--sp-7);text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.swipe-stack{display:grid;place-items:center;min-height:calc(var(--dir-cell) * 5)}.swipe-card{position:relative;width:100%;max-width:var(--form-w);display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);transform:translate(var(--dx, 0)) rotate(var(--rot, 0deg));transition:transform var(--ease);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.swipe-card.is-drag{transition:none;cursor:grabbing}.swipe-hint{position:absolute;top:var(--sp-3)}.swipe-hint-r{right:var(--sp-3);opacity:calc(var(--dxn, 0) / 100)}.swipe-hint-l{left:var(--sp-3);opacity:calc(var(--dxn, 0) / -100)}.media-center{position:absolute;inset:0;display:grid;place-items:center}.viewer{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:var(--stage);color:var(--on-stage)}.viewer[hidden]{display:none}.viewer .btn{color:var(--on-stage)}.viewer .btn:active{background:var(--stage-dim)}@media(hover:hover){.viewer .btn:hover{background:var(--stage-dim)}}.viewer-top,.viewer-bar{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--stage-bar);transition:opacity var(--ease)}.viewer-top{top:0;padding-top:calc(var(--sp-2) + env(safe-area-inset-top))}.viewer-bar{bottom:0;flex-direction:column;align-items:stretch;padding-bottom:calc(var(--sp-2) + env(safe-area-inset-bottom))}.viewer.is-idle .viewer-top,.viewer.is-idle .viewer-bar{opacity:0;pointer-events:none}.viewer-stage{flex:1;display:grid;place-items:center;min-height:0;touch-action:pan-y}.viewer-media{width:100%;max-height:100%;aspect-ratio:16 / 9;background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center}.viewer-time{white-space:nowrap;font-size:var(--fs-1);font-variant-numeric:tabular-nums;color:var(--on-stage)}.collage{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-1)}.collage-tile{position:relative;display:block;padding:0;border:0;border-radius:var(--r-2);overflow:hidden;aspect-ratio:1;background:var(--grad-media);color:var(--on-media);cursor:pointer}.collage-tile.is-lead{grid-column:span 2;aspect-ratio:16 / 10}.collage-media{display:block;width:100%;height:100%;object-fit:cover}.collage-more{position:absolute;inset:0;display:grid;place-items:center;background:var(--stage-bar);color:var(--on-stage);font:900 var(--fs-5)/1 var(--font-h1)}.viewer-zoom{width:100%;height:100%;display:grid;place-items:center;touch-action:none;overflow:hidden}.viewer-img{max-width:100%;max-height:100%;object-fit:contain;transform:translate(var(--zx, 0),var(--zy, 0)) scale(var(--zs, 1));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.viewer-video{width:100%;max-height:100%;aspect-ratio:16 / 9;border:0;background:var(--stage)}.scrub{position:relative;height:var(--touch);display:flex;align-items:center;cursor:pointer;touch-action:none}.scrub-track,.scrub-buffer,.scrub-fill{position:absolute;left:0;height:var(--sp-1);border-radius:var(--r-pill)}.scrub-track{right:0;background:var(--stage-dim)}.scrub-buffer{width:calc(var(--b, 0) * 1%);background:var(--stage-dim-2)}.scrub-fill{width:calc(var(--p, 0) * 1%);background:var(--stage-accent)}.scrub-knob{position:absolute;left:calc(var(--p, 0) * 1%);width:var(--sp-4);height:var(--sp-4);margin-left:calc(var(--sp-2) * -1);border-radius:var(--r-pill);background:var(--stage-accent)}.btn-text{padding:0 var(--sp-3);min-width:var(--touch);font-size:var(--fs-1)}@media(min-width:640px){.backdrop{align-items:center}.sheet{border-radius:var(--r-2)}}@media(min-width:744px){.nav{top:var(--bar-top);bottom:0;right:auto;width:var(--rail-w);height:auto;margin-bottom:0;flex-direction:column;justify-content:flex-start;border-top:0;border-right:1px solid var(--border);padding:0;-webkit-mask:none;mask:none}.topbar{padding-left:calc(var(--rail-w) + var(--gutter) - (var(--touch) - var(--ico)) / 2)}.nav-item{flex:none;height:var(--nav-h);width:100%;border-top:0;border-left:2px solid transparent}.nav-item.is-active{border-left-color:var(--mark)}.nav-puck,.nav-bump,.nav-bump-edge{display:none}.nav-bar,.nav-bar:before{-webkit-mask:none;mask:none}.nav-item.is-active .ico{color:var(--accent);opacity:1}.page{padding-left:calc(var(--rail-w) + var(--gutter));padding-bottom:var(--section)}.nav-slot{display:none}.dial{left:calc(var(--rail-w) / 2);bottom:var(--sp-5);--hand: 1}}@media(min-width:1024px){.split{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:var(--section);align-items:start}.split-media{grid-template-columns:2fr minmax(280px,1fr)}}.field-error{color:var(--danger);font-size:var(--fs-1);font-weight:700}.input[aria-invalid=true]{border-color:var(--danger)}.notice{position:fixed;z-index:25;top:calc(var(--sp-3) + env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--r-2);background:var(--cta);color:var(--cta-contrast);box-shadow:var(--shadow-elev)}.notice-clock{font-variant-numeric:tabular-nums}.lockout{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--gutter);text-align:center;background:var(--bg)}.toast-action{pointer-events:auto;min-height:var(--touch);padding:0 var(--sp-2);background:none;border:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.swatch{flex:none;width:var(--touch);height:var(--touch);padding:0;border:1px solid var(--border);border-radius:var(--r-2);background:none;cursor:pointer}.range{width:100%;min-height:var(--touch);accent-color:var(--accent)}[hidden]{display:none!important}.handle{touch-action:none;cursor:grab}.is-dragging{background:var(--surface-2);border-color:var(--accent);box-shadow:var(--shadow-elev);position:relative;z-index:2}.is-fav .ico{fill:currentColor;color:var(--mark)}.feed{width:100%;max-width:var(--feed-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--block)}.feedbar{position:sticky;top:var(--bar-top);z-index:9;background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));padding:var(--sp-2) var(--gutter);transition:transform var(--ease-bar),opacity var(--ease-bar)}.feedbar.is-away{transform:translateY(calc(-100% - var(--bar-top)));opacity:0;pointer-events:none;transition:transform var(--ease-bar-out),opacity var(--ease-bar-out)}.feedbar-inner{width:100%;max-width:var(--feed-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}@media(min-width:744px){.feedbar{padding-left:calc(var(--rail-w) + var(--gutter))}}.row-scroll{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.sheet-enter-active,.sheet-leave-active{transition:opacity var(--ease-sheet),backdrop-filter var(--ease-sheet)}.sheet-leave-active{transition-duration:.22s}.sheet-enter-active .sheet{transition:transform var(--ease-sheet),opacity var(--ease-sheet)}.sheet-leave-active .sheet{transition:transform var(--ease-sheet-out),opacity var(--ease-sheet-out)}.sheet-enter-from,.sheet-leave-to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.sheet-enter-from .sheet,.sheet-leave-to .sheet{opacity:0;transform:translateY(var(--sp-6))}.backdrop-top.sheet-enter-from .sheet,.backdrop-top.sheet-leave-to .sheet{transform:translateY(calc(var(--sp-6) * -1))}.corner{align-self:flex-end;color:var(--text-muted);font-size:var(--fs-1);line-height:1.2;text-align:right}.media-img,.media-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.media-img{object-fit:cover}.card:has(>.media-frame){position:relative;aspect-ratio:16 / 9}.grip{touch-action:none;cursor:grab}.is-dragging{opacity:.5}.item-button{text-align:left;background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer}.live{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;background:var(--bg);padding-top:env(safe-area-inset-top)}.live-top{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--gutter)}.live-segs{flex:1;display:flex;gap:var(--sp-1)}.live-seg{flex:var(--w, 1);height:var(--sp-1);border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.live-seg-fill{display:block;height:100%;width:calc(var(--p, 0) * 1%);background:var(--grad-cta);transition:width var(--ease)}.live-clock{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.live-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.live-track::-webkit-scrollbar{display:none}.live-card{flex:none;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;padding:var(--section) var(--gutter);display:flex;flex-direction:column;gap:var(--block)}.live-inner{width:100%;max-width:var(--feed-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--block)}.live-title{font-family:var(--font-h1);font-weight:900;font-size:var(--fs-6);line-height:1.15;margin:0}.live-lead{font-size:var(--fs-4);line-height:1.35;margin:0}.live-bar{padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-top:1px solid var(--border)}.live-bar-inner{width:100%;max-width:var(--feed-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}.live-timer{font-size:var(--fs-live);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-align:center;background:none;border:0;color:var(--text);padding:0;min-height:var(--touch)}.live-timer.is-over{color:var(--danger)}.live-timer.is-paused{color:var(--text-muted)}.live-ctrl{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.media-still{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:var(--grad-media)}.swatch{width:var(--touch);height:var(--touch);padding:0;border:1px solid var(--border);border-radius:var(--r-1);background:none;cursor:pointer}.swatch-probe{display:none}.mat{display:block;width:100%;max-width:var(--mat-w);margin-inline:auto;aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);touch-action:none}.mat-ring{fill:none;stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.mat-spoke{stroke:var(--border);stroke-width:1}.mat-label{fill:var(--text-muted);font-size:var(--fs-1)}.mat-kuzushi{fill:var(--mark);fill-opacity:.9;stroke:var(--bg);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mat-trail{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:3 4;opacity:.7}.mat-move{fill:var(--tag-6);fill-opacity:.85;stroke:var(--bg);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mat-pathguide{fill:var(--tag-6);fill-opacity:.18;stroke:none}.mat-bubble{pointer-events:none}.mat-bubble-box{fill:var(--surface-2);stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}.mat-bubble-text{fill:var(--text);font-size:var(--fs-1);font-weight:700}.actor-t{--actor: var(--accent)}.actor-u{--actor: var(--tag-6)}.actor-v{--actor: var(--tag-2)}.actor-w{--actor: var(--tag-5)}.foot{cursor:grab;touch-action:none}.foot.is-ghost{opacity:.18}.foot.is-selected .foot-body{stroke:var(--text);stroke-width:2}.foot-body{fill:var(--actor);fill-opacity:.9;stroke:var(--bg);stroke-width:1;vector-effect:non-scaling-stroke}.rot-handle{cursor:grab;touch-action:none;fill:var(--text);stroke:var(--bg);stroke-width:2}.cog{cursor:grab;touch-action:none}.cog-ring{fill:none;stroke:var(--actor);stroke-width:2}.cog-dot{fill:var(--actor)}.actor-u .cog-ring,.actor-v .cog-ring,.actor-w .cog-ring{stroke-dasharray:3 3}.tip{cursor:grab;touch-action:none}.tip-hit{fill:transparent}.mat-mini{display:block;width:var(--mat-mini);aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-1)}.shot{position:fixed;inset:0;z-index:20;touch-action:manipulation}.shot-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--sp-3);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--gutter) var(--sp-3);background:var(--overlay);color:var(--text)}.pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);width:var(--touch);height:var(--touch);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);border-radius:var(--r-pill);background:var(--mark);color:var(--cta-contrast);font-weight:700;box-shadow:var(--shadow-elev);cursor:pointer}.is-locked{overflow:hidden}.shot-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-muted)}.shot-photo[hidden]{display:none}.nav-bump,.nav-bump-edge{position:absolute;z-index:0;left:50%;top:calc(-1 * var(--rise));width:var(--bump-w);height:calc(var(--rise) + var(--sp-5));transform:translate(-50%);background:var(--surface);--hole-xa: calc(var(--dipa-x) - var(--dip-w) / 2 - (50vw - var(--bump-w) / 2));--hole-xb: calc(var(--dipb-x) - var(--dip-w) / 2 - (50vw - var(--bump-w) / 2));-webkit-mask:var(--bump-mask) no-repeat center / 100% 100%,var(--dip-hole) no-repeat var(--hole-xa) var(--dipa-y) / var(--dip-w) calc(var(--rise) + var(--nav-h)),var(--dip-hole) no-repeat var(--hole-xb) var(--dipb-y) / var(--dip-w) calc(var(--rise) + var(--nav-h));-webkit-mask-composite:source-out,source-over;mask:var(--bump-mask) no-repeat center / 100% 100%,var(--dip-hole) no-repeat var(--hole-xa) var(--dipa-y) / var(--dip-w) calc(var(--rise) + var(--nav-h)),var(--dip-hole) no-repeat var(--hole-xb) var(--dipb-y) / var(--dip-w) calc(var(--rise) + var(--nav-h));mask-composite:subtract,add}.nav-bump-edge{top:calc(-1 * var(--rise) - var(--line));background:var(--border)}.shot-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.nav-puck.is-hop{z-index:14}.dial.dial-inline{position:relative;left:auto;bottom:auto;transform:none;width:var(--touch);height:var(--touch);flex:none}.fan-caption{position:absolute;right:calc(var(--touch) + var(--sp-3));top:50%;transform:translateY(-50%);white-space:nowrap;padding:var(--sp-1) var(--sp-4);border-radius:var(--r-pill);background:var(--surface);color:var(--text);border:1px solid var(--border);font-weight:700;opacity:0;transition:opacity var(--ease)}.dial.is-open .fan-caption{opacity:1}.dial-item.is-current .btn{background:var(--accent);color:var(--accent-contrast)}.belt-swatch{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--sp-5);height:var(--sp-2);border-radius:var(--r-1);background:var(--belt-bg, var(--belt, var(--border)));box-shadow:inset 0 0 0 1px var(--border);color:var(--belt-ink, var(--belt-black));font-size:var(--fs-1);line-height:1;letter-spacing:-.1em}.belt-swatch-lg{width:var(--sp-7);height:var(--sp-4)}.belt-black,.belt-brown,.belt-blue{--belt-ink: var(--belt-white)}.level-dot{flex:none;width:var(--sp-4);height:var(--sp-4);border-radius:var(--r-pill);background:var(--chip, var(--border))}.act-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-2)}.act-slides{display:flex;height:100%;transform:translate(calc(var(--slide, 0) * -100%));transition:transform var(--ease-sheet)}.act-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;object-fit:cover;color:var(--text-muted)}.act-video{background:var(--grad-media);color:var(--accent-contrast)}.act-dots{position:absolute;left:50%;bottom:var(--sp-2);transform:translate(-50%);display:flex;gap:var(--sp-1)}.act-dot{width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:var(--text-muted);opacity:.5;transition:opacity var(--ease)}.act-dot.is-on{background:var(--text);opacity:1}.act-badge{position:absolute;left:var(--sp-3);top:var(--sp-3);display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);background:var(--overlay);color:var(--text);font-size:var(--fs-1)}.act-body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3)}.act-title{font-family:var(--font-h1);font-size:var(--fs-4);font-weight:900;line-height:1.2}.act-sub{color:var(--text-muted)}.act-foot{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-1)}.act-effect{display:inline-flex;align-items:center;gap:var(--sp-1)}.act-effect:before{content:"";width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:var(--effect, var(--text-muted))}.act-effect-no{--effect: var(--danger)}.act-effect-yes{--effect: var(--success)}.act-effect-part{--effect: var(--mark)}.act-fav{margin-left:auto;color:var(--text-muted)}.act-fav.is-fav{color:var(--mark)}.act-technique{--kind: var(--tag-1)}.act-exercise{--kind: var(--tag-2)}.act-principle{--kind: var(--tag-5)}.act-note{--kind: var(--tag-4)}.act-session{--kind: var(--tag-3)}.act-course{--kind: var(--tag-6)}.act-kind{color:var(--kind)}.act-attack{color:var(--text)}.act-defense{color:var(--accent);font-style:italic}.act-effect-dot{width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:var(--effect);flex:none}.act-eyebrow{display:flex;align-items:center;gap:var(--sp-2)}.act-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.act-embed{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.act-thumb{width:100%;height:100%;object-fit:cover}.act-slide{position:relative}.act{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-2);overflow:hidden;color:var(--text);text-decoration:none;cursor:pointer}.act{border-left:var(--sp-1) solid var(--kind, transparent)}.fbar-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:var(--feed-w);margin:0 auto;min-height:var(--touch)}.fbar-summary{flex:1 1 auto;min-width:0;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--ease)}.fbar-search{flex:0 0 0;min-width:0;width:0;padding:0;border-width:0;opacity:0;transition:flex-basis var(--ease-sheet),opacity var(--ease)}.is-searching .fbar-search{flex:1 1 auto;padding:0 var(--sp-3);border-width:1px;opacity:1}.is-searching .fbar-summary{flex:0 0 0;opacity:0}.feedbar.is-lifted{z-index:14}.dial-inline .dial-main{background:var(--surface-2);color:var(--accent);box-shadow:inset 0 0 0 1px var(--border)}@media(min-width:744px){.mat-far{stroke-dasharray:2 7}.hit{fill:transparent;touch-action:none}.rot-grip{cursor:grab;touch-action:none}}