:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#140d08;--bg-elev:#1b120b;--surface:#221810;--surface-2:#2d2016;--border:#ecc88c24;--text:#f5ead9;--text-muted:#b9a68e;--gold:#e0b25c;--gold-strong:#f3c973;--gold-soft:#e0b25c24;--lacquer:#b8372d;--jade:#5fb59a;--lotus:#eba9bb;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--shadow-1:0 1px 2px #0006, 0 4px 14px #00000047;--shadow-2:0 10px 40px #00000080, 0 2px 8px #0006;--glow-gold:0 0 0 1px #e0b25c61, 0 0 28px #e0b25c42;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Noto Serif", "Source Serif 4", Georgia, "Times New Roman", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem);--fs-3xl:clamp(2rem, 1.5rem + 2.4vw, 2.875rem);--view-max:720px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--vvh:100vh;--svh:100vh;--vv-top:0px;--vv-safe:min(var(--vvh), var(--svh));--ease:cubic-bezier(.22, .61, .36, 1);--dur:.2s;--glass-edge:#fff0d747;--glass-fill:linear-gradient(145deg, #fff4e01a, #fff4e003 52%, #fff4e00d), #1e120a8f;--glass-fill-strong:linear-gradient(145deg, #fff4e014, #fff4e003 52%, #fff4e00a), #1e120acc;--glass-fill-solid:#20160ee6;--glass-ink:#f8f1e4;--glass-muted:#cfbea6;--glass-active:#f6e3b4;--glass-focus:#f2dca8;--z-toast:40}@supports (height:100dvh){:root{--vvh:100dvh;--svh:100svh}}@media (prefers-reduced-motion:reduce){:root{--dur:1ms}}*,:before,:after{box-sizing:border-box}*{margin:0}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--surface-2) transparent;accent-color:var(--gold)}body{min-height:100vh;background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;line-height:1.6}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(70% 46% at 50% -6%,#e0b25c29,#0000 72%),radial-gradient(60% 40% at 50% 108%,#b8372d1f,#0000 70%),radial-gradient(38% 30% at 94% 38%,#eba9bb0b,#0000 70%),radial-gradient(38% 30% at 4% 62%,#5fb59a09,#0000 70%)}body:after{background-image:repeating-linear-gradient(45deg,#e0b25c09 0 1px,#0000 1px 22px),repeating-linear-gradient(-45deg,#e0b25c09 0 1px,#0000 1px 22px);-webkit-mask-image:radial-gradient(90% 60% at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(90% 60% at 50% 0,#000 0%,#0000 78%)}img,picture,video,canvas{max-width:100%;display:block}svg{flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled,[aria-disabled=true]{cursor:not-allowed}a{touch-action:manipulation}textarea{resize:vertical}[hidden]{display:none!important}h1,h2,h3,h4{text-wrap:balance;font-weight:600;line-height:1.28}h1{font-family:var(--font-serif);font-size:var(--fs-2xl);letter-spacing:.005em}h2{font-family:var(--font-serif);font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{text-wrap:pretty}:where(p)+:where(p){margin-top:.75em}ul,ol{padding-left:1.25em}a{color:var(--gold);text-underline-offset:3px;transition:color var(--dur) var(--ease);text-decoration-thickness:1px}a:hover{color:var(--gold-strong)}strong,b{font-weight:650}small{font-size:var(--fs-sm)}code,kbd,samp{font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.92em}hr{border:0;border-top:1px solid var(--border)}::selection{color:#fff;background:#e0b25c61}:focus-visible{outline:2px solid var(--gold-strong);outline-offset:3px}:focus:not(:focus-visible),:where(main,section,div,h1,h2)[tabindex="-1"]:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.icon{vertical-align:middle;flex:none}.btn .icon:not(.icon--custom),.chip .icon:not(.icon--custom){width:1.25em;height:1.25em}.btn--sm .icon:not(.icon--custom){width:1.15em;height:1.15em}.icon-btn .icon:not(.icon--custom){width:22px;height:22px}.view{width:100%;max-width:var(--view-max);padding:var(--space-5) max(var(--space-4), var(--safe-left)) var(--space-6) max(var(--space-4), var(--safe-right));animation:view-in .36s var(--ease) backwards;margin-inline:auto}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.view__header{margin-bottom:var(--space-5)}.view__title{font-family:var(--font-serif);font-size:var(--fs-2xl);color:var(--text);font-weight:600}.view__lead{margin-top:var(--space-2);max-width:60ch;color:var(--text-muted);font-size:var(--fs-lg);line-height:1.55}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--fs-md);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform .12s var(--ease), filter var(--dur) var(--ease);border-radius:999px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);background:#382819;border-color:#ecc88c4d}.btn:active{transform:translateY(1px)scale(.985)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--gold{color:var(--gold-strong);background:#e0b25c24;border-color:#f6d4878c}.btn--gold:hover{color:var(--gold-strong);background:#e0b25c3d;border-color:#fadf9acc}.btn--ghost{color:var(--gold);background:0 0;border-color:#e0b25c66}.btn--ghost:hover{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-strong)}.btn--lg{min-height:56px;padding:0 var(--space-6);font-size:var(--fs-lg)}.btn--sm{min-height:40px;padding:0 var(--space-4);font-size:var(--fs-sm);position:relative}.btn--sm:after{content:"";position:absolute;inset:-2px}.btn--block{width:100%;display:flex}.icon-btn{width:var(--tap);height:var(--tap);color:var(--text);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .12s var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--gold-soft);color:var(--gold-strong)}.icon-btn:active{transform:scale(.92)}.icon-btn[aria-pressed=false]{color:var(--text-muted)}.icon-btn:disabled{opacity:.45;pointer-events:none}.card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface) 0%, var(--bg-elev) 100%);box-shadow:var(--shadow-1)}.card--glow{background:radial-gradient(110% 70% at 50% 0%, #e0b25c24, transparent 62%), linear-gradient(180deg, var(--surface) 0%, var(--bg-elev) 100%);box-shadow:var(--shadow-1), var(--glow-gold);border-color:#e0b25c57}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .12s var(--ease);border-radius:999px;font-weight:550;line-height:1.2;display:inline-flex}.chip:hover{color:var(--text);border-color:#e0b25c66}.chip:active{transform:scale(.97)}.chip.is-active,.chip[aria-pressed=true]{background:var(--gold-soft);color:var(--gold-strong);border-color:#e0b25cb3;box-shadow:0 0 18px #e0b25c1f}.segmented{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;max-width:100%;padding:3px;display:inline-flex}.segmented--block{width:100%;display:flex}.segmented>*{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);color:var(--text-muted);font-size:var(--fs-sm);text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:0 0;border:0;border-radius:999px;flex:1 1 0;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.segmented>:after{content:"";position:absolute;inset:-2px 0}.segmented>:hover{color:var(--text)}.segmented>.is-active,.segmented>[aria-pressed=true],.segmented>[aria-checked=true],.segmented>[aria-selected=true]{background:var(--surface-2);color:var(--gold-strong);box-shadow:inset 0 0 0 1px #e0b25c80,0 0 16px #e0b25c1f}.stack{gap:var(--gap,var(--space-4));flex-direction:column;display:flex}.stack--sm{--gap:var(--space-2)}.stack--lg{--gap:var(--space-5)}.row{align-items:center;gap:var(--gap,var(--space-3));flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--center{justify-content:center}.muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.badge{align-items:center;gap:var(--space-1);background:var(--gold-soft);color:var(--gold-strong);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;border:1px solid #e0b25c52;border-radius:999px;padding:2px 10px;font-weight:650;line-height:1.5;display:inline-flex}.badge--jade{color:var(--jade);background:#5fb59a24;border-color:#5fb59a66}.badge--lotus{color:var(--lotus);background:#eba9bb21;border-color:#eba9bb66}.badge--lacquer{color:#f0958a;background:#b8372d33;border-color:#e86e5f73}.stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.stat{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.stat__value{font-family:var(--font-serif);font-size:var(--fs-xl);color:var(--gold-strong);font-variant-numeric:tabular-nums;font-weight:650;line-height:1.3}.stat__label{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px;line-height:1.35}.field{flex-direction:column;gap:6px;display:flex}.field>label,.field__label{font-size:var(--fs-sm);color:var(--text);font-weight:600}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.input{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-md);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease);background:#00000047;border:1px solid #ecc88c3d;line-height:1.4}.input::placeholder{color:var(--text-muted);opacity:.7}.input:hover{border-color:#ecc88c66}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);background:#00000061;outline:none}.input:focus-visible{outline:none}.input:disabled{opacity:.55;cursor:not-allowed}textarea.input{min-height:96px;padding:var(--space-3) var(--space-4)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9a68e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}input[type=range]{width:100%;min-height:var(--tap);cursor:pointer;accent-color:var(--gold)}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--gold)}.notice{padding:var(--space-3) var(--space-4);border:1px solid #e0b25c47;border-left:3px solid var(--gold);border-radius:var(--radius-md);background:var(--gold-soft);color:var(--text);font-size:var(--fs-sm);line-height:1.55}.notice .icon{margin-right:var(--space-1);margin-top:-2px}.notice--warn{background:#b8372d29;border-color:#e86e5f66 #e86e5f66 #e86e5f66 #e5675a}.divider{height:1px;margin:var(--space-5) 0;background:linear-gradient(90deg,#0000,#ecc88c3d 20% 80%,#0000);border:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body:not(.is-fallback):before,body:not(.is-fallback):after{display:none}.stage{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}#scene{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;max-width:none;height:100%;display:block}body.is-fallback .stage{display:none}.boot{background:radial-gradient(70% 50% at 50% 36%, #e0b25c29, transparent 72%), radial-gradient(60% 40% at 50% 108%, #b8372d24, transparent 70%), var(--bg);z-index:60;padding:var(--safe-top) max(var(--space-4), var(--safe-right)) var(--safe-bottom) max(var(--space-4), var(--safe-left));transition:opacity calc(var(--dur) * 2.5) var(--ease), visibility 0s linear calc(var(--dur) * 2.5);grid-template-rows:minmax(min-content,1fr) auto;place-items:center;display:grid;position:fixed;inset:0}.boot.is-hidden{opacity:0;visibility:hidden;pointer-events:none}:root[data-panel-open] .boot{display:none}.boot__splash{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;max-width:320px;margin:auto;display:flex}.boot__lotus{filter:drop-shadow(0 0 22px #e0b25c61);width:92px;height:92px}@media (prefers-reduced-motion:no-preference){.boot__lotus{animation:3.4s ease-in-out infinite boot-breathe}}@keyframes boot-breathe{50%{filter:drop-shadow(0 0 30px #e0b25c8c);transform:scale(1.05)}}.boot__title{font-family:var(--font-serif);font-size:var(--fs-2xl);letter-spacing:.01em;color:var(--gold-strong);font-weight:650}@media (forced-colors:none){@supports ((-webkit-background-clip:text) or (background-clip:text)){.boot__title{background:linear-gradient(180deg, #fbe3a4 10%, var(--gold) 90%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}}.boot__tagline{margin-top:calc(var(--space-2) * -1);color:var(--text-muted);font-size:var(--fs-md)}.boot__bar{width:min(220px,60vw);height:3px;margin-top:var(--space-4);background:#ecc88c24;border-radius:999px;overflow:hidden}.boot__fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-strong));width:100%;height:100%;transform:scaleX(var(--boot-p,.06));transform-origin:0;transition:transform calc(var(--dur) * 2) var(--ease);display:block;box-shadow:0 0 12px #e0b25c99}.boot__status{min-height:1.5em;color:var(--text-muted);font-size:var(--fs-sm)}.boot__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.boot__actions:empty{display:none}.boot__btn{min-height:var(--tap);padding:0 var(--space-5);border:1px solid var(--glass-edge);color:var(--glass-active);font-size:var(--fs-sm);border-radius:999px;font-weight:600}.boot__btn:hover{background:var(--gold-soft)}.boot__retry{min-height:var(--tap);padding:0 var(--space-3);color:var(--text-muted);font-size:var(--fs-sm);text-underline-offset:3px;visibility:hidden;-webkit-text-decoration:underline #ecc88c66;text-decoration:underline #ecc88c66;animation:10ms linear 15s forwards boot-late}.boot__retry.is-visible{visibility:visible;animation:none}.boot__retry:hover{color:var(--gold-strong)}@keyframes boot-late{to{visibility:visible}}@media (prefers-reduced-motion:reduce){.boot__retry:not(.is-visible){animation:10ms linear 15s forwards boot-late!important}}.boot__about{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.6}@media (scripting:none){.boot{overflow-y:auto}.boot__bar,#bootStatus{display:none}}.site-links{justify-content:center;gap:0 var(--space-4);font-size:var(--fs-xs);text-align:center;flex-wrap:wrap;line-height:1.5;display:flex}.site-links a{color:var(--text-muted);padding:6px 0;text-decoration-color:#ecc88c4d}.site-links a:hover,.site-links a:focus-visible{color:var(--gold-strong);text-decoration-color:currentColor}.boot__links{max-width:100%;padding:var(--space-2) 0 var(--space-3)}.fallback-links{right:max(var(--space-4), var(--safe-right));bottom:0;left:max(var(--space-4), var(--safe-left));z-index:6;padding-bottom:var(--safe-bottom);background:linear-gradient(to top, var(--bg) 70%, transparent);display:none;position:fixed}body.is-fallback .fallback-links{display:flex}:root[data-panel-open] .fallback-links{visibility:hidden}.fallback{z-index:5;padding:calc(var(--safe-top) + var(--space-7)) max(var(--space-4), var(--safe-right)) calc(var(--safe-bottom) + var(--space-8) + var(--space-3)) max(var(--space-4), var(--safe-left));outline:none;display:flex;position:fixed;inset:0;overflow-y:auto}.fallback__tools{top:calc(var(--safe-top) + var(--space-3));right:max(var(--space-3), var(--safe-right));z-index:6;gap:var(--space-2);display:flex;position:fixed}.fallback__inner{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;width:min(100%,420px);margin:auto;display:flex}.fallback__lotus{filter:drop-shadow(0 0 18px #e0b25c52);width:76px;height:76px}.fallback__title{font-family:var(--font-serif);font-size:var(--fs-xl);color:var(--gold-strong);font-weight:650}.fallback__msg{max-width:34ch;color:var(--text-muted);text-wrap:balance;line-height:1.6}.fallback__actions{gap:var(--space-3);width:100%;margin-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fallback__tile{justify-content:center;align-items:center;gap:var(--space-2);min-height:92px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);color:var(--text);font-size:var(--fs-md);text-align:center;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex-direction:column;font-weight:600;line-height:1.25;display:flex}.fallback__tile .icon{width:28px;height:28px;color:var(--gold-strong)}.fallback__tile:hover{background:var(--surface-2);border-color:#e0b25c73}.fallback__tile:active{transform:scale(.97)}.fallback__retry{margin-top:var(--space-2)}.fallback__retry+.fallback__feedback{margin-top:calc(var(--space-2) * -1)}.toast{top:calc(max(14px, var(--safe-top)) + 124px);z-index:var(--z-toast);width:max-content;max-width:min(92vw,420px);padding:10px var(--space-5);border:1px solid var(--glass-edge);background:var(--glass-fill-solid);box-shadow:var(--shadow-2);color:var(--glass-ink);font-size:var(--fs-sm);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:24px;font-weight:500;line-height:1.4;position:fixed;left:50%;transform:translate(-50%,-10px)}.toast:empty{display:none}@media (min-width:1340px) and (min-height:521px){.toast{top:max(22px, var(--safe-top))}}body.is-fallback .toast{top:calc(var(--safe-top) + 24px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.is-prompt{align-items:center;gap:var(--space-2);padding-right:var(--space-2);pointer-events:auto;display:flex}.toast__btn{min-height:var(--tap);color:var(--glass-active);white-space:nowrap;border-radius:24px;padding:0 14px;font-weight:650}.onb{z-index:60;overscroll-behavior:contain;padding:max(var(--space-4), var(--safe-top)) max(var(--space-4), var(--safe-right)) max(var(--space-4), var(--safe-bottom)) max(var(--space-4), var(--safe-left));animation:onb-fade .26s var(--ease) backwards;background:radial-gradient(34% 26% at 12% 18%,#ffb85c33,#0000 70%),radial-gradient(30% 24% at 90% 30%,#ff965a24,#0000 70%),radial-gradient(40% 28% at 78% 96%,#e0b25c24,#0000 70%),radial-gradient(70% 50% at 50% 0,#e0b25c24,#0000 70%),#140d08ed;display:flex;position:fixed;inset:0;overflow-y:auto}.onb.is-leaving{opacity:0;pointer-events:none;transition:opacity .22s var(--ease)}.onb__card{--onb-figure:clamp(120px, 19vh, 160px);gap:var(--space-4);width:min(100%,420px);padding:var(--space-5);animation:onb-rise .32s var(--ease) backwards;background:radial-gradient(120% 56% at 50% -8%,#e0b25c29,#0000 62%),linear-gradient(165deg,#3e2b1cf0,#1e140df7);border:1px solid #ffe2aa29;border-radius:20px;margin:auto;display:grid;box-shadow:0 28px 70px #0000008c,0 2px 10px #00000059,inset 0 1px #fff0d224}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (hover:hover) and (pointer:fine){.onb--create .onb__card{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:radial-gradient(120% 56% at 50% -8%,#e0b25c2e,#0000 62%),linear-gradient(165deg,#422e1ea8,#1e140dbd)}}}.onb__card:focus{outline:none}.onb__head{text-align:center}.onb__head:after{content:"";width:96px;height:5px;margin:var(--space-3) auto 0;background:radial-gradient(circle at 50% 50%, var(--gold) 0 2px, transparent 2.5px), linear-gradient(90deg, transparent, #e0b25cb3 38%, transparent 38.5%) 0 2px / 100% 1px no-repeat, linear-gradient(90deg, transparent 61.5%, #e0b25cb3 62%, transparent) 0 2px / 100% 1px no-repeat;opacity:.85;display:block}.onb__title{color:var(--gold-strong);font-size:var(--fs-2xl);text-shadow:0 2px 14px #e0b25c4d}.onb__lead{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-sm)}.onb__preview{isolation:isolate;justify-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:radial-gradient(60% 55% at 50% 38%,#ffcd7838,#0000 72%),linear-gradient(#ffe2aa0d,#00000029);border:1px solid #ffe2aa1a;border-radius:20px;display:grid;position:relative;overflow:hidden}.onb__preview:before{content:"";z-index:-1;left:50%;top:calc(var(--space-3) - var(--onb-figure) * .04);width:calc(var(--onb-figure) * 1.1);aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#ffd68c33,#ffd68c0a 80%,#0000);border:1px solid #f3c97342;border-radius:50%;position:absolute;transform:translate(-50%)}.onb__figure{width:var(--onb-figure);aspect-ratio:140/170;height:auto;overflow:visible}.onb__figure.is-pop{animation:onb-pop .38s var(--ease)}.onb__figure .fg-skin{fill:#f3d2b0}.onb__figure .fg-skin-dark{fill:#e2b891}.onb__figure .fg-jaw{fill-opacity:.55}.onb__figure .fg-scalp{fill:#5d5870;fill-opacity:.3}.onb__figure .fg-hair{fill:#3a2517}.onb__figure .fg-stubble{fill:#33221a;opacity:.14}.onb__figure .fg-hair-line{fill:none;stroke:#6b4a33;stroke-width:1.4px;stroke-linecap:round;stroke-opacity:.8}.onb__figure .fg-tie{fill:var(--lotus)}.onb__figure .fg-shine{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-opacity:.4}.onb__figure .fg-blush{fill:#f08ea3;fill-opacity:.4}.onb__figure .fg-brow{fill:none;stroke:#4a3020;stroke-width:1.5px;stroke-linecap:round;stroke-opacity:.55}.onb__figure .fg-face{fill:none;stroke:#3a2416;stroke-width:2px;stroke-linecap:round}.onb__figure .fg-line{fill:none;stroke:#c79a72;stroke-width:1.2px;stroke-linecap:round}.onb__figure .fg-shoe{fill:#2f2118}.onb__figure .fg-ground{fill:#000;fill-opacity:.32}.onb__figure .fg-ring{fill:none;stroke:var(--gold);stroke-opacity:.28;stroke-width:1px}.onb__figure .fg-robe,.onb__figure .fg-sleeve,.onb__figure .fg-lapel{fill:var(--onb-robe,#3f6e9c);transition:fill var(--dur) var(--ease)}.onb__figure .fg-sleeve,.onb__figure .fg-lapel{stroke:var(--onb-robe-shade,#2d5378);stroke-opacity:.55;stroke-width:1.1px;stroke-linejoin:round;transition:fill var(--dur) var(--ease), stroke var(--dur) var(--ease)}.onb__figure .fg-pants{fill:var(--onb-pants,var(--onb-robe-shade,#2d5378));transition:fill var(--dur) var(--ease)}.onb__figure .fg-collar,.onb__figure .fg-closure,.onb__figure .fg-buttons,.onb__figure .fg-yem,.onb__figure:not([data-family=trang]) .fg-cross,.onb__figure[data-family=aodai] .fg-v{display:none}.onb__figure[data-family=baba] .fg-buttons,.onb__figure[data-family=aodai] .fg-collar,.onb__figure[data-family=aodai] .fg-closure,.onb__figure[data-family=tuthan] .fg-yem{display:inline}.onb__figure .fg-collar{fill:var(--onb-robe,#3f6e9c);stroke:var(--onb-robe-shade,#2d5378);stroke-width:1.1px}.onb__figure .fg-closure{fill:none;stroke:var(--onb-robe-shade,#2d5378);stroke-width:1.6px;stroke-linecap:round}.onb__figure .fg-buttons{fill:var(--onb-robe-shade,#2d5378)}.onb__figure .fg-yem{fill:var(--onb-robe-trim,#9cc0e0)}.onb__figure .fg-fold,.onb__figure .fg-hem{fill:none;stroke:var(--onb-robe-shade,#2d5378);stroke-opacity:.5;stroke-width:1.5px;stroke-linecap:round;transition:stroke var(--dur) var(--ease)}.onb__figure .fg-trim{fill:none;stroke:var(--onb-robe-trim,#9cc0e0);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur) var(--ease)}.onb__figure[data-look=nam] .fg-nu,.onb__figure[data-look=nu] .fg-nam{display:none}.onb__figure .fg-body{transform-box:fill-box;transform-origin:50% 100%;animation:4.2s ease-in-out infinite onb-breathe}.onb__figure .fg-head{animation:4.2s ease-in-out infinite onb-bob}.onb__figure .fg-eyes{transform-box:fill-box;transform-origin:50% 90%;animation:5.4s ease-in-out infinite onb-blink}.onb__plate{align-items:center;gap:var(--space-3);max-width:100%;min-height:2.1em;padding:3px var(--space-4);color:var(--gold-strong);font-family:var(--font-serif);font-size:var(--fs-lg);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#ffe2aa1a,#140d0880);border:1px solid #e0b25c61;border-radius:999px;display:inline-flex;overflow:hidden;box-shadow:0 4px 14px #00000047,inset 0 1px #fff0d21f}.onb__plate:before,.onb__plate:after{content:"";background:var(--gold);opacity:.8;flex:none;width:5px;height:5px;transform:rotate(45deg)}.onb__fields{gap:var(--space-4);display:grid}.onb__label{margin-bottom:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm);letter-spacing:.02em;font-weight:600;display:block}.onb__label-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.onb__more{margin-bottom:var(--space-2)}.onb__color-name{font-weight:500}.onb__name-row{gap:var(--space-2);display:flex}.onb__input{min-width:0;min-height:48px;padding:0 var(--space-4);color:var(--text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#0a060357;border:1px solid #ffe2aa29;border-radius:14px;flex:auto;font-size:1rem;box-shadow:inset 0 2px 6px #00000038}.onb__input::placeholder{color:var(--text-muted);opacity:.7}.onb__input:focus{border-color:#e0b25cb3;box-shadow:inset 0 2px 6px #00000038,0 0 0 3px #e0b25c29}.onb__input[aria-invalid=true]{border-color:#f0958acc}.onb__hint,.onb__error{margin:var(--space-1) 0 0;font-size:var(--fs-xs);line-height:1.45}.onb__hint{color:var(--text-muted)}.onb__error{color:#f0958a;font-weight:600}.onb__error:empty{height:0;margin:0}.onb__dice{width:48px;height:48px;color:var(--gold);background:linear-gradient(#ffe2aa1f,#ffe2aa0a);border-color:#e0b25c52}.onb__dice.is-rolling .onb__icon{animation:onb-roll .42s var(--ease)}.onb__chips{background:#0a06034d;border:1px solid #ffe2aa1f;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.onb__chip{background:0 0;border-color:#0000;min-height:40px}.onb__chip[aria-pressed=true]{background:linear-gradient(#f3c97342,#e0b25c1f);border-color:#e0b25c8c;box-shadow:0 2px 10px #00000040}.onb__styles{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));border-radius:22px}.onb__styles .onb__chip{border-radius:18px;padding:0 4px;font-size:.8125rem}.onb__cuts{margin-top:var(--space-2)}.onb__cuts[hidden]{display:none}.onb__swatches{justify-content:space-between;gap:var(--space-2);display:flex}.onb__swatch{min-height:var(--tap);padding:var(--space-1) 2px;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-xs);-webkit-user-select:none;user-select:none;transition:color var(--dur) var(--ease);flex-direction:column;flex:1 1 0;align-items:center;gap:6px;font-weight:600;line-height:1.2;display:flex}.onb__swatch:hover{color:var(--text)}.onb__dot{background:var(--sw,#888);width:40px;height:40px;color:var(--sw-ink,#fff);transition:box-shadow var(--dur) var(--ease), transform .12s var(--ease);border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 2px 3px #ffffff52,inset 0 -3px 5px #00000038}.onb__swatch:active .onb__dot{transform:scale(.93)}.onb__swatch[aria-pressed=true]{color:var(--gold-strong)}.onb__swatch[aria-pressed=true] .onb__dot{box-shadow:inset 0 2px 3px #ffffff52, inset 0 -3px 5px #00000038, 0 0 0 2px var(--surface), 0 0 0 4px var(--gold-strong), 0 0 16px #e0b25c59}.onb__swatch[aria-pressed=true] .onb__dot:after{content:"";border:3px solid;border-width:0 3px 3px 0;width:8px;height:14px;transform:translateY(-1px)rotate(45deg)}.onb__actions{gap:var(--space-3);display:flex}.onb__actions .btn{flex:1 1 0}.onb__actions .onb__submit{flex-grow:1.6}.onb__login{max-width:100%;min-height:var(--tap);padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm);text-align:center;text-underline-offset:3px;justify-content:center;justify-self:center;align-items:center;margin-block:-8px;line-height:1.3;text-decoration:underline;display:flex}.onb__login:hover{color:var(--gold-strong)}.onb__login:focus-visible{outline:2px solid var(--gold-strong);outline-offset:-2px}.onb__note{color:var(--text-muted);font-size:var(--fs-xs);text-align:center}@media (orientation:landscape) and (min-height:521px){.onb__card{--onb-figure:122px;gap:var(--space-3)}}@media (orientation:landscape) and (min-height:521px) and (max-height:820px){.onb__card{--onb-figure:110px}.onb__preview{padding-block:var(--space-2)}.onb__head:after{display:none}}@media (max-height:740px) and (orientation:portrait){.onb__card{--onb-figure:clamp(88px, 14vh, 116px);gap:var(--space-3);padding:var(--space-4)}.onb__head:after,.onb__note{display:none}.onb__title{font-size:var(--fs-xl)}.onb__preview{gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.onb__plate{min-height:0;font-size:var(--fs-md)}.onb__fields{gap:var(--space-3)}.onb__label{margin-bottom:var(--space-1)}.onb__input{min-height:44px}.onb__dice{width:44px;height:44px}.onb__dot{width:36px;height:36px}}@media (max-height:620px) and (orientation:portrait){.onb__card{--onb-figure:76px;gap:var(--space-2)}.onb__lead{display:none}.onb__preview{padding:var(--space-1)}.onb__fields{gap:var(--space-2)}}@media (max-height:520px) and (orientation:landscape){.onb{padding-block:max(var(--space-2), var(--safe-top)) max(var(--space-2), var(--safe-bottom))}.onb__card{--onb-figure:100px;align-content:start;gap:var(--space-2) var(--space-5);width:min(100%,720px);padding:var(--space-4) var(--space-5);grid-template-columns:170px 1fr;grid-template-areas:"head head""preview fields""preview actions""preview login"}.onb__head{grid-area:head}.onb__head:after,.onb__lead,.onb__note{display:none}.onb__title{font-size:var(--fs-xl)}.onb__preview{padding:var(--space-2);grid-area:preview;align-self:start}.onb__fields{gap:var(--space-2) var(--space-4);grid-area:fields;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-auto-flow:dense}.onb__fields>.onb__field:first-child,.onb__fields>.onb__field:nth-child(3){grid-column:1/-1}.onb__label{margin-bottom:var(--space-1)}.onb__input{min-height:44px}.onb__dice{width:44px;height:44px}.onb__dot{width:34px;height:34px}.onb__actions{grid-area:actions}.onb__login{grid-area:login}}@keyframes onb-fade{0%{opacity:0}}@keyframes onb-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes onb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.014,1.026)}}@keyframes onb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6px)}}@keyframes onb-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.12)}}@keyframes onb-pop{40%{transform:translateY(-4px)scale(1.04)}}@keyframes onb-roll{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.onb,.onb__card,.onb__figure,.onb__figure.is-pop,.onb__figure .fg-body,.onb__figure .fg-head,.onb__figure .fg-eyes,.onb__dice.is-rolling .onb__icon{animation:none}.onb.is-leaving,.onb__input,.onb__dot,.onb__swatch,.onb__figure .fg-robe,.onb__figure .fg-sleeve,.onb__figure .fg-lapel,.onb__figure .fg-pants,.onb__figure .fg-fold,.onb__figure .fg-hem,.onb__figure .fg-trim{transition:none}}:root{--panel-w:min(460px, 62vw)}@media (min-width:900px),(orientation:landscape) and (max-height:520px){:root[data-panel-open]{--panel-inset:var(--panel-w)}}.panel-host{--panel-z:30;--panel-h:calc(var(--vv-safe) * .92);--panel-t:calc(var(--dur) * 1.4);z-index:var(--panel-z);visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--panel-t);position:fixed;inset:0}.panel-host.is-open{visibility:visible;transition-delay:0s}.panel-backdrop{opacity:0;transition:opacity var(--panel-t) var(--ease);background:#080402a3;position:absolute;inset:0}.panel-host.is-open .panel-backdrop{opacity:1;pointer-events:auto}.panel{right:0;bottom:calc(100% - var(--vv-top) - var(--vv-safe));width:min(100%,640px);height:var(--panel-h);--panel-body-h:calc(var(--panel-h) - 64px - var(--safe-bottom));border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(180deg, #21160d 0%, var(--bg-elev) 140px);pointer-events:auto;transition:transform var(--panel-t) var(--ease);border-bottom:0;outline:none;flex-direction:column;margin-inline:auto;display:flex;position:absolute;left:0;transform:translateY(100%);box-shadow:0 -14px 48px #0000008c}.panel-host.is-open .panel{transform:none}.panel-host:not(.is-open) .panel{pointer-events:none}.panel.is-dragging{transition:none}.panel__head{min-height:60px;padding:16px max(8px, var(--safe-left)) 2px max(8px, var(--safe-left));touch-action:none;flex:none;align-items:center;display:flex;position:relative}.panel__grip{background:#ecc88c4d;border-radius:999px;width:42px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.panel__back{min-height:var(--tap);color:var(--gold);font-size:var(--fs-md);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .12s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:0 16px 0 8px;font-weight:600;line-height:1.2;display:inline-flex}.panel__back .icon{width:22px;height:22px}.panel__back:hover{background:var(--gold-soft);color:var(--gold-strong)}.panel__back:active{transform:scale(.97)}.panel__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:var(--safe-bottom);scroll-padding-block:var(--space-4);outline:none;flex:auto;overflow:hidden auto}@media (min-width:900px),(orientation:landscape) and (max-height:520px){.panel-backdrop{display:none}.panel-host{--panel-h:var(--vv-safe)}.panel{top:var(--vv-top);width:var(--panel-w);height:var(--panel-h);--panel-body-h:calc(var(--panel-h) - 56px - var(--safe-top) - var(--safe-bottom));padding-top:var(--safe-top);padding-right:var(--safe-right);border-width:0 0 0 1px;border-radius:0;margin:0;bottom:auto;left:auto;right:0;transform:translate(100%);box-shadow:-16px 0 48px #00000073}.panel__grip{display:none}.panel__head{touch-action:auto;min-height:56px;padding-top:6px}}.panel[data-route=donate]{height:auto;max-height:var(--panel-h);background:linear-gradient(180deg, #2a1c10 0%, var(--bg-elev) 200px)}.panel[data-route=donate] .panel__head{min-height:0;padding:8px max(10px, var(--safe-right)) 0 10px;justify-content:flex-end}.panel[data-route=donate] .panel__back{border:1px solid var(--border);background:#34261a;justify-content:center;width:44px;padding:0;position:relative}.panel[data-route=donate] .panel__back .icon,.panel[data-route=donate] .panel__back span{display:none}.panel[data-route=donate] .panel__back:before,.panel[data-route=donate] .panel__back:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;margin:-1px 0 0 -8px;position:absolute;top:50%;left:50%}.panel[data-route=donate] .panel__back:before{transform:rotate(45deg)}.panel[data-route=donate] .panel__back:after{transform:rotate(-45deg)}.panel[data-route=donate] .panel__back:hover{background:var(--gold-soft)}@media (min-width:900px),(orientation:landscape) and (max-height:520px){:root[data-panel-open=donate]{--panel-inset:0px}:root[data-panel-open=donate] .panel-backdrop{background:#0804028f;display:block}.panel[data-route=donate]{top:var(--vv-top);right:0;bottom:calc(100% - var(--vv-top) - var(--vv-safe));width:min(480px,100vw - 24px);height:-moz-fit-content;height:fit-content;max-height:min(calc(var(--panel-h) - 32px), 860px);box-shadow:var(--shadow-2), 0 0 64px #e0b25c1a;opacity:0;transition:transform var(--panel-t) var(--ease), opacity var(--panel-t) var(--ease);border:1px solid #ecc88c3d;border-radius:26px;margin:auto;padding:0;left:0;transform:translateY(14px)scale(.97)}.panel-host.is-open .panel[data-route=donate]{opacity:1;transform:none}.panel[data-route=donate] .panel__head{padding-top:10px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.panel-host,.panel,.panel-backdrop{transition-duration:1ms!important;transition-delay:0s!important}}.settings{top:var(--vv-top);bottom:calc(100% - var(--vv-top) - var(--vv-safe));width:min(92vw,440px);max-height:min(calc(var(--vv-safe) * .88), 720px);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface) 0%, var(--bg-elev) 100%);box-shadow:var(--shadow-2);color:var(--text);margin:auto;padding:0;overflow:hidden}.settings[open]{animation:settings-in .22s var(--ease) backwards;flex-direction:column;display:flex}.settings::backdrop{background:#0a0603b8}.settings[open]::backdrop{animation:settings-fade .22s var(--ease) backwards}@keyframes settings-in{0%{opacity:0;transform:translateY(12px)}}@keyframes settings-fade{0%{opacity:0}}body:has(dialog.settings[open]){overflow:hidden}.settings__panel{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.settings__head{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);display:flex;position:sticky;top:0}.settings__title{font-family:var(--font-serif);font-size:var(--fs-xl)}.settings__body{gap:var(--space-5);padding:var(--space-5);padding-bottom:max(var(--space-5), var(--safe-bottom));flex-direction:column;display:flex}.set-group{gap:var(--space-3);flex-direction:column;display:flex}.set-group+.set-group{padding-top:var(--space-5);border-top:1px solid var(--border)}.set-group__title{font-size:var(--fs-md);color:var(--gold-strong)}.set-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.set-character__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.set-hint{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.55}.set-hint .icon{vertical-align:-4px;margin-inline:2px}.set-hint strong{color:var(--text);font-weight:600}.set-foot{color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.set-account__who{overflow-wrap:anywhere;color:var(--text);font-weight:600}.set-account__who+.set-hint:empty{display:none}.set-switch{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap);cursor:pointer;display:flex;position:relative}.set-switch__text{color:var(--text)}.set-switch__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.set-switch__track{border:1px solid var(--border);background:var(--surface-2);width:48px;height:28px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;flex:none;position:relative}.set-switch__track:after{content:"";background:var(--text-muted);width:20px;height:20px;transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.set-switch__input:checked+.set-switch__track{border-color:var(--gold);background:var(--gold-soft)}.set-switch__input:checked+.set-switch__track:after{background:var(--gold);transform:translate(20px)}.set-switch__input:focus-visible+.set-switch__track{outline:2px solid var(--gold-strong);outline-offset:3px}.set-range{flex-direction:column;display:flex}.set-range__value{color:var(--gold-strong);font-variant-numeric:tabular-nums}.set-range input[type=range]:disabled{opacity:.45;cursor:not-allowed}.set-channel{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff4e008;flex-direction:column;display:flex}.set-channel.is-off{opacity:.55}.set-channel__text{flex-direction:column;min-width:0;display:flex}.set-channel__title{color:var(--text);font-weight:600}.set-switch--sub{min-height:36px}.set-seg{gap:var(--space-1);min-width:0;padding:var(--space-1);border:1px solid var(--border);background:var(--surface-2);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.set-seg__legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.set-seg__opt{min-height:40px;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.set-seg__opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.set-seg__opt:has(input:checked){background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-strong)}.set-seg__opt:has(input:focus-visible){outline:2px solid var(--gold-strong);outline-offset:2px}.set-fold>summary{min-height:var(--tap);color:var(--gold-strong);cursor:pointer;align-items:center;font-weight:600;display:flex}.set-fold>summary:after{content:"";width:8px;height:8px;transition:transform var(--dur) var(--ease);border:2px solid;border-width:0 2px 2px 0;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.set-fold[open]>summary{margin-bottom:var(--space-2)}.set-fold[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.set-fold>summary::-webkit-details-marker{display:none}.set-howto,.set-credits{gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm);flex-direction:column;margin:0;padding:0;line-height:1.55;list-style:none;display:flex}.set-howto strong{color:var(--text)}.set-credits li{flex-direction:column;display:flex}.set-credit__title{color:var(--text);overflow-wrap:anywhere}.set-credit__meta{font-size:var(--fs-xs)}.set-foot-actions{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.set-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.set-actions .btn{padding-inline:var(--space-4);flex:auto}.btn.set-danger{color:#f0958a;border-color:#e86e5f73}.btn.set-danger:hover{color:#f6aea5;background:#b8372d33;border-color:#e86e5fbf}.set-status{color:var(--jade);font-size:var(--fs-sm);line-height:1.55}.set-status.is-error{color:#f0958a}.set-status:empty{height:0;margin-top:calc(var(--space-3) * -1)}@media (prefers-reduced-motion:reduce){.settings[open]{animation:none}.settings[open]::backdrop{animation:none}.set-switch__track,.set-switch__track:after{transition:none}}