@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--spacing: .25rem;--text-xs: .75rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-weight-semibold: 600;--radius-pill: var(--radius-pill);--font-display: var(--font-display);--font-body: var(--font-body);--font-mono: var(--font-mono);--shadow-float: var(--shadow-float)}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.fixed{position:fixed}.static{position:static}.z-\[70\]{z-index:70}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-w-0{min-width:0px}.flex-1{flex:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-control{border-radius:var(--radius)}.rounded-field{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-line{border-color:var(--line)}.bg-surface{background-color:var(--surface)}.p-1{padding:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-brand-strong{color:var(--brand-strong)}.text-text{color:var(--text)}.shadow-float{--tw-shadow: var(--shadow-float);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-aria-selected\:visible:is(:where(.group)[aria-selected=true] *){visibility:visible}.aria-disabled\:cursor-default[aria-disabled=true]{cursor:default}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:50%}.aria-selected\:font-semibold[aria-selected=true]{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-active\:bg-surface-2[data-active]{background-color:var(--surface-2)}}@layer base{@font-face{font-family:Funnel Display;src:url("./funnel-display-T7BONH74.woff2") format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Shantell Sans;src:url("./shantell-sans-7CHHGC3N.woff2") format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Fredoka;src:url("./fredoka-OX6WISTR.woff2") format("woff2");font-weight:300 700;font-display:swap}:root{--font-display: var(--font-body);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--bg: #efeff3;--bg-raised: #f7f7fa;--surface: #ffffff;--surface-2: #f5f5f8;--surface-3: #e9e9ef;--text: #1c1b25;--muted: #55536a;--faint: #6c6a7e;--border: #dddce5;--border-strong: #b9b8c6;--line: #1c1b25;--accent: #1c1b25;--accent-hover: #34323f;--accent-ink: #ffffff;--brand: #a8e6cf;--brand-strong: #2a7459;--brand-soft: #e2f5ec;--brand-ink: #10291f;--link: #2a7459;--danger: #b0263a;--danger-soft: #fbe6e9;--danger-ink: #ffffff;--warn: #855600;--warn-soft: #fdf1d8;--focus: #2a7459;--scrim: rgb(18 17 24 / .55);--shadow-float: 0 12px 32px rgb(28 27 37 / .16), 0 2px 6px rgb(28 27 37 / .08);color-scheme:light;--radius-xs: 12px;--radius-sm: 10px;--radius: 12px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-name: clamp(2.5rem, 1.6rem + 3.6vw, 4.75rem);--text-hero: clamp(2.2rem, 1.2rem + 2.6vw, 3.6rem);--ease: cubic-bezier(.16, 1, .3, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .28s;--sidebar: 240px;--rail: 76px;--topbar: 56px;--tabbar: 64px;--content: 1200px;--gutter: clamp(16px, 3vw, 32px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121117;--bg-raised: #17161d;--surface: #1c1b23;--surface-2: #23222b;--surface-3: #2c2b36;--text: #f1f0f6;--muted: #b0aec1;--faint: #918fa4;--border: #2f2e3a;--border-strong: #4a4858;--line: #d9d8e3;--accent: #f1f0f6;--accent-hover: #ffffff;--accent-ink: #1c1b25;--brand: #a8e6cf;--brand-strong: #a8e6cf;--brand-soft: #1b3a2f;--brand-ink: #10291f;--link: #a8e6cf;--danger: #ff8796;--danger-soft: #3a1c23;--danger-ink: #1c1b25;--warn: #f3c66b;--warn-soft: #3a2f17;--focus: #a8e6cf;--scrim: rgb(6 6 10 / .7);--shadow-float: 0 16px 40px rgb(0 0 0 / .5), 0 2px 8px rgb(0 0 0 / .3);color-scheme:dark}}:root[data-theme=dark]{--bg: #121117;--bg-raised: #17161d;--surface: #1c1b23;--surface-2: #23222b;--surface-3: #2c2b36;--text: #f1f0f6;--muted: #b0aec1;--faint: #918fa4;--border: #2f2e3a;--border-strong: #4a4858;--line: #d9d8e3;--accent: #f1f0f6;--accent-hover: #ffffff;--accent-ink: #1c1b25;--brand: #a8e6cf;--brand-strong: #a8e6cf;--brand-soft: #1b3a2f;--brand-ink: #10291f;--link: #a8e6cf;--danger: #ff8796;--danger-soft: #3a1c23;--danger-ink: #1c1b25;--warn: #f3c66b;--warn-soft: #3a2f17;--focus: #a8e6cf;--scrim: rgb(6 6 10 / .7);--shadow-float: 0 16px 40px rgb(0 0 0 / .5), 0 2px 8px rgb(0 0 0 / .3);color-scheme:dark}[data-corners=rounded]{--radius-xs: 12px;--radius-sm: 10px;--radius: 12px;--radius-lg: 20px;--radius-pill: 999px}[data-corners=round]{--radius-xs: 20px;--radius-sm: 14px;--radius: 18px;--radius-lg: 28px;--radius-pill: 999px}[data-corners=subtle]{--radius-xs: 3px;--radius-sm: 6px;--radius: 8px;--radius-lg: 14px;--radius-pill: 999px}[data-corners=square]{--radius-xs: 0px;--radius-sm: 0px;--radius: 0px;--radius-lg: 0px;--radius-pill: 0px}[data-font=funnel]{--font-display: "Funnel Display", ui-sans-serif, system-ui, sans-serif}[data-font=marker]{--font-display: "Shantell Sans", ui-sans-serif, system-ui, sans-serif}[data-font=friendly]{--font-display: "Fredoka", ui-rounded, system-ui, sans-serif}[data-font=system]{--font-display: var(--font-body)}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--topbar) + 16px)}html:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}p,h1,h2,h3,h4,li,dd,dt,blockquote,figcaption{overflow-wrap:anywhere}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;letter-spacing:-.015em;font-weight:700;text-wrap:balance}h1{font-size:var(--text-3xl);font-weight:750}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;padding:0}[hidden]{display:none!important}hr{border:0;border-top:1px solid var(--border)}::selection{background:var(--brand);color:var(--brand-ink)}html{scrollbar-color:var(--border-strong) transparent}input,textarea{caret-color:var(--brand-strong)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}[tabindex="-1"]:focus{outline:none}.skip-link{position:fixed;left:12px;top:-100px;z-index:1000;padding:10px 16px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{width:1.25em;height:1.25em;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:1em;height:1em}.icon-lg{width:1.5em;height:1.5em}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);--btn-border: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);font-weight:650;font-size:var(--text-sm);line-height:1;white-space:nowrap;text-decoration:none;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-1);-webkit-user-select:none;user-select:none}.btn:hover{--btn-bg: var(--surface-3);text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55}.btn-primary{--btn-bg: var(--accent);--btn-fg: var(--accent-ink);--btn-border: transparent}.btn-primary:hover{--btn-bg: var(--accent-hover)}.btn-ghost{--btn-bg: transparent;--btn-border: transparent}.btn-ghost:hover{--btn-bg: var(--surface-2)}.btn-outline{--btn-bg: transparent;--btn-border: var(--border-strong)}.btn-outline:hover{--btn-bg: var(--surface-2)}.btn-danger{--btn-bg: var(--danger-soft);--btn-fg: var(--danger);--btn-border: transparent}.btn-danger:hover{--btn-bg: var(--danger)}@supports (color: color-mix(in lab,red,red)){.btn-danger:hover{--btn-bg: color-mix(in srgb, var(--danger) 22%, var(--surface))}}.btn-brand{--btn-bg: var(--brand);--btn-fg: var(--brand-ink);--btn-border: transparent}.btn-brand:hover{--btn-bg: var(--brand)}@supports (color: color-mix(in lab,red,red)){.btn-brand:hover{--btn-bg: color-mix(in srgb, var(--brand) 85%, #000)}}.btn-sm{min-height:36px;padding:0 14px;font-size:var(--text-xs);gap:6px}.btn-lg{min-height:52px;padding:0 26px;font-size:var(--text-md)}.btn-block{width:100%}.btn-icon{width:44px;padding:0}.btn-icon.btn-sm{width:36px}.btn[aria-busy=true]{position:relative;color:transparent!important;pointer-events:none}.btn[aria-busy=true]:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--btn-fg);border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:.18em}.field{display:grid;gap:6px}.field+.field,.field+.row-fields,.row-fields+.field{margin-top:var(--space-4)}.field>label,.label{font-weight:650;font-size:var(--text-sm)}.field .hint{color:var(--muted);font-size:var(--text-xs)}.field .error{color:var(--danger);font-size:var(--text-sm);font-weight:600;display:flex;gap:6px;align-items:flex-start}.field .error:empty{display:none}.row-fields{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.input,.textarea,.select{width:100%;min-height:46px;padding:10px 14px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur-1),box-shadow var(--dur-1)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:hover,.textarea:hover,.select:hover{border-color:var(--muted)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus)}@supports (color: color-mix(in lab,red,red)){.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 30%,transparent)}}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.textarea.tall{min-height:280px}.select{appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}.cs-native{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.input-group{position:relative;display:flex;align-items:center}.input-group .prefix{position:absolute;left:14px;color:var(--muted);pointer-events:none}.input-group .input.has-prefix{padding-left:34px}.input-group .suffix{position:absolute;right:6px}.counter{justify-self:end;color:var(--faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.counter.over{color:var(--danger);font-weight:700}.check{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand-strong);flex:none}.check strong{display:block;font-size:var(--text-sm)}.check span{color:var(--muted);font-size:var(--text-sm)}.switch{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:12px 0}.switch input{appearance:none;width:46px;height:28px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);position:relative;flex:none;cursor:pointer;transition:background var(--dur-2)}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform var(--dur-2) var(--ease),background var(--dur-2)}.switch input:checked{background:var(--brand-strong);border-color:transparent}.switch input:checked:after{transform:translate(18px);background:var(--surface)}.switch .switch-text strong{display:block;font-size:var(--text-sm)}.switch .switch-text span{color:var(--muted);font-size:var(--text-sm)}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);flex-wrap:wrap}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmented span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--muted)}.segmented input:checked+span{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.segmented input:focus-visible+span{outline:3px solid var(--focus);outline-offset:1px}.choice-cards{display:grid;gap:10px}.choice-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}.choice-card:hover{background:var(--surface-2)}.choice-card:has(input:checked){border-color:var(--line);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--line)}.choice-card input{margin-top:3px;accent-color:var(--brand-strong);width:18px;height:18px;flex:none}.choice-card strong{display:block}.choice-card span{color:var(--muted);font-size:var(--text-sm)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.stack{display:grid;gap:var(--space-4)}.stack-sm{display:grid;gap:var(--space-2)}.stack-lg{display:grid;gap:var(--space-6)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.grow{flex:1;min-width:0}.prose{max-width:68ch;white-space:pre-wrap;line-height:1.7}.prose-lg{font-size:var(--text-lg);line-height:1.75}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.hidden{display:none!important}}@layer components{.app{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar);display:flex;flex-direction:column;gap:var(--space-4);padding:20px 14px calc(16px + env(safe-area-inset-bottom));background:var(--bg-raised);border-right:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}.main{min-height:100dvh;padding-left:var(--sidebar)}.main:focus{outline:none}.brand{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;color:var(--text);text-decoration:none;border-radius:var(--radius-sm)}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;flex:none}.brand-word{font-family:var(--font-display);font-weight:800;font-size:1.45rem;letter-spacing:-.035em}.brand-mark{object-fit:contain}.search-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-sm);text-align:left;transition:border-color var(--dur-1)}.search-trigger:hover{border-color:var(--border-strong);color:var(--text)}.search-trigger kbd{margin-left:auto}kbd{font-family:var(--font-mono);font-size:.72rem;padding:2px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;color:var(--muted);background:var(--surface-2)}.nav-list{display:grid;gap:2px;list-style:none;padding:0}.nav-link{position:relative;display:flex;align-items:center;gap:14px;min-height:46px;padding:0 12px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;text-decoration:none;transition:background var(--dur-1),color var(--dur-1)}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);background:var(--surface)}.nav-link[aria-current=page] .icon{color:var(--brand-strong)}.nav-link .icon{width:22px;height:22px}.nav-link .avatar{width:24px;height:24px}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--brand);color:var(--brand-ink);font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums}.nav-link .badge{margin-left:auto}.badge:empty,.badge[data-count="0"]{display:none}.sidebar-create{position:relative}.sidebar-foot{margin-top:auto;display:grid;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--border)}.sidebar-account{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);min-width:0}.sidebar-account:hover{background:var(--surface-2);text-decoration:none}.sidebar-account .who{min-width:0;line-height:1.25}.sidebar-account .who strong{display:block;font-size:var(--text-sm)}.sidebar-account .who span{color:var(--muted);font-size:var(--text-xs)}.topbar,.tabbar{display:none}@media(max-width:1199px)and (min-width:768px){.sidebar{width:var(--rail);padding-inline:10px;align-items:center}.main{padding-left:var(--rail)}.brand-word,.search-trigger span,.search-trigger kbd,.nav-link .label,.sidebar-account .who,.sidebar .btn-label,.sidebar-foot .label{display:none}.brand{padding:6px}.search-trigger,.nav-link{width:52px;justify-content:center;padding:0}.nav-link .badge{position:absolute;top:4px;right:2px;margin:0;min-width:18px;height:18px;font-size:.64rem}.sidebar .create-btn{width:52px;padding:0}.sidebar-foot{justify-items:center}}@media(max-width:767px){.sidebar{display:none}.main{padding-left:0;padding-top:var(--topbar);padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.topbar{position:fixed;inset:0 0 auto;z-index:40;height:calc(var(--topbar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 12px;display:flex;align-items:center;gap:4px;background:var(--bg);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border)}@supports (color: color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)}}.topbar .brand{margin-right:auto;padding:4px}.topbar .brand-mark{width:30px;height:30px}.topbar .brand-word{font-size:1.25rem}.topbar .icon-link{position:relative}.topbar .icon-link .badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;font-size:.64rem}.tabbar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-raised);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-top:1px solid var(--border)}@supports (color: color-mix(in lab,red,red)){.tabbar{background:color-mix(in srgb,var(--bg-raised) 92%,transparent)}}.tab{position:relative;display:grid;place-items:center;align-content:center;gap:2px;color:var(--muted);font-size:.68rem;font-weight:650;text-decoration:none}.tab:hover{text-decoration:none;color:var(--text)}.tab[aria-current=page]{color:var(--text)}.tab[aria-current=page] .icon{color:var(--brand-strong)}.tab[aria-current=page]:before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;background:var(--line)}.tab .icon{width:24px;height:24px}.tab .badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;font-size:.64rem}.tab-create .tab-create-circle{width:46px;height:40px;border-radius:var(--radius);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.tab-create .tab-create-circle .icon{color:var(--accent-ink)!important}}.page{width:100%;max-width:var(--content);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-8)}.page-narrow{max-width:760px}.page-mid{max-width:960px}.page-wide{max-width:1440px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.page-head p{color:var(--muted);margin-top:6px;max-width:60ch}.section{margin-top:var(--space-7)}.section:first-child{margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.section-head h2{font-size:var(--text-xl)}.section-head a{font-weight:650;font-size:var(--text-sm);white-space:nowrap;display:inline-flex;gap:4px;align-items:center}.view-loading{display:grid;place-items:center;min-height:50vh}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--brand-strong);animation:spin .8s linear infinite}@media(prefers-reduced-motion:no-preference){.main>.view{animation:view-in var(--dur-3) var(--ease) both}}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}.sheet{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xs);padding:clamp(16px,3vw,32px)}.sheet:before,.sheet:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:var(--line)}.sheet:before{top:-7px;left:-7px;border-top:1px solid;border-left:1px solid}.sheet:after{bottom:-7px;right:-7px;border-bottom:1px solid;border-right:1px solid}:root:not([data-corners=subtle]):not([data-corners=square]) .sheet:before,:root:not([data-corners=subtle]):not([data-corners=square]) .sheet:after{display:none}.sheet-title{display:grid;gap:6px;padding-bottom:var(--space-4)}.sheet-foot{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border-strong);font-size:var(--text-xs);color:var(--muted)}.palette-rule{display:flex;height:8px;border:1px solid var(--line);border-radius:2px;overflow:hidden}.palette-rule span{flex:1;transition:flex-grow var(--dur-2) var(--ease)}.palette-rule.spot span{flex-grow:.6}.palette-rule.spot span.on{flex-grow:4}.palette-rule-empty{background:repeating-linear-gradient(90deg,var(--surface-3) 0 12px,var(--surface-2) 12px 24px)}.swatches{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));list-style:none;padding:0}.swatches-sm{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.swatch{display:flex;align-items:center;gap:10px;width:100%;padding:6px;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--dur-1),transform var(--dur-1)}.swatch:hover{border-color:var(--line)}.swatch:active{transform:scale(.98)}.swatch-chip{width:40px;height:40px;flex:none;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px #00000024}.swatches-sm .swatch-chip{width:30px;height:30px}.swatch-meta{display:grid;min-width:0;line-height:1.25}.swatch-name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-hex{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.leaders{display:grid;gap:6px}.leaders>div{display:flex;align-items:baseline;gap:8px;min-width:0}.leaders dt{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.leaders>div:after{content:"";order:1;flex:1;border-bottom:1.5px dotted var(--border-strong);transform:translateY(-4px);min-width:16px}.leaders dd{order:2;font-weight:600;text-align:right;max-width:65%}.leaders.small dd{font-size:var(--text-sm)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:650;border:1px solid var(--border-strong);color:var(--muted);white-space:nowrap}.chip-soft{background:var(--surface-2);border-color:transparent}.chip-brand{background:var(--brand-soft);color:var(--brand-strong);border-color:transparent}.chip-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.tag-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text);text-decoration:none;background:var(--surface)}a.tag:hover{border-color:var(--line);text-decoration:none}.tag-mature{padding:1px 6px;border-radius:4px;background:var(--danger-soft);color:var(--danger);font-weight:800;font-size:.7rem}.chip-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 6px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;background:var(--surface);transition:background var(--dur-1),border-color var(--dur-1)}.chip-btn img{width:26px;height:26px;border-radius:50%;object-fit:cover}.chip-btn:not(:has(img)){padding-left:14px}.chip-btn:hover{border-color:var(--line)}.chip-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip-row,.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips{margin-bottom:var(--space-5)}.role-badge{display:inline-flex;vertical-align:middle;margin-left:4px}.role-admin{color:#b07d00}.role-mod{color:var(--brand-strong)}:root[data-theme=dark] .role-admin{color:#f3c66b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .role-admin{color:#f3c66b}}.avatar{display:inline-block;flex:none;border-radius:50%;object-fit:cover;vertical-align:middle}.avatar-fallback{display:inline-grid;place-items:center;background:hsl(var(--h) 45% 78%);color:hsl(var(--h) 45% 18%);font-weight:800;font-family:var(--font-display)}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:var(--space-5) 0;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}.tab-link{display:inline-flex;align-items:center;gap:6px;padding:12px 14px;white-space:nowrap;color:var(--muted);font-weight:650;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}.tab-link:hover{color:var(--text);text-decoration:none}.tab-link[aria-current=page]{color:var(--text);border-bottom-color:var(--line)}.tab-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--faint)}.seg-link{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--muted);text-decoration:none}.seg-link[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.char-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));list-style:none;padding:0}.char-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,200px);gap:var(--space-4);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.char-strip>*{scroll-snap-align:start}.char-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xs);overflow:hidden;transition:transform var(--dur-2) var(--ease)}.char-card:hover{transform:translateY(-3px)}.char-card:focus-within{outline:3px solid var(--focus);outline-offset:2px}.char-card-art{position:relative;aspect-ratio:3 / 4;background:var(--surface-2);overflow:hidden}.char-card-art img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-3) var(--ease)}.char-card:hover .char-card-art img{transform:scale(1.03)}.char-card-blank{display:grid;place-items:center;height:100%;color:var(--faint)}.char-card .palette-rule{border-radius:0;border-width:1px 0 1px 0;height:7px}.char-card-body{display:grid;gap:2px;padding:10px 12px 12px}.char-card-name{font-size:1.15rem;line-height:1.15}.char-card-name a{color:var(--text);text-decoration:none}.char-card-meta{font-size:var(--text-xs);color:var(--muted)}.char-card-owner{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--text-xs);color:var(--muted)}.card-link:after{content:"";position:absolute;inset:0;z-index:1}.card-link:focus-visible{outline:none}.char-card .veil,.world-card .veil{z-index:2}.justified{display:flex;flex-wrap:wrap;gap:8px}.justified:after{content:"";flex-grow:1e4}.art-tile-wrap{position:relative;flex-grow:calc(var(--ar) * 100);flex-basis:calc(var(--ar) * 210px);min-width:0}@media(max-width:600px){.art-tile-wrap{flex-basis:calc(var(--ar) * 140px)}}.art-tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius-xs);background:var(--surface-2);outline-offset:2px}.art-tile img{display:block;width:100%;height:100%;aspect-ratio:var(--ar);object-fit:cover;transition:transform var(--dur-3) var(--ease)}.art-tile:hover img{transform:scale(1.025)}.art-tile-cap{position:absolute;inset:auto 0 0;display:grid;padding:28px 10px 8px;color:#fff;font-size:var(--text-sm);line-height:1.25;background:linear-gradient(transparent,#0a090ec7);opacity:0;transform:translateY(6px);transition:opacity var(--dur-2),transform var(--dur-2) var(--ease)}.art-tile-cap span{font-size:var(--text-xs);opacity:.85}.art-tile:hover .art-tile-cap,.art-tile:focus-visible .art-tile-cap{opacity:1;transform:none}@media(hover:none){.art-tile-cap{opacity:1;transform:none}}.art-tile.is-locked{display:grid;place-items:center;aspect-ratio:var(--ar);flex-grow:80;flex-basis:170px;border:1px dashed var(--border-strong);text-decoration:none;color:var(--muted)}.world-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.world-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xs);overflow:hidden;transition:transform var(--dur-2) var(--ease)}.world-card:hover{transform:translateY(-3px)}.world-card:focus-within{outline:3px solid var(--focus);outline-offset:2px}.world-card-banner{position:relative;aspect-ratio:16 / 6;background:linear-gradient(135deg,var(--surface-3),var(--surface-2));border-bottom:1px solid var(--line);overflow:hidden}.world-card-banner img{width:100%;height:100%;object-fit:cover}.world-card-body{position:relative;padding:34px 16px 16px;display:grid;gap:4px}.world-card-avatar{position:absolute;top:-28px;left:16px;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.world-card-avatar img{width:100%;height:100%;object-fit:cover}.world-card h3 a{color:var(--text);text-decoration:none}.world-card-stats{display:flex;align-items:center;gap:6px;color:var(--muted);margin-top:4px}.entry-list{display:grid;gap:var(--space-3)}.entry-card{position:relative;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-left:1px solid var(--line);border-radius:var(--radius-xs);transition:border-color var(--dur-1)}.entry-card:hover{border-color:var(--line)}.entry-card:focus-within{outline:3px solid var(--focus);outline-offset:2px}.entry-card h3 a{color:var(--text);text-decoration:none}.entry-card-excerpt{margin-top:6px;color:var(--muted);font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.is-blurred-text{filter:blur(5px);-webkit-user-select:none;user-select:none}.locked-face{display:grid;justify-items:center;gap:4px;padding:16px;text-align:center;color:var(--muted)}.locked-face .icon{width:28px;height:28px}.locked-label{font-weight:700;color:var(--text)}.locked-hint{font-size:var(--text-xs)}.char-card.is-locked,.world-card.is-locked,.entry-card.is-locked{min-height:180px;display:grid;place-items:center;border-style:dashed}.is-locked .card-link{text-decoration:none}.locked-sheet{display:grid;justify-items:center;gap:var(--space-4);text-align:center;padding:var(--space-7) var(--space-5)}.is-blurred img{filter:blur(26px) saturate(.7);transform:scale(1.1)}.is-blurred .profile-avatar img{transform:none}.profile-sheet .profile-banner,.world-sheet .profile-banner,.profile-avatar{position:relative}.is-blurred-thumb{filter:blur(5px) saturate(.7)}.veil{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:6px;color:#fff;font-weight:700;font-size:var(--text-sm);background:#14121c59;text-shadow:0 1px 4px rgb(0 0 0 / .5)}.veil:hover{background:#14121c33}.empty{display:grid;justify-items:center;gap:8px;padding:var(--space-7) var(--space-5);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xs)}.empty-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);margin-bottom:4px}.empty p{max-width:46ch}.empty .btn{margin-top:8px}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite linear;aspect-ratio:3 / 4}@keyframes shimmer{to{background-position:-200% 0}}.more-row{display:flex;justify-content:center;margin-top:var(--space-5)}.count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--faint);font-weight:500}.req{font-weight:500;font-size:var(--text-xs);color:var(--faint);margin-left:4px}.status-line{display:flex;align-items:center;gap:8px;font-weight:600}.status-line.ok{color:var(--brand-strong)}.danger-text,.error-text{color:var(--danger)}.form-error{padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-weight:600;font-size:var(--text-sm)}.credit{font-size:var(--text-xs);color:var(--muted)}.credit a{color:inherit}.mono-key{font-family:var(--font-mono);font-size:var(--text-sm);padding:2px 6px;border-radius:4px;background:var(--surface-2);border:1px solid var(--border);letter-spacing:.05em;word-break:break-all}.progress{display:block;height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden;width:100%}.progress>span{display:block;height:100%;width:0;background:var(--brand-strong)}.route-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:var(--line);transform-origin:left;transform:scaleX(0)}.route-progress.on{animation:route 1.4s var(--ease) forwards}@keyframes route{to{transform:scaleX(.85)}}.btn-danger-solid{--btn-bg: var(--danger);--btn-fg: #fff;--btn-border: transparent}.btn-danger-solid:hover{--btn-bg: var(--danger)}@supports (color: color-mix(in lab,red,red)){.btn-danger-solid:hover{--btn-bg: color-mix(in srgb, var(--danger) 85%, #000)}}:root[data-theme=dark] .btn-danger-solid{--btn-fg: #1c1b25}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-danger-solid{--btn-fg: #1c1b25}}.cap{text-transform:capitalize}.noscript{padding:24px;text-align:center}.user-list{display:grid;gap:2px;list-style:none;padding:0}.user-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--radius-sm)}.user-row:hover{background:var(--surface-2)}.user-row-name{display:block;font-weight:650;color:var(--text);text-decoration:none}.user-row .grow>span{display:block}.user-list.compact .user-row{padding:6px 4px}.user-link{font-weight:650}.creator-list{display:grid;gap:2px;list-style:none;padding:0}.creator-list a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.creator-list a:hover{background:var(--surface-2)}.creator-list a>span{display:grid;line-height:1.25}.creator-row{display:grid;grid-auto-flow:column;grid-auto-columns:120px;gap:var(--space-3);overflow-x:auto;list-style:none;padding:4px 0 8px}.creator-row a{display:grid;justify-items:center;gap:4px;padding:14px 8px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);text-decoration:none;font-size:var(--text-sm)}.creator-row a:hover{border-color:var(--line)}.creator-row strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog{margin:auto;width:min(560px,calc(100vw - 24px));max-height:min(88dvh,860px);padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-float);overflow:auto;overscroll-behavior:contain}.dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-sm{width:min(440px,calc(100vw - 24px))}.dialog-md{width:min(560px,calc(100vw - 24px))}.dialog-lg{width:min(820px,calc(100vw - 24px))}.dialog-body{padding:24px;display:grid;gap:var(--space-4)}.dialog-title{display:flex;align-items:center;gap:8px;font-size:var(--text-xl)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}@media(prefers-reduced-motion:no-preference){.dialog[open]{animation:dialog-in var(--dur-2) var(--ease)}.dialog[open]::backdrop{animation:fade-in var(--dur-2)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes fade-in{0%{opacity:0}}@media(max-width:600px){.dialog:not(.lightbox):not(.search-dialog){margin:auto 0 0;width:100vw;max-width:100vw;border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}}.toasts{position:fixed;z-index:200;right:16px;bottom:16px;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}@media(max-width:767px){.toasts{left:16px;right:16px;width:auto;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px)}}.cookie-notice{position:fixed;z-index:190;left:calc(var(--sidebar) + 16px);right:16px;bottom:16px;margin-inline:auto;max-width:720px;display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-float)}.cookie-notice-text{flex:1 1 320px;display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm)}.cookie-notice-text .icon{flex:none;margin-top:2px;color:var(--brand-strong)}.cookie-notice-text strong{margin-right:4px}.cookie-notice-actions{display:flex;gap:8px;margin-left:auto}@media(max-width:767px){.cookie-notice{left:12px;right:12px;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px)}}@media(prefers-reduced-motion:no-preference){.cookie-notice{animation:dialog-in var(--dur-2) var(--ease)}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-float);font-size:var(--text-sm);font-weight:550;animation:toast-in var(--dur-3) var(--ease)}.toast .btn{--btn-fg: var(--accent-ink)}.toast .btn:hover{--btn-bg: var(--accent-ink)}@supports (color: color-mix(in lab,red,red)){.toast .btn:hover{--btn-bg: color-mix(in srgb, var(--accent-ink) 14%, transparent)}}.toast-msg{flex:1}.toast-success .icon:first-child{color:var(--brand)}.toast-error{background:var(--danger);color:var(--danger-ink)}.toast-error .btn{--btn-fg: var(--danger-ink)}.toast.out{opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.create-menu{position:fixed;z-index:60;width:300px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-float)}@media(max-width:767px){.create-menu{width:auto}}.create-menu-title{padding:6px 10px 8px;font-size:var(--text-xs);color:var(--muted);font-weight:650}.create-menu ul{list-style:none;padding:0;display:grid;gap:2px}.create-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.create-item:hover,.create-item:focus-visible{background:var(--surface-2);text-decoration:none}.create-item .icon{color:var(--brand-strong)}.create-item>span{display:grid;line-height:1.3}.create-item>span>span{font-size:var(--text-xs);color:var(--muted)}.search-dialog{margin:10vh auto auto;width:min(640px,calc(100vw - 24px))}@media(max-width:600px){.search-dialog{margin:8px auto auto;max-height:calc(100dvh - 16px)}}.sp-input{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--border)}.sp-q{flex:1;min-width:0;border:0;background:none;font-size:var(--text-lg);padding:8px 0}.sp-q:focus{outline:none}.sp-list{max-height:min(56vh,520px);overflow-y:auto;padding:6px}.sp-group-label{padding:10px 10px 4px;font-size:var(--text-xs);font-weight:700;color:var(--muted)}.sp-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.sp-item[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.sp-item img,.sp-thumb-empty,.sp-icon{width:40px;height:40px;border-radius:var(--radius-xs);object-fit:cover;flex:none;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.sp-item .avatar{border-radius:50%}.sp-text{display:grid;min-width:0;line-height:1.3}.sp-text strong,.sp-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-text span{font-size:var(--text-xs);color:var(--muted)}.sp-more{padding:0 6px 6px}.sp-all{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm)}.sp-empty{padding:18px 12px}.sp-foot{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid var(--border)}@media(pointer:coarse){.sp-foot{display:none}}.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:#08080cf5;color:#fff;overflow:hidden}.lightbox::backdrop{background:#08080ce6}.lb{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%}.lb-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}.lb-btn{--btn-fg: #fff}.lb-btn:hover{--btn-bg: rgb(255 255 255 / .12)}.lb-count{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.8}.lb-stage{position:relative;display:grid;place-items:center;overflow:hidden;touch-action:pan-y;padding:0 56px}.lb-stage img{max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none}.lb-stage.zoomed{overflow:auto;place-items:start;touch-action:auto;padding:0}.lb-stage.zoomed img{max-width:none;max-height:none;cursor:zoom-out}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:72px;display:grid;place-items:center;color:#fff;border-radius:var(--radius-sm);background:#ffffff14}.lb-nav:hover{background:#ffffff2e}.lb-prev{left:6px}.lb-next{right:6px}.lb-caption{padding:10px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));text-align:center;font-size:var(--text-sm);opacity:.85;min-height:40px}.lightbox .lb-btn:focus-visible,.lightbox .lb-nav:focus-visible{outline-color:#a8e6cf}@media(max-width:600px){.lb-stage{padding:0}.lb-nav{display:none}}.lb-animate .lb-stage img{animation:fade-in var(--dur-2)}.plate-btn{display:block;width:100%;padding:0;cursor:zoom-in;border-radius:inherit}.comments{display:grid;gap:var(--space-4)}.comments-title{font-size:var(--text-xl);display:flex;align-items:baseline;gap:8px}.comments-signin{display:flex;align-items:center;gap:8px;padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);color:var(--muted)}.composer{display:grid;gap:8px}.composer .textarea{min-height:0}.composer-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.composer-bar>span{margin-right:auto}@media(pointer:coarse){.composer-bar>span{display:none}}.comment-list{display:grid;gap:var(--space-4);list-style:none;padding:0}.comment{display:flex;gap:12px;padding:4px;border-radius:var(--radius-sm);scroll-margin:120px}.comment.is-target,.comment.is-new{animation:highlight 2.4s var(--ease)}.just-saved{animation:just-saved 2.6s var(--ease)}@keyframes just-saved{0%,45%{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--brand-strong)}to{box-shadow:0 0 0 3px transparent,0 0 0 6px transparent}}@keyframes highlight{0%,40%{background:var(--brand-soft)}to{background:transparent}}.comment-avatar{flex:none}.comment-main{flex:1;min-width:0}.comment-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.comment-author{font-weight:700;color:var(--text);text-decoration:none}.comment-body{margin-top:2px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;gap:2px;margin-left:-10px;margin-top:2px}.comment-actions .btn{color:var(--muted)}.comment-replies{list-style:none;padding:0 0 0 22px;margin:8px 0 0 18px;border-left:1px solid var(--border-strong);display:grid;gap:var(--space-3)}@media(max-width:600px){.comment-replies{padding-left:10px;margin-left:8px}}.reply-slot:not(:empty){margin:8px 0 0 48px}.comments-empty{padding:4px 0}.mention-list{position:absolute;z-index:30;margin-top:4px;min-width:240px;max-width:320px;padding:4px;list-style:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-float)}.mention-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm)}.mention-list li[aria-selected=true]{background:var(--surface-2)}.mention-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:1px 8px 1px 2px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);text-decoration:none;line-height:1.35;vertical-align:-.3em;white-space:nowrap;transition:background var(--dur-1)}.mention-chip:hover{background:var(--surface-3);text-decoration:none}.mention-chip .mention-avatar{width:20px;height:20px;font-size:9px!important}.mention-name{font-weight:650;overflow:hidden;text-overflow:ellipsis}.mention-handle{font-size:.85em;color:var(--muted);overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.mention-handle{display:none}}.mention-card{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-float);white-space:normal}.mention-card:focus{outline:none}.mention-card:popover-open{animation:mc-in var(--dur-1, .12s) var(--ease, ease-out)}@keyframes mc-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.mention-card:popover-open{animation:none}}.mc-banner{height:88px;overflow:hidden;background:hsl(var(--h) 40% 72%)}.mc-banner img{width:100%;height:100%;display:block}.mc-body{padding:0 var(--space-4) var(--space-4)}.mc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);margin-top:-40px}.mc-avatar{display:inline-flex;border-radius:50%;border:4px solid var(--surface);background:var(--surface)}.mc-actions{display:flex;gap:6px;padding-bottom:4px}.mc-name{margin:var(--space-2) 0 0;font-size:var(--text-lg);line-height:1.2;overflow-wrap:anywhere}.mc-handle{margin:2px 0 0;color:var(--muted);font-size:var(--text-sm);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.mc-bio{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}.mc-note{margin:var(--space-3) 0 0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-sm)}.mc-loading{display:grid;gap:6px;margin-top:var(--space-3)}.mc-loading .skeleton{aspect-ratio:auto;height:12px}.mc-loading .skeleton:last-child{width:60%}.mc-stats{display:flex;gap:var(--space-4);margin:var(--space-3) 0 0}.mc-stats dt{font-size:var(--text-xs);color:var(--muted)}.mc-stats dd{margin:0;font-weight:650;font-size:var(--text-sm)}.mc-view{display:flex;justify-content:center;width:100%;margin-top:var(--space-4)}.mc-error{padding-top:var(--space-4);color:var(--muted)}.field,.composer,.input-group{position:relative}.dropzone{display:grid;justify-items:center;gap:6px;padding:28px 20px;text-align:center;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}.dropzone:hover,.dropzone.over{border-color:var(--line);background:var(--brand-soft)}.dropzone:focus-within{outline:3px solid var(--focus);outline-offset:2px}.dropzone .icon{color:var(--brand-strong)}.dropzone-lg{padding:56px 24px;margin-bottom:var(--space-6)}.dropzone .progress{margin-top:8px}.picker-h{font-size:var(--text-md)}.picker-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));max-height:44vh;overflow-y:auto;padding:2px}.picker-item{aspect-ratio:1;border-radius:var(--radius-xs);overflow:hidden;border:2px solid transparent}.picker-item img{width:100%;height:100%;object-fit:cover}.picker-item[aria-selected=true]{border-color:var(--line);box-shadow:0 0 0 3px var(--brand)}.picker-item:hover{border-color:var(--border-strong)}.panel{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);min-width:0}fieldset.panel{margin:0}.panel-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;padding:0}legend.panel-title{float:left;width:100%;margin-bottom:var(--space-1)}legend.panel-title+*{clear:both}.input-lg{font-size:var(--text-lg);min-height:52px;font-weight:600}.select-sm{min-height:36px;padding:4px 34px 4px 10px;font-size:var(--text-sm)}.code-input{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.12em}.danger-zone{border-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.danger-zone{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}}.danger-zone .panel-title{color:var(--danger)}.save-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 calc(var(--gutter) * -1);padding:12px var(--gutter);padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}@supports (color: color-mix(in lab,red,red)){.save-bar{background:color-mix(in srgb,var(--bg) 92%,transparent)}}.save-bar>:first-child:not(.btn){margin-right:auto}@media(max-width:767px){.save-bar{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:12px}}.welcome-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--brand-soft);color:var(--text)}.welcome-note .icon{color:var(--brand-strong);margin-top:3px}.editor-split{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.editor-preview{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto}.preview-label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.preview-frame{pointer-events:none}.preview-sheet .char-name{font-size:clamp(2rem,1.4rem + 2vw,3rem)}.preview-sheet .char-body{grid-template-columns:1fr}.editor-mode{display:none}@media(max-width:1023px){.editor-mode{display:inline-flex}.editor-split{grid-template-columns:1fr}.editor-split[data-mode=edit] .editor-preview{display:none}.editor-split[data-mode=preview] .editor-form>:not(.save-bar){display:none}.editor-preview{position:static;max-height:none}}.portrait-field{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.portrait-thumb{width:120px;aspect-ratio:3 / 4;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--faint);overflow:hidden;flex:none}.portrait-thumb.round-sq{width:96px;aspect-ratio:1;border-radius:var(--radius-sm)}.portrait-thumb img{width:100%;height:100%;object-fit:cover}.banner-field{display:grid;gap:10px}.banner-preview{aspect-ratio:4 / 1;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--muted);overflow:hidden;font-size:var(--text-sm)}.banner-preview span{display:inline-flex;gap:6px;align-items:center}.banner-preview img{width:100%;height:100%;object-fit:cover}.pal-rows{display:grid;gap:8px;list-style:none;padding:0}.pal-row{display:grid;grid-template-columns:44px 104px 1fr auto auto;gap:8px;align-items:center}.pal-row input[type=color]{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:none;cursor:pointer}.pal-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.pal-row input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.pal-hex{font-family:var(--font-mono);text-transform:uppercase}.sec-item .pal-row{grid-template-columns:44px 1fr auto}@media(max-width:480px){.pal-row{grid-template-columns:44px 1fr auto}.pal-row .pal-hex{grid-column:2}.pal-row [data-up]{display:none}}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:text}.tag-input:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus)}@supports (color: color-mix(in lab,red,red)){.tag-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 30%,transparent)}}.tag-chips{display:contents;list-style:none}.tag-removable{padding-right:4px}.tag-removable button{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--muted)}.tag-removable button:hover{background:var(--surface-3);color:var(--text)}.tag-entry{flex:1;min-width:120px;border:0;background:none;padding:6px}.tag-entry:focus{outline:none}.credit-input{border:0;padding:0;margin:0;display:grid;gap:10px}.sec-editor{display:grid;gap:8px;list-style:none;padding:0}.sec-item{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);transition:border-color var(--dur-1),box-shadow var(--dur-1)}.sec-item.open{border-color:var(--line)}.sec-item.dragging{opacity:.5;box-shadow:0 0 0 2px var(--brand)}.sec-item-head{display:flex;align-items:center;gap:4px;padding:4px}.drag-handle{display:grid;place-items:center;width:28px;height:40px;color:var(--faint);cursor:grab;border-radius:var(--radius-xs)}.drag-handle:hover{background:var(--surface-2);color:var(--text)}@media(pointer:coarse){.drag-handle{display:none}}.sec-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px;text-align:left;border-radius:var(--radius-xs)}.sec-toggle:hover{background:var(--surface-2)}.sec-toggle>.icon:first-child{color:var(--brand-strong)}.sec-toggle-text{flex:1;min-width:0;display:grid;line-height:1.3}.sec-toggle-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec-tools{display:flex}.sec-item-body{display:grid;gap:var(--space-3);padding:14px 14px 16px;border-top:1px dashed var(--border-strong)}.pair-list{display:grid;gap:8px}.pair-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:8px}.img-field{display:flex;align-items:center;gap:14px}.img-field img,.img-field-empty{width:96px;height:96px;object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border);display:grid;place-items:center;background:var(--surface-2);color:var(--faint)}.gal-edit{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));list-style:none;padding:0}.gal-edit li{position:relative;aspect-ratio:1}.gal-edit img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xs)}.gal-edit .btn{position:absolute;top:4px;right:4px;--btn-bg: var(--surface);width:28px;min-height:28px}.sec-add{display:grid;gap:8px;margin-top:var(--space-4)}.sec-add-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.sec-add-btn{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;text-align:left;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);background:var(--surface)}.sec-add-btn:hover{border-style:solid;border-color:var(--line)}.sec-add-btn .icon{color:var(--brand-strong);margin-top:2px}.sec-add-btn>span{display:grid;line-height:1.3}.sec-add-btn>span>span{font-size:var(--text-xs);color:var(--muted)}.upload-list{display:grid;gap:var(--space-3);list-style:none;padding:0;margin-top:var(--space-3)}.upload-item{position:relative;display:grid;grid-template-columns:132px 1fr;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface)}.upload-thumb{position:relative;align-self:start;display:grid;gap:6px}.upload-thumb img{width:132px;height:132px;object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-2)}.upload-err{position:absolute;top:6px;left:6px;color:var(--danger);background:var(--surface);border-radius:50%;display:grid;place-items:center;width:28px;height:28px}.upload-fields{display:grid;gap:var(--space-3);min-width:0;padding-right:36px}.upload-fields .field+.field{margin-top:0}.upload-remove{position:absolute;top:10px;right:10px}@media(max-width:560px){.upload-item{grid-template-columns:1fr}.upload-thumb img{width:100%;height:auto;aspect-ratio:4 / 3}}.section-title{font-size:var(--text-xl);display:flex;align-items:baseline;gap:8px}.edit-art-grid{display:grid;gap:var(--space-5);grid-template-columns:240px 1fr}.edit-art-image{display:grid;gap:10px;align-content:start}.edit-art-image img{border-radius:var(--radius-xs);border:1px solid var(--line)}@media(max-width:640px){.edit-art-grid{grid-template-columns:1fr}}.cropper{display:grid;gap:var(--space-3)}.crop-shapes{border:0;margin:0;justify-self:start}.crop-wrap{display:grid;justify-items:center;padding:14px;overflow:hidden;border-radius:var(--radius-xs);background:#0e0d1494;touch-action:none}.crop-stage{position:relative;width:min(100%,calc(56dvh * var(--ar)));aspect-ratio:var(--ar);touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface-3) 0 50%) 0 0 / 20px 20px}.crop-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}.crop-box{position:absolute;cursor:move;outline:2px solid #fff;box-shadow:0 0 0 1px #00000080,0 0 0 100vmax #0e0d1494;background:linear-gradient(to right,transparent calc(33.33% - .5px),rgb(255 255 255 / .45) calc(33.33% - .5px) calc(33.33% + .5px),transparent calc(33.33% + .5px) calc(66.66% - .5px),rgb(255 255 255 / .45) calc(66.66% - .5px) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgb(255 255 255 / .45) calc(33.33% - .5px) calc(33.33% + .5px),transparent calc(33.33% + .5px) calc(66.66% - .5px),rgb(255 255 255 / .45) calc(66.66% - .5px) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.crop-box:focus-visible{outline:3px solid var(--focus);outline-offset:0}.crop-handle{position:absolute;width:22px;height:22px;margin:-11px;touch-action:none}.crop-handle:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:2px;box-shadow:0 0 0 1px #0000008c}.h-nw{left:0;top:0;cursor:nwse-resize}.h-se{left:100%;top:100%;cursor:nwse-resize}.h-ne{left:100%;top:0;cursor:nesw-resize}.h-sw{left:0;top:100%;cursor:nesw-resize}.h-n{left:50%;top:0;cursor:ns-resize}.h-s{left:50%;top:100%;cursor:ns-resize}.h-w{left:0;top:50%;cursor:ew-resize}.h-e{left:100%;top:50%;cursor:ew-resize}.h-n:after,.h-s:after{inset:8px 3px}.h-w:after,.h-e:after{inset:3px 8px}.crop-box.locked :is(.h-n,.h-s,.h-w,.h-e){display:none}@media(pointer:coarse){.crop-handle{width:36px;height:36px;margin:-18px}.crop-handle:after{inset:12px}}.crop-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.crop-zoom{display:flex;align-items:center;gap:10px;flex:1 1 220px}.crop-zoom input{flex:1;accent-color:var(--brand-strong)}.crop-readout{margin:0;font-variant-numeric:tabular-nums}.crop-readout.warn{color:var(--danger)}.studio{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.studio-preview{position:sticky;top:16px}.studio-frame{padding:var(--space-5);border-radius:var(--radius-xs);border:1px dashed var(--border-strong);background:var(--bg);color:var(--text)}.studio-frame .sheet{display:grid;gap:var(--space-4)}.preview-panel{padding:14px;border-radius:var(--radius-page, 8px);background:var(--surface-2);border:1px solid var(--border)}@media(max-width:1023px){.studio{grid-template-columns:1fr}.studio-preview{position:static;order:-1}}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preset{display:grid;gap:8px;padding:10px;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:var(--font-page)}.preset:hover{border-color:var(--line)}.preset-swatch{display:flex;height:26px;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.preset-swatch span{flex:1}.preset-name{font-size:var(--text-sm);font-weight:650}.color-fields{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-field+.color-field{margin-top:0}.color-input{display:flex;gap:8px}.color-input input[type=color]{width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:none;cursor:pointer;flex:none}.contrast-list{display:grid;gap:6px;list-style:none;padding:0}.contrast-list li{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);flex-wrap:wrap}.contrast-list .pass{color:var(--brand-strong)}.contrast-list .fail{color:var(--danger)}.contrast-list .btn{margin-left:auto}.my-presets{display:grid;gap:4px;list-style:none;padding:0}.my-preset{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}.my-preset .preset-swatch{width:60px;height:22px}.themed{background:var(--bg);color:var(--text);font-family:var(--font-page);min-height:100dvh}.themed h1,.themed h2,.themed h3,.themed .char-name,.themed .profile-name,.themed .hero-sheet-name{font-family:var(--font-page)}.themed .sheet,.themed .char-card,.themed .world-card,.themed .entry-card,.themed .panel{border-radius:var(--radius-page)}.themed .sheet:before,.themed .sheet:after{display:none}.themed .btn{border-radius:var(--radius-page)}.landing-hero{display:grid;gap:clamp(28px,4vw,64px);align-items:center;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);max-width:1320px;margin:0 auto;padding:clamp(24px,5vw,64px) var(--gutter) var(--space-7)}.hero-copy{display:grid;gap:var(--space-4);align-content:center}.hero-title{font-size:var(--text-hero);line-height:1.02;letter-spacing:-.03em;font-weight:800;max-width:15ch}.hero-lede{font-size:var(--text-lg);color:var(--muted);max-width:46ch}.hero-actions{margin-top:var(--space-2)}.hero-sheet{display:grid;gap:var(--space-4);margin:0}.hero-sheet-name{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,1.6rem + 4vw,5rem);line-height:.95;letter-spacing:-.035em}.hero-sheet-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}.hero-plate{position:relative;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2)}.hero-plate img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-xs)}.hero-spec{display:grid;gap:var(--space-4)}.hero-spec .swatches{grid-template-columns:1fr}.callout{position:absolute;max-width:180px;padding:6px 10px;font-size:var(--text-xs);line-height:1.35;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xs)}.callout-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.66rem}.callout:before{content:"";position:absolute;top:50%;width:34px;border-top:1px solid var(--line)}.callout:after{content:"";position:absolute;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:var(--line)}.callout-1{top:12%;right:-18px;transform:translate(50%)}.callout-1:before{right:100%}.callout-1:after{right:calc(100% + 31px)}.callout-2{bottom:14%;left:-18px;transform:translate(-50%)}.callout-2:before{left:100%}.callout-2:after{left:calc(100% + 31px)}.leaders .callout-row{display:none}@media(max-width:1200px){.callout{max-width:46%}.callout:before,.callout:after{display:none}.callout-1{top:10px;right:10px;transform:none}.callout-2{bottom:10px;left:10px;transform:none}}@media(max-width:560px){.callout{display:none}.leaders .callout-row{display:flex}}@media(max-width:1023px){.landing-hero{grid-template-columns:1fr}.hero-copy{order:-1}.hero-title{max-width:16ch}}@media(max-width:767px){.landing-hero{padding-top:20px;gap:24px}.hero-title{font-size:2.1rem}.hero-lede{font-size:var(--text-md)}.hero-actions .btn-lg{min-height:46px;padding:0 16px;font-size:var(--text-sm)}}@media(max-width:560px){.hero-sheet-grid{grid-template-columns:1fr}.hero-spec .swatches{grid-template-columns:repeat(2,1fr)}}.landing-band{max-width:var(--content);margin:0 auto;padding:var(--space-7) var(--gutter);display:grid;gap:var(--space-5);border-top:1px solid var(--border)}.band-copy{max-width:60ch;display:grid;gap:8px}.band-copy h2{font-size:var(--text-2xl)}.landing-close{max-width:calc(var(--content) - 2 * var(--gutter));margin:var(--space-6) auto var(--space-8);display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center}.landing-close h2{font-size:var(--text-2xl)}@media(max-width:767px){.landing-close{grid-template-columns:1fr;margin-inline:var(--gutter);justify-items:start}.landing-close img{width:64px;height:64px}}.home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.home-head p{margin-top:4px}.quick-create{display:flex;gap:8px;flex-wrap:wrap}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:start}.home-layout-single{grid-template-columns:minmax(0,1fr)}@media(max-width:1023px){.home-layout{grid-template-columns:1fr}}.home-head+.section{margin-top:0}.section-head+.muted{margin:calc(var(--space-3) * -1) 0 var(--space-3)}.creator-list-wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.feed{display:grid;gap:var(--space-5);list-style:none;padding:0}.feed-item{display:grid;gap:10px;padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.feed-by{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-sm)}.feed-by a{font-weight:700;color:var(--text)}.feed-art .art-tile-wrap{max-width:520px}.feed-art .art-tile img{max-height:560px}.feed-char{max-width:240px}.profile-sheet,.world-sheet{padding:0;overflow:visible}.profile-banner{aspect-ratio:4 / 1;max-height:300px;width:100%;overflow:hidden;border-bottom:1px solid var(--line);border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--surface-2)}.profile-banner img{width:100%;height:100%;object-fit:cover}.profile-title{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:start;padding:clamp(16px,3vw,32px)}.profile-avatar .avatar,.world-avatar img,.world-avatar .avatar{width:120px;height:120px;border-radius:var(--radius-sm);border:1px solid var(--line);object-fit:cover}.world-avatar{width:120px;height:120px;border-radius:var(--radius-sm);overflow:hidden}.profile-id{min-width:0;display:grid;gap:6px}.profile-name{font-size:clamp(2rem,1.4rem + 2.2vw,3rem);font-weight:800;letter-spacing:-.03em}.profile-handle{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted)}.profile-bio{margin-top:6px}.profile-links{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0;font-size:var(--text-sm)}.profile-links a{display:inline-flex;align-items:center;gap:4px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums}.profile-meta a{color:inherit;text-decoration:none}.profile-meta a:hover{color:var(--text);text-decoration:underline}.profile-stats{display:flex;flex-wrap:wrap;border-top:1px solid var(--line)}.profile-stats>div{flex:1 1 110px;padding:12px clamp(16px,2vw,24px);border-right:1px solid var(--border)}.profile-stats>div:last-child{border-right:0}.profile-stats dt{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.profile-stats dd{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.profile-stats dd a{color:var(--text);text-decoration:none}.profile-stats dd a:hover{text-decoration:underline}.profile-stats dd.small{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding-top:6px}@media(max-width:767px){.profile-title{grid-template-columns:auto 1fr}.profile-actions{grid-column:1 / -1;justify-content:flex-start}.profile-avatar .avatar,.world-avatar,.world-avatar img{width:84px;height:84px}.profile-stats>div{flex-basis:33%;border-bottom:1px solid var(--border)}}.arrange .arrange-item{list-style:none;cursor:grab;border-radius:var(--radius-xs)}.arrange .arrange-item:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.arrange .arrange-item.dragging{opacity:.4}.arrange .char-card{pointer-events:none}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;padding:0;margin-bottom:var(--space-4);font-size:var(--text-sm)}.crumbs li+li:before{content:"/";margin-right:6px;color:var(--faint)}.crumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline}.crumbs [aria-current]{color:var(--text);font-weight:600}.char-sheet{display:grid;gap:var(--space-5)}.char-name{font-family:var(--font-display);font-size:var(--text-name);font-weight:800;line-height:.95;letter-spacing:-.035em}.char-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted)}.char-tagline{font-size:var(--text-lg);max-width:60ch}.char-actions{margin-top:4px}.char-body{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.char-plate{position:relative;margin:0;display:grid;gap:8px}.char-plate .plate-btn,.char-plate>img{border:1px solid var(--line);border-radius:var(--radius-xs);overflow:hidden;background:var(--surface-2)}.char-plate img{width:100%;max-height:78vh;object-fit:contain}.plate-empty{display:grid;justify-items:center;gap:10px;padding:64px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);color:var(--muted);text-align:center}.char-spec{display:grid;gap:var(--space-5)}.spec-block{display:grid;gap:10px}.spec-h{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}.world-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.world-chips a{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text);text-decoration:none}.world-chips a:hover{border-color:var(--line)}@media(max-width:860px){.char-body{grid-template-columns:1fr}}.char-sections{display:grid;gap:var(--space-5)}.sheet-hint{display:flex;gap:10px;align-items:center;padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);color:var(--muted)}.sec{display:grid;gap:10px;margin:0}.sec-h{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;display:flex;align-items:center;gap:12px}.sec-h:after{content:"";flex:1;border-top:1px solid var(--line)}.traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.traits-h{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--muted);margin-bottom:8px}.trait-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.trait-list li{padding:4px 12px;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--text);font-size:var(--text-sm)}.trait-list-neg li{background:var(--surface-2)}.sec-image img{width:100%;border-radius:var(--radius-xs);border:1px solid var(--line)}.sec-image-frame{position:relative;overflow:hidden;border-radius:var(--radius-xs)}.sec-image-locked{display:grid;place-items:center;min-height:220px;width:100%;border:1px dashed var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-2)}.sec-image figcaption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--muted)}.mini-gallery{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));list-style:none;padding:0}.mini-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xs)}.sec-quote blockquote{font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:600;line-height:1.3;padding-left:var(--space-4);border-left:1px solid var(--line);white-space:pre-wrap}.sec-quote figcaption{color:var(--muted);padding-left:var(--space-4)}.sec-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.sec-divider:before,.sec-divider:after{content:"";flex:1;border-top:1px dashed var(--border-strong)}.sec-divider:not(:has(span)):after{display:none}.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-5);align-items:start}.art-stage{position:relative;margin:0;display:grid;gap:10px}.art-stage-img{display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-xs);overflow:hidden}.art-stage-img img{max-height:calc(100dvh - 160px);width:auto;max-width:100%;object-fit:contain}.art-nav{display:flex;justify-content:space-between;align-items:center}@media(pointer:coarse){.art-nav .xs{visibility:hidden}}.art-info{display:grid;gap:var(--space-4);position:sticky;top:16px}.art-title{font-size:var(--text-2xl);line-height:1.1}.art-credit{font-weight:600}.art-owner{display:flex;gap:10px;align-items:center;font-size:var(--text-sm)}.featuring{display:grid;gap:6px;list-style:none;padding:0}.featuring a{display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.featuring a:hover{background:var(--surface-2)}.featuring img,.feat-blank{width:40px;height:40px;border-radius:var(--radius-xs);object-fit:cover;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);flex:none}.featuring a>span{display:grid;line-height:1.25}.art-comments{max-width:760px}@media(max-width:1023px){.art-layout{grid-template-columns:1fr}.art-info{position:static}}.reader-sheet{display:grid;gap:var(--space-5);padding:clamp(20px,5vw,56px)}.reader-head{display:grid;gap:12px;padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.reader-char{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:4px 12px 4px 4px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text);text-decoration:none}.reader-char img{border-radius:50%;object-fit:cover}.reader-title{font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.05}.reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:var(--text-sm)}.reader-body{max-width:66ch}.reader-foot{padding-top:var(--space-4);border-top:1px dashed var(--border-strong)}.writer-body{min-height:50vh;font-size:var(--text-lg);line-height:1.7}.world-tagline{font-size:var(--text-lg)}.world-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-5);margin-top:var(--space-5);align-items:start}.world-about{display:grid;gap:var(--space-5)}.world-side{display:grid;gap:var(--space-4)}@media(max-width:1023px){.world-layout{grid-template-columns:1fr}}.requests{margin-top:var(--space-5);display:grid;gap:var(--space-3);border-color:var(--brand-strong);background:var(--brand-soft)}.requests h2{display:flex;align-items:center;gap:8px;font-size:var(--text-lg)}.pending-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--space-3)}.check-list{display:grid;gap:6px;border:0;padding:0;margin:0;max-height:50vh;overflow-y:auto}.check-card{align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm)}.check-card:has(input:checked){border-color:var(--line);background:var(--brand-soft)}.check-card img{border-radius:var(--radius-xs);object-fit:cover}.check-card>span{display:grid}.msg-page{padding-bottom:var(--space-5)}.msg-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--space-4);height:calc(100dvh - 2 * var(--space-6));min-height:480px}.msg-list,.msg-thread{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.msg-list-head{padding:16px 18px;border-bottom:1px solid var(--line)}.msg-list-head h1{font-size:var(--text-xl)}.msg-list>div{overflow-y:auto;flex:1}.conv-list{list-style:none;padding:6px;display:grid;gap:2px}.conv{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.conv:hover{background:var(--surface-2);text-decoration:none}.conv[aria-current=page]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.conv-text{flex:1;min-width:0;display:grid}.conv-top{display:flex;justify-content:space-between;gap:8px}.conv-preview{font-size:var(--text-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.unread .conv-preview{color:var(--text);font-weight:600}.conv-empty{padding:18px}.msg-thread .empty{margin:auto;border:0}.thread-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.thread-back{display:none}.thread-who{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--text);text-decoration:none}.thread-who>span{display:grid;line-height:1.25}.thread-scroll{flex:1;overflow-y:auto;padding:16px;overscroll-behavior:contain}.thread-scroll:focus-visible{outline-offset:-3px}.bubbles{display:grid;gap:4px;list-style:none;padding:0}.bubble{display:grid;gap:2px;max-width:min(78%,560px)}.bubble.mine{justify-self:end;justify-items:end}.bubble-body{padding:9px 14px;border-radius:var(--radius-lg);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.bubble.theirs .bubble-body{background:var(--surface-2);border-bottom-left-radius:min(4px,var(--radius-lg))}.bubble.mine .bubble-body{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:min(4px,var(--radius-lg))}.bubble.mine .bubble-body a{color:inherit}.bubble.sending .bubble-body{opacity:.6}.bubble.failed .bubble-body{background:var(--danger-soft);color:var(--danger)}.bubble-meta{color:var(--faint);padding:0 6px}.bubble-day{justify-self:center;margin:12px 0 6px;font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono)}.seen{justify-self:end;padding-right:6px}.thread-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 4px;border-top:1px solid var(--line)}.thread-compose .textarea{min-height:44px;max-height:200px;resize:none;border-radius:var(--radius-lg);padding:10px 16px}.compose-hint{padding:0 16px 10px}@media(pointer:coarse){.compose-hint{display:none}}.thread-blocked{padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);display:flex;gap:8px;align-items:center}@media(max-width:767px){.msg-page{padding:0}.msg-layout{grid-template-columns:1fr;height:calc(100dvh - var(--topbar) - var(--tabbar) - env(safe-area-inset-bottom));gap:0;min-height:0}.msg-list,.msg-thread{border-radius:0;border-left:0;border-right:0}.msg-list:before,.msg-list:after,.msg-thread:before,.msg-thread:after{display:none}.msg-layout.has-thread .msg-list{display:none}.msg-layout:not(.has-thread) .msg-thread{display:none}.thread-back{display:inline-flex}}.notif-list{list-style:none;padding:0;display:grid;gap:2px}.notif-day h2{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:18px 4px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.notif-link{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.notif-link:hover{background:var(--surface);text-decoration:none}.notif.unread .notif-link{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}.notif-avatars{display:flex;flex:none}.notif-avatars .avatar+.avatar{margin-left:-14px;box-shadow:0 0 0 2px var(--bg)}.notif-text{flex:1;min-width:0;display:grid;gap:3px}.notif-line{display:flex;gap:6px;align-items:flex-start}.notif-line .icon{margin-top:4px;color:var(--brand-strong)}.notif-quote{font-size:var(--text-sm);color:var(--muted);padding-left:10px;border-left:1px solid var(--border-strong);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.unread-label{color:var(--brand-strong);font-weight:700}.notif-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-xs);flex:none}.new-banner{position:sticky;top:12px;z-index:10;display:flex;justify-content:center;margin-bottom:12px}.settings-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-6);align-items:start}.settings-nav{position:sticky;top:16px}.settings-nav ul{list-style:none;padding:0;display:grid;gap:2px}.settings-nav a,.settings-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;text-decoration:none;text-align:left}.settings-nav a:hover,.settings-nav button:hover{background:var(--surface);color:var(--text)}.settings-nav a[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.settings-nav a[aria-current=page] .icon{color:var(--brand-strong)}.settings-panel{display:grid;gap:var(--space-5);min-width:0}.settings-h{font-size:var(--text-2xl)}@media(max-width:860px){.settings-layout{grid-template-columns:1fr;gap:var(--space-4)}.settings-nav{position:static;overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);scrollbar-width:none}.settings-nav ul{display:flex;width:max-content}.settings-nav a,.settings-nav button{white-space:nowrap}}.pref-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-panel{container-type:inline-size}@container (min-width: 640px){.pref-options{grid-template-columns:repeat(4,minmax(0,1fr))}}.pref-option{display:grid;gap:2px;align-content:start;padding:12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}.pref-option:hover{background:var(--surface-2)}.pref-option:has(input:checked){border-color:var(--line);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--line)}.pref-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.corner-demo{display:grid;gap:6px;margin-bottom:8px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg)}.cd-art{height:40px;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--brand),var(--brand))}@supports (color: color-mix(in lab,red,red)){.cd-art{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 40%,var(--surface-3)))}}.cd-line{height:8px;width:70%;border-radius:var(--radius-pill);background:var(--surface-3)}.cd-row{display:flex;gap:6px}.cd-chip{height:16px;width:34px;border-radius:var(--radius-pill);border:1px solid var(--border-strong)}.cd-btn{height:16px;flex:1;border-radius:var(--radius);background:var(--accent)}.font-demo{margin-bottom:6px;font-family:var(--font-display);font-size:2.5rem;font-weight:750;line-height:1.1;letter-spacing:-.015em}.link-rows{display:grid;gap:8px;list-style:none;padding:0}.link-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;gap:8px}@media(max-width:560px){.link-row{grid-template-columns:1fr auto}.link-row input:first-child{grid-column:1 / -1}}.session-list{display:grid;list-style:none;padding:0}.session-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.session-list li:last-child{border-bottom:0}.session-list .grow>span{display:block}.qr{width:200px;padding:10px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--line)}.qr svg{width:100%;height:auto}.steps{padding-left:20px;display:grid;gap:4px}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;padding:16px 16px 16px 36px;background:var(--surface-2);border-radius:var(--radius-sm);font-family:var(--font-mono)}.auth-wrap{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:var(--space-7);align-items:center;max-width:1040px;margin:0 auto;min-height:calc(100dvh - 2 * var(--space-6))}.auth-card{display:grid;gap:var(--space-4)}.auth-card h1{font-size:var(--text-3xl)}.auth-form{gap:var(--space-4)}.auth-form .field+.field{margin-top:0}.auth-switch{padding-top:var(--space-3);border-top:1px dashed var(--border-strong)}.auth-side{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.auth-side-line{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;max-width:16ch;line-height:1.15}.hint.ok{color:var(--brand-strong)}.mfa-intro{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);background:var(--brand-soft)}.mfa-intro .icon{color:var(--brand-strong)}@media(max-width:860px){.auth-wrap{grid-template-columns:1fr;min-height:0}.auth-side{display:none}}.search-form{display:flex;gap:8px;max-width:760px}.search-form .input-group{flex:1}.staff-filters{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-4)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--surface);border:1px solid var(--line)}.data-table th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr.is-suspended td{background:var(--danger-soft)}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>span{display:grid;line-height:1.3}@media(max-width:860px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block}.data-table tr{padding:10px 0;border-bottom:1px solid var(--line)}.data-table td{border:0;padding:4px 12px}}.invite-form .input{min-width:220px}.invite-result{margin-top:var(--space-3);padding:16px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--brand-soft);display:grid;gap:10px}.invite-code{font-size:var(--text-xl)}.log-list{list-style:none;padding:0;display:grid}.log-item{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--border)}.error-page{padding-top:var(--space-8)}.error-sheet{display:grid;gap:var(--space-4);justify-items:start}.error-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);padding:2px 8px;border:1px solid var(--line);border-radius:4px}.forgot-link{justify-self:center}.sent-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--radius-sm);background:var(--brand-soft)}.sent-note .icon{color:var(--brand-strong);margin-top:2px}.privacy h2{font-size:var(--text-xl)}.privacy-table caption{text-align:left;font-weight:650;padding-bottom:8px}.privacy-table code{font-family:var(--font-mono);font-size:var(--text-xs)}.plain-list{display:grid;gap:8px;padding-left:20px}.rule-levels{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.rule-level{padding:var(--space-4);border:1px solid var(--line);border-left:4px solid var(--level, var(--line));border-radius:var(--radius-sm);background:var(--surface)}.rule-level:nth-child(1){--level: var(--brand-strong)}.rule-level:nth-child(2){--level: var(--warn)}.rule-level:nth-child(3){--level: var(--danger)}.rule-level:nth-child(4){--level: var(--danger);background:var(--danger-soft);border-left-width:8px}.rule-level h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.rule-level dl{display:grid;gap:4px;margin:0}.rule-level dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:var(--space-2)}.rule-level dd{margin:0;line-height:1.55}.landing-links{display:flex;gap:16px;flex-wrap:wrap}.watermark-field{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.watermark-preview{display:grid;place-items:center;min-width:180px;height:96px;padding:10px;border-radius:var(--radius-xs);border:1px dashed var(--border-strong);background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface-3) 0 50%) 0 0 / 16px 16px}.watermark-preview img{max-height:76px;width:auto}.wm-text{font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000}.closed-species{margin-top:var(--space-3)}.species-credit{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.art-tile-linked img{width:100%;aspect-ratio:var(--ar);object-fit:cover}.linked-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);background:#14121cb8;color:#fff;font-size:var(--text-xs);font-weight:650}.linked-stage img{max-height:calc(100dvh - 160px);width:auto;max-width:100%;object-fit:contain}.linked-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted)}.link-panel{margin-bottom:var(--space-5)}.link-images{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:8px}.link-image{position:relative;border-radius:var(--radius-xs);overflow:hidden;border:2px solid transparent;cursor:pointer}.link-image input{position:absolute;opacity:0}.link-image img{width:100%;aspect-ratio:1;object-fit:cover}.link-image:has(input:checked){border-color:var(--line);box-shadow:0 0 0 3px var(--brand)}.link-image:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.direct-image summary{cursor:pointer;font-size:var(--text-sm);color:var(--link);font-weight:600}.direct-image .field{margin-top:10px}.wm-owner .cluster{gap:6px}.collection-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-12px 0 var(--space-4)}.chip-new{border-style:dashed}.art-tools{align-items:flex-start;margin-bottom:4px}.art-tools .filter-chips{margin-bottom:var(--space-4)}.bubble-atts{display:grid;gap:6px}.bubble.mine .bubble-atts{justify-items:end}.att-img{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);max-width:260px}.att-img img{width:100%;height:auto;max-height:280px;object-fit:cover}.att-file{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);text-decoration:none;max-width:280px}.att-file span{display:grid;min-width:0;line-height:1.3}.att-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-atts{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px;list-style:none}.pending-atts:empty{display:none}.pending-att{display:flex;align-items:center;gap:6px;max-width:260px;padding:2px 4px 2px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm)}.pending-att.failed{border-color:var(--danger);color:var(--danger)}.attach-btn{cursor:pointer;flex:none}.attach-btn:focus-within{outline:3px solid var(--focus);outline-offset:2px}.att-viewer{display:grid;gap:12px;padding:16px;justify-items:center}.att-viewer img{max-height:70vh;width:auto;border-radius:var(--radius-xs)}.sampler{position:relative;justify-self:center;max-width:100%;cursor:crosshair;border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--line)}.sampler img{max-height:55vh;width:auto}.sampler-dot{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #000;pointer-events:none}.sampler-preview{width:32px;height:32px}.tour-card{position:fixed;z-index:150;width:min(340px,calc(100vw - 32px));padding:16px;display:grid;gap:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-float)}.tour-card:focus{outline:none}.tour-card.tour-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-count{font-family:var(--font-mono);color:var(--muted)}.tour-title{font-size:var(--text-lg)}.tour-actions{justify-content:flex-end}.tour-lit{position:relative;z-index:120;outline:3px solid var(--brand-strong);outline-offset:6px;border-radius:var(--radius-xs)}@media(prefers-reduced-motion:no-preference){.tour-card{animation:dialog-in var(--dur-2) var(--ease)}}.lang-select{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-sm)}.lang-select select,.lang-select .cs-trigger{appearance:none;min-height:36px;padding:4px 26px 4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--text-sm);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 55%,calc(100% - 9px) 55%;background-size:4px 4px;background-repeat:no-repeat}.lang-select select:hover,.lang-select .cs-trigger:hover{border-color:var(--border-strong)}.sidebar-lang{padding:0 8px 4px}.sidebar-lang .lang-select,.sidebar-lang select,.sidebar-lang .cs-trigger{width:100%}@media(max-width:1199px){.sidebar-lang{display:none}}.landing-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;max-width:var(--content);margin:0 auto;padding:0 var(--gutter) var(--space-7);font-size:var(--text-sm)}.auth-lang{padding-top:var(--space-3);border-top:1px dashed var(--border-strong)}.settings-lang{margin-left:auto}.profile-showcase{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.picture-credits{display:flex;flex-wrap:wrap;gap:4px 14px}.wm-preview-wrap{position:relative}.wm-preview{position:absolute;right:8px;bottom:8px;display:none;font-weight:700;font-size:var(--text-sm);color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;opacity:.85}.wm-preview img{max-width:70px;max-height:40px;width:auto}.wm-preview-wrap.show-mark .wm-preview{display:block}.choice-cards.compact{gap:6px}.choice-cards.compact .choice-card{padding:10px 12px;gap:10px}.choice-cards.compact .choice-card strong{font-size:var(--text-sm)}.report-form fieldset{border:0;padding:0;margin:0}.report-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-urgent{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger)}.report-urgent[hidden]{display:none}.report-list{display:grid;gap:var(--space-3)}.report-card{display:grid;gap:8px;padding:var(--space-4);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.report-card.is-urgent{border-left-color:var(--danger)}.report-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.report-title{margin:0;font-size:var(--text-lg);overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.report-details{margin:0;padding:8px 12px;border-left:3px solid var(--border-strong);background:var(--surface-2);border-radius:var(--radius-xs);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm)}.report-snapshot summary{cursor:pointer;font-size:var(--text-sm);font-weight:600}.report-text{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);max-height:320px;overflow:auto}.report-transcript{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none;max-height:360px;overflow:auto;font-size:var(--text-sm)}.report-transcript li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;overflow-wrap:anywhere}@media(max-width:560px){.report-transcript li{grid-template-columns:1fr;gap:0}}.report-outcome{display:flex;gap:6px;align-items:flex-start;color:var(--muted)}.for-you .section-head h2{display:inline-flex;align-items:center;gap:8px}.for-you .section-head h2 .icon{color:var(--brand-strong)}.for-you-row{margin-top:var(--space-5)}.for-you-row .section-head{margin-bottom:var(--space-3)}.for-you-row h3{font-size:var(--text-md)}.for-you-nudge{display:flex;align-items:center;gap:8px;margin:0 0 var(--space-5);padding:10px 14px;border-radius:var(--radius);background:var(--surface-2);color:var(--muted)}.for-you-nudge .icon{flex:none;color:var(--brand-strong)}.for-you-switch{margin-bottom:var(--space-5)}.for-you-switch .chip-btn[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.for-you-switch .chip-btn:hover{text-decoration:none}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-font-weight: initial}}}