:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#eef5f2;--brand-100:#284042;--brand-200:#2f5a4d;--brand-300:#387060;--brand-400:#387060;--brand-500:#387060;--brand-600:#2f5f51;--brand-700:#284042;--brand-800:#284042;--brand-900:#1a2c2e;--magenta-400:#657f65;--magenta-500:#387060;--cyan-400:#657f65;--gold-400:#8a6100;--gold-500:#7a5600;--silver-400:#7d8580;--bronze-400:#b0652a;--grad-brand:linear-gradient(135deg, #43806d 0%, #387060 55%, #2f5f51 100%);--grad-brand-soft:linear-gradient(135deg, #3870601f, #657f6514);--grad-gold:linear-gradient(135deg, #ffe08a, #f5b81c 60%, #e09400);--ans-red:#e21b3c;--ans-blue:#1368ce;--ans-yellow:#d89e00;--ans-green:#26890c;--bg-0:#f4f5f3;--bg-1:#ececec;--bg-2:#e4e7e3;--surface-1:#fff;--surface-2:#f7f8f6;--surface-3:#ececec;--glass:#ffffffe6;--glass-strong:#fffffff7;--line:#0d14291a;--line-strong:#0d14292e;--text-1:#111;--text-2:#3d4743;--text-3:#5f6964;--text-on-brand:#fff;--success:#1f7a45;--success-bg:#1f7a451a;--danger:#c62845;--danger-600:#a81f39;--danger-bg:#c6284517;--warning:#9a6200;--warning-bg:#c98a001f;--info:#1f5f99;--info-bg:#1f5f991a;--font-display:"Montserrat", "Segoe UI", system-ui, sans-serif;--font-body:"Open Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:clamp(1.375rem, 1.1rem + .8vw, 28px);--fs-3xl:clamp(1.75rem, 1.2rem + 1.6vw, 44px);--fs-4xl:clamp(2rem, 1.2rem + 2.2vw, 60px);--fs-title:clamp(1.375rem, 1.2rem + .5vw, 1.625rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--shadow-1:0 1px 2px #0d14290f, 0 2px 8px #0d14290d;--shadow-2:0 4px 14px #0d142914, 0 1px 2px #0d14290d;--shadow-3:0 18px 50px #0d142924, 0 2px 6px #0d142914;--shadow-glow:0 10px 28px #38706047;--inner-hi:inset 0 1px 0 #fff9;--focus-ring:0 0 0 2px #fff, 0 0 0 4px #387060;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.52s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--topbar-h:68px;--content-max:1280px;--gutter:clamp(16px, 3vw, 40px)}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s;--dur-4:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg-0);font-size:clamp(16px,.55vw + 8px,20px)}html:has(body.is-fullscreen){font-size:16px}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-md);color:var(--text-1);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5;overflow-x:hidden}body.is-fullscreen{overflow:hidden}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-200);text-decoration:none}a:hover{color:var(--brand-100)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}p{margin:0}::selection{color:#fff;background:#3870608c}:focus{outline:none}:focus-visible{outline-offset:2px;box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:2px solid #387060}.no-focus-ring:focus-visible{box-shadow:none;outline:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:1000;background:var(--brand-500);color:var(--text-on-brand);border-radius:var(--r-sm);transition:top var(--dur-2) var(--ease-out);padding:10px 16px;font-weight:600;position:fixed;top:-60px;left:12px}.skip-link:focus{color:#fff;top:12px}*{scrollbar-width:thin;scrollbar-color:#38706047 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#38706040 padding-box padding-box;border:2px solid #0000;border-radius:10px}#app{min-height:100vh;min-height:100dvh;position:relative}.page{animation:page-in var(--dur-4) var(--ease-out) both}.page.is-leaving{animation:page-out var(--dur-2) var(--ease-in-out) both;pointer-events:none}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes page-out{to{opacity:0;transform:translateY(-6px)}}.container{width:100%;max-width:var(--content-max);padding:0 var(--gutter);margin:0 auto}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);display:flex}.spacer{flex:1}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.btn{--btn-h:44px;height:var(--btn-h);border-radius:var(--r-md);font-family:var(--font-body);font-weight:600;font-size:var(--fs-md);letter-spacing:.005em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--dur-1) var(--ease-out), background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex;position:relative}.btn svg{flex:none;width:18px;height:18px}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn:focus-visible{border-radius:var(--r-md)}.btn-primary{background:var(--grad-brand);color:var(--text-on-brand);box-shadow:0 6px 20px #38706061,inset 0 1px #ffffff40}.btn-primary:hover:not(:disabled){filter:brightness(1.08);color:var(--text-on-brand);box-shadow:0 10px 28px #38706080,inset 0 1px #ffffff40}.btn-secondary{border-color:var(--line-strong);color:var(--text-1);box-shadow:var(--inner-hi);background:#0d14290c}.btn-secondary:hover:not(:disabled){color:var(--text-1);background:#0d142914;border-color:#38706057}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-1);background:#0d14290c}.btn-danger{background:var(--danger-600);color:#fff;box-shadow:0 6px 18px #e23a5859,inset 0 1px #fff3}.btn-danger:hover:not(:disabled){filter:brightness(1.08);color:#fff}.btn-sm{--btn-h:36px;font-size:var(--fs-sm);border-radius:var(--r-sm);padding:0 12px}.btn-lg{--btn-h:54px;font-size:var(--fs-lg);border-radius:var(--r-lg);padding:0 26px}.btn-block{width:100%}.btn-icon{width:var(--btn-h);padding:0}.btn.is-loading{pointer-events:none;color:#0000!important}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{font-size:var(--fs-sm);color:var(--text-2);font-weight:600}.field-hint{font-size:var(--fs-xs);color:var(--text-3)}.field-error{font-size:var(--fs-sm);color:var(--danger);align-items:center;gap:6px;min-height:0;display:flex}.field-error:empty{display:none}.input,.textarea,.select{border-radius:var(--r-md);border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--text-1);font-size:var(--fs-md);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);background:#fff;padding:11px 14px;line-height:1.4}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.textarea:hover{border-color:#38706052}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand-400);background:#fff;box-shadow:0 0 0 4px #38706038}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px #ff547029}.textarea{resize:vertical;min-height:96px}.input-wrap{position:relative}.input-wrap>svg{width:18px;height:18px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap>.input{padding-left:42px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-full);border:1px solid var(--line-strong);height:36px;color:var(--text-2);font-weight:600;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;transition:all var(--dur-2) var(--ease-out);background:#0d142908;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip:hover{color:var(--text-1);border-color:#3870605c}.chip[aria-checked=true],.chip[aria-pressed=true]{background:var(--brand-500);border-color:var(--brand-400);color:var(--text-on-brand);box-shadow:0 4px 14px #38706059}.chip:focus-visible{border-radius:var(--r-full)}.segmented{border-radius:var(--r-md);border:1px solid var(--line);background:#0d14290d;gap:4px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--r-sm);height:34px;color:var(--text-2);font-weight:600;font-size:var(--fs-sm);transition:all var(--dur-2) var(--ease-out);background:0 0;border:0;padding:0 14px}.segmented button:hover{color:var(--text-1)}.segmented button[aria-checked=true]{background:var(--brand-500);color:#fff;box-shadow:var(--shadow-1), var(--inner-hi)}.switch{cursor:pointer;font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:600;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{width:40px;height:24px;transition:background var(--dur-2) var(--ease-out);background:#0d14292e;border-radius:12px;flex:none;position:relative}.switch-track:after{content:"";width:18px;height:18px;transition:transform var(--dur-2) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0006}.switch input:checked+.switch-track{background:var(--success)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(14px);background:#fff;position:relative}.card-pad{padding:var(--sp-6)}.card-header{align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--line);display:flex}.card-title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg)}.glass{background:var(--glass);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(22px)saturate(140%);box-shadow:var(--shadow-3), var(--inner-hi);border:1px solid #38706029}.badge{border-radius:var(--r-full);height:24px;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--text-2);white-space:nowrap;background:#0d142910;align-items:center;gap:6px;padding:0 10px;font-weight:700;display:inline-flex}.badge svg{width:13px;height:13px}.badge-brand{color:var(--brand-200);background:#38706033}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.avatar{--size:36px;width:var(--size);height:var(--size);font-family:var(--font-display);font-weight:800;font-size:calc(var(--size) * .38);letter-spacing:.02em;color:#fff;background:var(--av-bg,var(--grad-brand));text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff29,0 2px 8px #0000004d}.avatar-sm{--size:28px}.avatar-lg{--size:52px}.avatar-xl{--size:72px}.toasts{z-index:900;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--glass-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(18px);animation:toast-in var(--dur-3) var(--ease-spring) both;border-left:3px solid var(--tone,var(--info));grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px 14px 14px 16px;display:grid}.toast.is-leaving{animation:toast-out var(--dur-2) var(--ease-in-out) both}.toast-icon{width:20px;height:20px;color:var(--tone,var(--info));margin-top:1px}.toast-title{font-weight:700;font-size:var(--fs-md)}.toast-msg{font-size:var(--fs-sm);color:var(--text-2);margin-top:2px}.toast-close{color:var(--text-3);background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.toast-close:hover{color:var(--text-1);background:#0d142910}.toast-close svg{width:16px;height:16px}.toast-success{--tone:var(--success)}.toast-error{--tone:var(--danger)}.toast-warning{--tone:var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}.modal-backdrop{z-index:800;-webkit-backdrop-filter:blur(6px);animation:fade-in var(--dur-2) var(--ease-out) both;background:#0d142973;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-xl);border:1px solid var(--line-strong);width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-3), var(--inner-hi);animation:modal-in var(--dur-3) var(--ease-spring) both;background:#fff;padding:28px;overflow:auto}.modal-icon{background:var(--danger-bg);width:48px;height:48px;color:var(--danger);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.modal-icon.tone-brand{color:var(--brand-200);background:#3870602e}.modal-icon svg{width:24px;height:24px}.modal h2{font-size:var(--fs-xl);margin-bottom:8px}.modal p{color:var(--text-2)}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.modal-backdrop.is-leaving{animation:fade-out var(--dur-2) var(--ease-in-out) both}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}.skeleton{border-radius:var(--r-sm);background:#0d14290c;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff12,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-line{border-radius:6px;height:12px}.empty{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:#0d142904;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-art{width:120px;height:96px;margin-bottom:6px}.empty h3{font-size:var(--fs-xl)}.empty p{color:var(--text-2);max-width:420px}.empty .btn{margin-top:8px}.logo{color:var(--text-1);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo:hover{color:var(--text-1)}.logo-mark{filter:none;flex:none;width:107px;height:40px}.logo-word{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:1.25rem;font-weight:900;line-height:1}.logo-word b{color:var(--brand-300);font-weight:900}.logo-dot{width:.24em;height:.24em;box-shadow:none;vertical-align:baseline;background:#387060;border-radius:50%;margin-left:.05em;display:inline-block}.logo-lg .logo-mark{width:150px;height:56px}.logo-lg .logo-word{font-size:1.9rem}.shell{isolation:isolate;min-height:100dvh;position:relative}.shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 78% -8%,#38706029,#0000 72%),radial-gradient(760px 520px at 8% 8%,#1368ce1a,#0000 70%),radial-gradient(900px 620px at 50% 108%,#38706014,#0000 72%);position:fixed;inset:0}.topbar{z-index:100;height:var(--topbar-h);-webkit-backdrop-filter:blur(18px)saturate(150%);border-bottom:1px solid var(--line);background:#ffffffe6;position:sticky;top:0}.topbar-inner{align-items:center;gap:28px;height:100%;display:flex}.nav{align-items:center;gap:4px;height:100%;display:flex}.nav a{border-radius:var(--r-sm);height:40px;color:var(--text-2);font-weight:600;font-size:var(--fs-md);transition:color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out);align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:relative}.nav a svg{width:18px;height:18px}.nav a:hover{color:var(--text-1);background:#0d14290a}.nav a[aria-current=page]{color:var(--brand-700);background:#38706033;box-shadow:inset 0 0 0 1px #38706047}.user-btn{border-radius:var(--r-full);border:1px solid var(--line);height:44px;transition:background var(--dur-2) var(--ease-out);background:#0d142908;align-items:center;gap:10px;padding:0 10px 0 4px;display:inline-flex}.user-btn:hover{background:#0d142910}.user-btn:focus-visible{border-radius:var(--r-full)}.user-btn .user-name{font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.user-btn>svg{width:16px;height:16px;color:var(--text-3)}.menu-wrap{position:relative}.menu{z-index:200;border-radius:var(--r-md);background:var(--glass-strong);border:1px solid var(--line-strong);min-width:260px;box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(18px);transform-origin:100% 0;animation:menu-in var(--dur-2) var(--ease-out) both;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.menu[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.menu-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;display:flex}.menu-head .who{min-width:0}.menu-head .who strong{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.menu-head .who span{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.menu-item{border-radius:var(--r-sm);width:100%;height:40px;color:var(--text-1);font-size:var(--fs-md);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.menu-item svg{width:18px;height:18px;color:var(--text-3)}.menu-item:hover,.menu-item:focus-visible{box-shadow:none;background:#0d14290e}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.bottom-nav{display:none}@media (max-width:760px){.topbar .nav{display:none}.btn-sm{--btn-h:44px;padding:0 14px}.btn-sm.btn-icon{width:44px}.chip{height:44px}.user-btn .user-name,.user-btn>svg{display:none}.user-btn{background:0 0;border-color:#0000;padding:0 4px}.bottom-nav{z-index:100;padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{border-radius:var(--r-sm);min-height:44px;color:var(--text-3);font-size:var(--fs-xs);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-weight:600;display:flex}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a[aria-current=page]{color:var(--brand-700)}.bottom-nav a[aria-current=page] svg{color:var(--brand-300)}.with-bottom-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}.shape{color:#fff;flex:none;width:22px;height:22px}.tone-red{--tone-bg:var(--ans-red)}.tone-blue{--tone-bg:var(--ans-blue)}.tone-yellow{--tone-bg:var(--ans-yellow)}.tone-green{--tone-bg:var(--ans-green)}.table-wrap{border-radius:var(--r-lg);overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-md)}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);border-bottom:1px solid var(--line);white-space:nowrap;background:#f2f4f1;padding:14px 16px;font-weight:700;position:sticky;top:0}.table th.num,.table td.num{text-align:right}.table th button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.table th button:hover{color:var(--text-1)}.table th button svg{opacity:.45;width:14px;height:14px}.table th[aria-sort=ascending] button,.table th[aria-sort=descending] button{color:var(--brand-200)}.table th[aria-sort=ascending] button svg,.table th[aria-sort=descending] button svg{opacity:1}.table td{border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;padding:12px 16px}.table tbody tr{transition:background var(--dur-1) var(--ease-out)}.table tbody tr:hover{background:#0d142906}.table tbody tr:last-child td{border-bottom:0}.table tr.is-me{background:linear-gradient(90deg,#3870603d,#3870600f)}.table tr.is-me td:first-child{box-shadow:inset 3px 0 0 var(--brand-400)}.bar{background:#0d142910;border-radius:8px;height:8px;overflow:hidden}.bar>span{border-radius:inherit;background:var(--bar-color,var(--grad-brand));transform-origin:0;height:100%;animation:bar-grow .9s var(--ease-out) both;display:block}@keyframes bar-grow{0%{transform:scaleX(0)}}.spinner{border:3px solid #3870602e;border-top-color:var(--brand-300);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.kbd{border:1px solid var(--line-strong);min-width:22px;height:22px;font-size:var(--fs-xs);color:var(--text-2);font-weight:600;font-family:var(--font-body);background:#0d14290a;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.topbar .logo{flex:0 auto;min-width:0}@media (max-width:1100px){.topbar .logo-mark{width:80px;height:30px}.topbar .logo-word{font-size:1.05rem}}.topbar .logo-word,.nav a{white-space:nowrap}@media (min-width:761px) and (max-width:1000px){.topbar-inner{gap:14px}.nav a{padding:0 10px}.nav a svg,.user-btn .user-name,.user-btn>svg{display:none}.user-btn{padding:0 4px}}@media (max-width:360px){.topbar .logo-mark{width:64px;height:24px}.topbar .logo-word{font-size:.95rem}}.app-main{min-height:calc(100dvh - var(--topbar-h))}.app-main:focus{box-shadow:none}.page-pad{padding-top:clamp(24px,4vw,44px);padding-bottom:64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;margin-bottom:28px;display:flex}.page-head>div:first-child{flex:420px;min-width:0}.page-title{font-size:var(--fs-3xl);letter-spacing:-.025em;overflow-wrap:anywhere;font-weight:900}.page-sub{color:var(--text-2);font-size:var(--fs-lg);max-width:60ch;margin-top:8px}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.eyebrow-text{font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-300);align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:inline-flex}.eyebrow-text svg{width:16px;height:16px}.section-head{align-items:baseline;gap:12px;margin:36px 0 16px;display:flex}.section-title{font-size:var(--fs-xl);font-weight:800}.section-count{border-radius:var(--r-full);min-width:26px;height:22px;color:var(--text-2);font-size:var(--fs-xs);background:#0d142910;place-items:center;padding:0 8px;font-weight:700;display:inline-grid}.section-count:empty{display:none}.section-link{font-weight:600;font-size:var(--fs-sm);align-items:center;gap:2px;margin-left:auto;display:inline-flex}.section-link svg{width:16px;height:16px}.back-link{margin:0 0 14px -10px}.grad-text{background:linear-gradient(100deg,#1f3a35 0%,#2f5f51 50%,#387060 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.show-sm{display:none!important}@media (max-width:640px){.hide-sm{display:none!important}.show-sm{display:block!important}}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:8px;display:grid}.stat{align-items:center;gap:16px;min-height:92px;padding:18px 20px;display:flex;overflow:hidden}.stat:before{content:"";background:radial-gradient(circle, var(--tile-glow,#38706040), transparent 70%);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.stat-icon{background:var(--tile-bg,#3870602e);width:48px;height:48px;color:var(--tile-fg,var(--brand-200));border-radius:14px;flex:none;place-items:center;display:grid}.stat-icon svg{width:24px;height:24px}.stat-label{font-size:var(--fs-sm);color:var(--text-2);font-weight:600}.stat-value{font-family:var(--font-display);font-weight:800;font-size:var(--fs-title);line-height:1.15}.stat-foot{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.stat.tone-blue{--tile-bg:#3d9bff29;--tile-fg:var(--info);--tile-glow:#3d9bff33}.stat.tone-gold{--tile-bg:#ffd25c29;--tile-fg:var(--gold-400);--tile-glow:#ffd25c2e}.stat.tone-green{--tile-bg:#2fd27a29;--tile-fg:#1f7a45;--tile-glow:#2fd27a2e}@media (max-width:760px){.stat-row{grid-template-columns:1fr;gap:10px}.stat{min-height:0;padding:14px 16px}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.4rem}}.login{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.login-canvas{z-index:-2;background:radial-gradient(120% 90% at 20% 10%,#fff 0%,#f1f3ef 50%,#e2e8e3 100%);max-width:none;position:fixed;inset:0;width:100%!important;height:100%!important}.login-veil{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f4f5f3eb 0%,#f4f5f38c 45%,#f4f5f3bf 100%),radial-gradient(60% 60% at 75%,#0000,#f4f5f399);position:fixed;inset:0}.login-layout{max-width:1240px;min-height:100dvh;padding:48px var(--gutter);grid-template-columns:minmax(0,1.1fr) minmax(380px,460px);align-items:center;gap:clamp(32px,6vw,120px);margin:0 auto;display:grid}.login-layout:focus{box-shadow:none}.login-hero{min-width:0;max-width:600px}.eyebrow{border-radius:var(--r-full);height:32px;color:var(--brand-100);font-weight:600;font-size:var(--fs-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#38706029;border:1px solid #3870604d;align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex}.eyebrow svg{width:16px;height:16px;color:var(--brand-300)}.login-headline{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.03em;text-wrap:balance;max-width:15ch;text-shadow:none;margin-top:22px;font-size:clamp(2rem,1.2rem + 2vw,60px);font-weight:900;line-height:1.08}.login-lede{color:var(--text-2);max-width:46ch;margin-top:18px;font-size:clamp(1rem,.92rem + .25vw,1.125rem);line-height:1.6}.login-tiles{gap:12px;margin-top:32px;display:flex}.login-tile{background:var(--tone-bg);width:56px;height:56px;animation:tile-float 4s var(--ease-in-out) infinite;border-radius:16px;place-items:center;display:grid;box-shadow:0 8px 18px #0d142929,inset 0 -4px #0000002e,inset 0 1px #ffffff40}.login-tile:nth-child(2){animation-delay:-1s}.login-tile:nth-child(3){animation-delay:-2s}.login-tile:nth-child(4){animation-delay:-3s}.login-tile .shape{width:26px;height:26px}@keyframes tile-float{50%{transform:translateY(-6px)}}.login-points{gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}.login-points li{color:var(--text-2);align-items:center;gap:12px;display:flex}.login-points svg{width:20px;height:20px;color:var(--brand-300);flex:none}.login-points strong{color:var(--text-1);font-weight:600}.login-card{border-top:3px solid #387060;width:100%;min-width:0;padding:36px;container-type:inline-size}.login-card-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.login-card-head .logo-lg{flex-wrap:wrap;gap:10px 14px;min-width:0;max-width:100%}.login-card-head .logo-lg .logo-mark{--mh:clamp(32px, 11cqi, 44px);height:var(--mh);width:calc(var(--mh) * 2.67)}.login-card-head .logo-lg .logo-word{border-left:1px solid var(--line-strong);padding-left:14px;font-size:clamp(1.25rem,7cqi,1.75rem)}.login-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.375rem,6cqi,1.625rem);font-weight:800;line-height:1.2}.login-sub{color:var(--text-2);font-size:var(--fs-md);text-wrap:pretty;margin:6px 0 22px;line-height:1.55}.login-foot{border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--text-3);align-items:flex-start;gap:8px;margin-top:22px;padding-top:18px;line-height:1.5;display:flex}.login-foot svg{flex:none;width:14px;height:14px;margin-top:2px}.btn-ms{color:#1b1b1b;border-color:var(--line-strong);background:#fff;font-weight:600;box-shadow:0 4px 14px #0d14291f}.btn-ms:hover:not(:disabled){color:#000;background:#f2f2f2}.btn-ms svg{width:20px;height:20px}.btn-ms.is-loading:after{border-color:#333 #0003 #0003}.dev-badge{height:28px;padding:0 12px}.dev-users{gap:8px;max-height:min(60vh,640px);margin:0 -8px;padding:2px 8px;display:grid;overflow-y:auto}.dev-user{border-radius:var(--r-md);border:1px solid var(--line);text-align:left;width:100%;transition:background var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);background:#0d142907;align-items:center;gap:12px;padding:10px 12px;display:flex}.dev-user:hover:not(:disabled){background:#38706024;border-color:#38706066;transform:translate(2px)}.dev-user:focus-visible{border-radius:var(--r-md)}.dev-user:disabled{opacity:.55;cursor:wait}.dev-user.is-loading-row{opacity:1;border-color:var(--brand-400);background:#38706033}.dev-user-text{flex-direction:column;flex:1;min-width:0;display:flex}.dev-user-text strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dev-user-text span{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login-form{gap:18px}.form-alert{border-radius:var(--r-md);background:var(--danger-bg);color:var(--danger-600);font-size:var(--fs-sm);border:1px solid #c628454d;align-items:center;gap:10px;padding:12px 14px;font-weight:500;display:flex}.form-alert[hidden]{display:none}.form-alert svg{width:18px;height:18px;color:var(--danger);flex:none}.input-wrap.has-action>.input{padding-right:48px}.input-action{width:36px;height:36px;color:var(--text-3);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-action:hover{color:var(--text-1);background:#0d14290c}.input-action svg{width:18px;height:18px}.input-action[aria-pressed=true]{color:var(--brand-200)}@media (max-width:960px){.login-layout{grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px;padding-top:32px}.login-hero{text-align:center}.login-hero .login-lede,.login-hero .login-points,.login-hero .login-tiles{display:none}.login-headline{margin-top:14px;font-size:clamp(1.75rem,1.1rem + 3.2vw,2.375rem)}.login-card{max-width:460px}.login-layout{padding-inline:16px}.login-veil{background:#f4f5f3d1}}@media (max-width:480px){.login-card{border-radius:var(--r-lg);padding:24px 20px}.login-card-head{margin-bottom:22px}}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.quiz-grid.is-empty{display:block}.quiz-card{transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), border-color var(--dur-3) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.quiz-card.card:hover{box-shadow:var(--shadow-3);border-color:#3870603d;transform:translateY(-3px)}.quiz-cover{background:radial-gradient(120% 140% at 100% 0%, #ffffff47, transparent 50%), linear-gradient(135deg, var(--cover) 0%, color-mix(in srgb, var(--cover) 55%, #142235) 100%);height:132px;display:block;position:relative;overflow:hidden}.quiz-cover:after{content:"";background:repeating-linear-gradient(135deg,#ffffff0d 0 2px,#0000 2px 14px);position:absolute;inset:0}.quiz-cover-shapes{opacity:.9;transition:transform var(--dur-4) var(--ease-spring);grid-template-columns:repeat(2,38px);gap:8px;display:grid;position:absolute;bottom:-14px;right:18px;transform:rotate(-12deg)}.quiz-card:hover .quiz-cover-shapes{transform:rotate(-4deg)translateY(-6px)}.quiz-cover-shapes .shape{color:#ffffff3d;filter:drop-shadow(0 4px 8px #00000026);width:38px;height:38px}.quiz-cover-count{z-index:1;border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;height:28px;font-size:var(--fs-xs);background:#0d142973;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:16px}.quiz-cover-count svg{width:14px;height:14px}.quiz-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 16px;display:flex}.quiz-title{font-size:1.15rem;font-weight:800;line-height:1.25}.quiz-title a{color:var(--text-1);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quiz-title a:hover{color:var(--brand-500);text-underline-offset:3px;-webkit-text-decoration:underline #0d14291f;text-decoration:underline #0d14291f}.quiz-desc{color:var(--text-2);font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;display:-webkit-box;overflow:hidden}.quiz-meta{border-radius:var(--r-md);border:1px solid var(--line);background:#0d14290a;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;margin:8px 0 0;padding:12px 14px;display:grid}.quiz-meta>div{min-width:0}.quiz-meta dt{min-width:0;font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:5px;font-weight:700;display:flex}.quiz-meta dt svg{width:13px;height:13px}.quiz-meta dd{font-weight:600;font-size:var(--fs-sm);align-items:center;min-height:28px;margin:4px 0 0;display:flex}.best{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.best .avatar{--size:24px}.best-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.best b{color:var(--gold-400);font-weight:700}.quiz-actions{border-top:1px solid var(--line);align-items:center;gap:6px;padding:12px 14px 14px 20px;display:flex}.btn.is-danger:hover:not(:disabled){color:var(--danger);background:var(--danger-bg)}.quiz-new{border-radius:var(--r-lg);min-height:360px;color:var(--text-2);text-align:center;background:#0d142903;border:2px dashed #38706038;justify-content:center;align-items:center;gap:8px}.quiz-new:hover{border-color:var(--brand-400);color:var(--text-1);background:#38706012}.quiz-new strong{font-family:var(--font-display);color:var(--text-1);font-size:1.15rem}.quiz-new span:last-child{font-size:var(--fs-sm);color:var(--text-3)}.quiz-new-icon{background:var(--grad-brand);width:60px;height:60px;color:var(--text-on-brand);box-shadow:var(--shadow-glow);transition:transform var(--dur-3) var(--ease-spring);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.quiz-new:hover .quiz-new-icon{transform:scale(1.08)rotate(90deg)}.quiz-new-icon svg{width:28px;height:28px}@media (max-width:640px){.quiz-grid{grid-template-columns:minmax(0,1fr);gap:14px}.quiz-new{min-height:160px}.page-head .page-actions{width:100%}.page-head .page-actions>.btn{flex:1}}.join-hero{background:radial-gradient(80% 120% at 100% 0,#38706059,#0000 60%),radial-gradient(60% 100% at 0 100%,#3d9bff2e,#0000 60%),linear-gradient(160deg,#fff,#eef2ee);border-color:#38706033;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.join-hero-body{max-width:560px;position:relative}.join-title{font-size:var(--fs-4xl);letter-spacing:-.03em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;font-weight:900}.join-hero-art{pointer-events:none;width:320px;height:320px;position:absolute;top:50%;right:clamp(-60px,2vw,60px);transform:translateY(-50%)}.jh{filter:drop-shadow(0 18px 30px #00000059);width:120px;height:120px;animation:tile-float 5s var(--ease-in-out) infinite;position:absolute}.jh-0{color:var(--ans-red);top:10px;left:20px;transform:rotate(-10deg)}.jh-1{color:var(--ans-blue);animation-delay:-1.2s;top:30px;right:10px}.jh-2{color:var(--ans-yellow);animation-delay:-2.4s;bottom:20px;left:50px}.jh-3{color:var(--ans-green);width:100px;height:100px;animation-delay:-3.6s;bottom:0;right:30px}.pin-form{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.pin{flex:0 372px;min-width:min(300px,100%)}.pin-box{width:100%;max-width:372px;position:relative}.pin-cells{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pin-cells span{height:58px;font-family:var(--font-display);font-weight:900;font-size:var(--fs-title);color:var(--text-1);transition:border-color var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-spring), box-shadow var(--dur-2) var(--ease-out);background:#fff;border:2px solid #38706038;border-radius:14px;place-items:center;display:grid}.pin-cells span.is-filled{background:#38706029;border-color:#38706073}.pin-cells span.is-active{border-color:var(--brand-300);box-shadow:0 0 0 4px #38706047}.pin-input{opacity:0;caret-color:#0000;cursor:text;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pin-input:focus-visible{box-shadow:none}.pin:has(.pin-input[aria-invalid=true]) .pin-cells span{border-color:#ff547099}.pin-error{margin-top:8px}.pin-form .btn-lg{height:58px}.shake{animation:shake .36s var(--ease-out)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.player-summary{grid-template-columns:repeat(4,auto);justify-content:start;gap:14px 32px;margin-top:28px;display:grid}.player-summary:empty{display:none}.mini-stat{flex-direction:column;display:flex}.mini-stat span{font-family:var(--font-display);font-weight:800;font-size:var(--fs-title);line-height:1.1}.mini-stat small{color:var(--text-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.player-grid{grid-template-columns:minmax(0,1fr) 360px;gap:0 28px;display:grid}.history-list{gap:10px;display:grid}.history-row{border-radius:var(--r-md);border:1px solid var(--line);color:var(--text-1);transition:background var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);background:#fff;align-items:center;gap:16px;padding:14px 16px;display:flex}.history-row:hover{color:var(--text-1);border-color:#38706042;transform:translate(2px)}.history-row .chev,.rank-shortcut .chev,.rk-pick .chev{width:18px;height:18px;color:var(--text-3);flex:none}.history-rank{width:48px;height:48px;font-family:var(--font-display);color:var(--text-2);background:#0d14290e;border-radius:14px;flex:none;place-items:center;font-size:1.05rem;font-weight:900;display:grid}.medal-1{box-shadow:0 4px 14px #f5b81c59;background:var(--grad-gold)!important;color:#4a2c00!important}.medal-2{color:#2a3140!important;background:linear-gradient(135deg,#f1f4fa,#aab4c8)!important}.medal-3{color:#3e1d05!important;background:linear-gradient(135deg,#f3b98a,#c0703a)!important}.history-main{flex-direction:column;flex:1;min-width:0;display:flex}.history-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-main span{font-size:var(--fs-sm);color:var(--text-3)}.history-score,.history-acc{flex-direction:column;flex:none;align-items:flex-end;display:flex}.history-score small,.history-acc small{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700}.history-score b{font-family:var(--font-display);font-size:1.15rem}.history-acc b{font-size:var(--fs-md);color:var(--text-2)}.rank-shortcuts{gap:8px;display:grid}.rank-shortcut{border-radius:var(--r-md);border:1px solid var(--line);color:var(--text-1);transition:all var(--dur-2) var(--ease-out);background:#0d142906;align-items:center;gap:12px;padding:12px 14px;display:flex}.rank-shortcut:hover{color:var(--text-1);background:#0d14290c;border-color:#38706042}.rank-shortcut-dot{background:var(--cover);color:#fff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff4d}.rank-shortcut-dot svg{width:18px;height:18px}.rank-shortcut-text{flex-direction:column;flex:1;min-width:0;display:flex}.rank-shortcut-text strong{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-shortcut-text span{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:1000px){.player-grid{grid-template-columns:minmax(0,1fr)}.join-hero-art{opacity:.25;right:-120px}}@media (max-width:640px){.join-hero-art{display:none}.pin-form{flex-direction:column;align-items:stretch}.pin-box{width:100%}.pin-cells{gap:6px}.pin-cells span{height:52px;font-size:1.45rem}.history-row{gap:12px;padding:12px}.history-acc{display:none}.history-rank{width:40px;height:40px}}.editor-loading{align-content:center;place-items:center;gap:14px;min-height:50vh;display:grid}.editor-bar{top:var(--topbar-h);z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky}.editor-bar:before{content:"";background:linear-gradient(90deg, var(--cover,var(--brand-500)), transparent 70%);opacity:.9;height:2px;position:absolute;top:0;left:0;right:0}.editor-bar-inner{align-items:center;gap:12px;min-height:64px;display:flex}.editor-back{margin-left:-10px}.editor-bar-title{border-left:1px solid var(--line);flex-direction:column;flex:auto;min-width:0;padding-left:14px;display:flex}.editor-crumb{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:700}.editor-bar-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;max-width:min(40vw,520px);overflow:hidden}.save-status{font-size:var(--fs-sm);color:var(--text-3);white-space:nowrap;align-items:center;gap:8px;margin-right:6px;font-weight:600;display:inline-flex}.save-status svg{width:18px;height:18px}.save-status.is-dirty{color:var(--warning)}.save-status.is-saved{color:var(--success)}.save-status .dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffc04d2e}.spinner-xs{border-width:2px;width:14px;height:14px}.editor-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;padding-top:24px;padding-bottom:64px;display:grid}.editor-side{top:calc(var(--topbar-h) + 64px + 24px);max-height:calc(100dvh - var(--topbar-h) - 64px - 48px);flex-direction:column;gap:16px;display:flex;position:sticky}.editor-details{flex-direction:column;flex:none;gap:14px;padding:0 18px 18px;display:flex;overflow:hidden}.cover-preview{background:radial-gradient(120% 160% at 100% 0%, #ffffff40, transparent 50%), linear-gradient(135deg, var(--cover), color-mix(in srgb, var(--cover) 50%, #142235));height:56px;transition:background var(--dur-3) var(--ease-out);justify-content:flex-end;align-items:center;gap:8px;margin:0 -18px 2px;padding:0 16px;display:flex}.cover-preview .shape{color:#fff6;width:18px;height:18px}.editor-details .textarea{min-height:64px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{background:var(--c);color:#fff;width:30px;height:30px;transition:transform var(--dur-2) var(--ease-spring);border:2px solid #0000;border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff40}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 45%, transparent);border-color:#111}.swatch svg{stroke-width:3px;width:16px;height:16px}.editor-qs{flex-direction:column;flex:1;min-height:0;display:flex}.editor-qs .card-header{padding:14px 18px}.q-hint{font-size:var(--fs-xs)}.q-list{flex:1;min-height:80px;margin:0;padding:8px;list-style:none;overflow-y:auto}.q-item{border-radius:var(--r-md);transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:stretch;margin-bottom:4px;display:flex;position:relative}.q-item:hover{background:#0d142908}.q-item.is-active{background:#38706029;border-color:#38706066}.q-item.has-error:not(.is-active){border-color:#ff547059}.q-item.is-dragging{background:var(--surface-3);border-color:var(--brand-400);box-shadow:var(--shadow-3);z-index:2;transform:scale(1.02)}.q-list.is-sorting{cursor:grabbing}.q-list.is-sorting .q-item:not(.is-dragging){opacity:.8}.q-handle{width:26px;color:var(--text-3);cursor:grab;touch-action:none;opacity:.6;flex:none;place-items:center;display:grid}.q-item:hover .q-handle,.q-item.is-active .q-handle{opacity:1}.q-handle svg{width:16px;height:16px}.q-select{text-align:left;min-width:0;color:var(--text-1);background:0 0;border:0;flex:1;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:4px 10px;padding:10px 10px 10px 0;display:grid}.q-select:focus-visible{border-radius:var(--r-md)}.q-num{width:28px;height:28px;font-weight:800;font-size:var(--fs-sm);font-family:var(--font-display);background:#0d142910;border-radius:9px;grid-row:span 2;place-items:center;display:grid}.q-item.is-active .q-num{background:var(--brand-500);color:var(--text-on-brand)}.q-text{font-size:var(--fs-sm);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.q-text em{color:var(--text-3);font-weight:500}.q-meta{font-size:var(--fs-xs);color:var(--text-3);align-items:center;gap:6px;display:flex}.q-meta .badge{height:18px;font-size:var(--fs-xs);padding:0 6px}.q-time{align-items:center;gap:4px;display:inline-flex}.q-time svg{width:12px;height:12px}.q-warn{color:var(--danger);margin-left:auto;display:inline-flex}.q-warn svg{width:14px;height:14px}.q-add-wrap{border-top:1px solid var(--line);padding:10px 12px 12px}.q-add{border-style:dashed}.q-editor{padding:0;overflow:hidden}.q-editor-head{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:12px 14px 12px 22px;display:flex}.q-badge{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md)}.q-badge .subtle{font-family:var(--font-body);font-weight:500}.q-editor-stage{background:radial-gradient(70% 120% at 50% 0%, color-mix(in srgb, var(--cover,#387060) 22%, transparent), transparent 70%);padding:28px clamp(18px,3vw,40px) 10px}.q-editor-text{resize:none;border-radius:var(--r-lg);color:#182a33;width:100%;min-height:116px;font-family:var(--font-display);text-align:center;transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);background:#fffffff7;border:2px solid #3870602e;padding:22px 24px;font-size:clamp(1.15rem,.95rem + .9vw,1.65rem);font-weight:800;line-height:1.3;display:block;box-shadow:0 12px 34px #0000004d}.q-editor-text::placeholder{color:#9b97b8}.q-editor-text:focus{border-color:var(--brand-400);border-radius:var(--r-lg);box-shadow:0 12px 34px #0000004d,0 0 0 4px #3870604d}.q-editor-text[aria-invalid=true]{border-color:var(--danger)}.q-editor-text-foot{align-items:center;min-height:28px;margin-top:6px;display:flex}.char-count{font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.q-settings{flex-wrap:wrap;justify-content:space-between;gap:20px 28px;padding:12px clamp(18px,3vw,40px) 22px;display:flex}.q-settings .field-label,.answers-head .field-label{align-items:center;gap:6px;margin-bottom:4px;display:inline-flex}.q-settings .field-label svg{width:15px;height:15px;color:var(--brand-300)}.answers-head{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:18px clamp(18px,3vw,40px) 10px;display:flex}.inline-check{vertical-align:-3px;border:1.5px solid;border-radius:50%;place-items:center;width:16px;height:16px;display:inline-grid}.inline-check svg{stroke-width:3.5px;width:10px;height:10px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 clamp(18px,3vw,40px);display:grid}.answer-tile{border-radius:var(--r-lg);background:var(--tone-bg);min-height:88px;transition:box-shadow var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex;position:relative;box-shadow:inset 0 -5px #0003,inset 0 1px #ffffff38,0 6px 18px #00000040}.answer-tile.is-empty{filter:saturate(.55)brightness(.72)}.answer-tile:focus-within{filter:none;transform:translateY(-1px);box-shadow:inset 0 -5px #0003,0 0 0 3px #fff,0 10px 24px #00000059}.answer-tile.is-correct{filter:none;box-shadow:inset 0 -5px 0 #0003, 0 0 0 3px var(--success), 0 8px 26px #2fd27a4d}.answer-shape{background:#00000029;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.answer-shape .shape{filter:drop-shadow(0 2px 2px #0003);width:24px;height:24px}.answer-input{resize:none;field-sizing:content;color:#fff;min-width:0;min-height:48px;font-weight:700;line-height:1.3;font-size:var(--fs-lg);text-shadow:0 1px 2px #00000040;background:0 0;border:0;border-radius:10px;flex:1;padding:12px 10px;overflow:hidden}.answer-input::placeholder{color:#ffffffb8;font-weight:600}.answer-input:focus{box-shadow:none;background:#00000024}.answer-tag{border-radius:var(--r-full);background:var(--success);color:#053d1f;height:20px;font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;place-items:center;padding:0 8px;font-weight:800;display:grid;position:absolute;top:-9px;right:54px}.answer-tag:empty{display:none}.answer-correct{color:#0000;width:42px;height:42px;transition:background var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-spring), color var(--dur-2) var(--ease-out);background:#0000001f;border:3px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;display:grid}.answer-correct:hover{color:#ffffffb3;background:#fff3}.answer-correct:focus-visible{border-radius:50%}.answer-correct svg{stroke-width:3.5px;width:22px;height:22px}.answer-correct[aria-checked=true]{background:var(--success);color:#fff;border-color:#fff;transform:scale(1.06)}.answers-error{flex-direction:column;align-items:flex-start;padding:10px clamp(18px,3vw,40px) 0}.answers-error span{align-items:center;gap:6px;display:inline-flex}.field-error svg{flex:none;width:15px;height:15px}.q-editor-foot{border-top:1px solid var(--line);background:#0d142908;align-items:center;gap:10px;margin-top:22px;padding:14px clamp(14px,2vw,22px);display:flex}.kbd-hint{font-size:var(--fs-xs);color:var(--text-3);align-items:center;gap:4px;display:inline-flex}@media (max-width:1100px){.editor-layout{grid-template-columns:290px minmax(0,1fr)}}@media (max-width:860px){.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-side{max-height:none;position:static}.q-list{max-height:320px}.editor-bar-name{max-width:30vw}}@media (max-width:640px){.editor-bar-inner{gap:6px;min-height:58px}.editor-bar-title,.editor-back span{display:none}.editor-back{width:36px;padding:0}.save-status{font-size:var(--fs-xs);margin-right:0}.editor-bar .btn:not(.editor-back) span{display:none}.editor-bar .btn:not(.editor-back){width:44px;padding:0}.answer-grid{grid-template-columns:1fr;gap:14px}.answer-tile{min-height:72px}.q-hint{display:none}.editor-layout{padding-top:16px}}.search-box{width:min(340px,100%)}.search-box .input-wrap{width:100%}.rk-pick-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.rk-pick-grid.is-empty{display:block}.rk-pick{color:var(--text-1);transition:transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);align-items:center;gap:16px;padding:16px 18px 16px 16px;display:flex}.rk-pick:hover{color:var(--text-1);border-color:#38706042;transform:translateY(-2px)}.rk-pick-cover{background:radial-gradient(120% 140% at 100% 0%, #ffffff4d, transparent 50%), linear-gradient(135deg, var(--cover), color-mix(in srgb, var(--cover) 50%, #142235));border-radius:18px;flex:none;width:72px;height:72px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40}.rk-pick-cover .shape{color:#ffffff4d;width:30px;height:30px;position:absolute}.rk-pick-cover .shape:first-child{top:10px;left:10px}.rk-pick-cover .shape:last-child{width:24px;height:24px;bottom:8px;right:8px}.rk-pick-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.rk-pick-body>strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rk-pick-meta{font-size:var(--fs-xs);color:var(--text-3);gap:14px;display:flex}.rk-pick-meta span{align-items:center;gap:4px;display:inline-flex}.rk-pick-meta svg{width:13px;height:13px}.rk-pick-leader{font-size:var(--fs-sm);align-items:center;gap:8px;min-width:0;display:flex}.rk-pick-leader .avatar{--size:22px}.leader-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.rk-pick-leader b{color:var(--gold-400)}.crown{color:var(--gold-400);display:inline-flex}.crown svg{width:15px;height:15px}.rk-head{align-items:center}.me-chip{border-radius:var(--r-full);background:linear-gradient(90deg,#38706047,#38706014);border:1px solid #38706059;align-items:center;gap:18px;padding:10px 20px 10px 10px;display:flex}.me-chip[hidden]{display:none}.me-chip>div{flex-direction:column;display:flex}.me-chip small{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:700}.me-chip strong{font-family:var(--font-display);font-size:1.2rem;line-height:1.1}.me-chip strong .subtle{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(8px,2vw,20px);max-width:820px;margin:8px auto 36px;padding:0 8px;display:grid}.podium[hidden]{display:none}.podium-slot{min-width:0;animation:podium-rise var(--dur-4) var(--ease-spring) both;flex-direction:column;align-items:center;display:flex}.podium-slot.p1{animation-delay:.24s}.podium-slot.p2{animation-delay:.12s}@keyframes podium-rise{0%{opacity:0;transform:translateY(30px)}}.podium-person{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:100%;margin-bottom:12px;display:flex;position:relative}.podium-crown{filter:drop-shadow(0 4px 8px #f5b81c80);position:absolute;top:-22px}.podium-slot.p1 .avatar{box-shadow:0 0 0 4px var(--gold-400), 0 10px 30px #f5b81c73}.podium-slot.p2 .avatar{box-shadow:0 0 0 3px var(--silver-400)}.podium-slot.p3 .avatar{box-shadow:0 0 0 3px var(--bronze-400)}.podium-name{font-weight:700;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;overflow:hidden}.podium-score{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);color:var(--gold-400)}.podium-slot.p2 .podium-score,.podium-slot.p3 .podium-score{color:var(--text-1)}.podium-block{border:1px solid #0d14291a;border-bottom:0;border-radius:18px 18px 6px 6px;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;width:100%;padding-top:14px;display:flex;box-shadow:inset 0 1px #fff9}.podium-slot.p1 .podium-block{background:linear-gradient(#f5b81c80,#f5b81c14);height:150px}.podium-slot.p2 .podium-block{background:linear-gradient(#7d858052,#7d85800f);height:112px}.podium-slot.p3 .podium-block{background:linear-gradient(#b0652a52,#b0652a0f);height:86px}.podium-slot.is-loading .podium-block{background:#0d14290a}.podium-slot.is-vacant .podium-block{background:#0d142906;border-style:dashed}.podium-place{font-family:var(--font-display);color:var(--text-1);text-shadow:none;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);font-weight:900;line-height:1}.podium-sub{font-size:var(--fs-xs);color:var(--text-2);text-align:center;padding:0 6px;font-weight:600}.podium-slot.is-me .podium-name:after{content:" (você)";color:var(--brand-200);font-weight:600}.podium-compact .podium-slot.p1 .podium-block{height:120px}.podium-compact .podium-slot.p2 .podium-block{height:90px}.podium-compact .podium-slot.p3 .podium-block{height:70px}@media (max-width:640px){.podium .avatar-xl{--size:56px}.podium .avatar-lg{--size:44px}.podium-name{font-size:var(--fs-sm)}.podium-score{font-size:var(--fs-md)}.podium-slot.p1 .podium-block{height:110px}.podium-slot.p2 .podium-block{height:82px}.podium-slot.p3 .podium-block{height:64px}.podium-sub{display:none}.me-chip{border-radius:var(--r-lg);width:100%}}.rk-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid}.rk-layout .session-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.rk-table-card{overflow:hidden}.rk-table-card .table-wrap{border-radius:0}.rk-table-head{flex-wrap:wrap}.rk-search{width:min(260px,100%)}.rk-search .input{min-height:40px;padding-top:8px;padding-bottom:8px}.rk-sessions .section-head{margin-top:0}.rank-pill{min-width:32px;height:32px;font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);background:#0d14290e;border-radius:10px;place-items:center;padding:0 8px;display:inline-grid}.rank-pill.sm{border-radius:8px;min-width:24px;height:24px;padding:0 4px;font-size:12px}.player-cell{align-items:center;gap:10px;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:min(240px,100%);font-weight:600;overflow:hidden}.player-stack{flex-direction:column;min-width:0;display:flex}.player-stack small{font-size:var(--fs-xs)}.rk-more{border-top:1px solid var(--line);border-radius:0}.rk-more[hidden]{display:none}.table td.strong{font-family:var(--font-display);font-weight:800}.acc{align-items:center;gap:10px;display:inline-flex}.acc-bar{background:#0d142910;border-radius:6px;width:56px;height:6px;overflow:hidden}.acc-bar span{border-radius:inherit;background:linear-gradient(90deg,#2fd27a,#8af0b8);height:100%;display:block}.table-empty{color:var(--text-3);text-align:center!important;padding:40px 16px!important}.session-list{gap:12px;display:grid}.session-card{color:var(--text-1);transition:transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);padding:14px 16px;display:block}.session-card:hover{color:var(--text-1);border-color:#38706042;transform:translateY(-2px)}.session-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.session-date{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.session-date svg{width:15px;height:15px}.session-top{gap:6px;margin:0;padding:0;list-style:none;display:grid}.session-top li{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.session-top .avatar{--size:24px}.session-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.session-more{font-size:var(--fs-xs);color:var(--brand-200);align-items:center;gap:2px;margin-top:10px;font-weight:700;display:inline-flex}.session-more svg{width:14px;height:14px}@media (max-width:1100px){.rk-layout{grid-template-columns:minmax(0,1fr)}.session-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:640px){.rk-pick-grid{grid-template-columns:minmax(0,1fr)}.rk-pick-cover{width:56px;height:56px}.table th,.table td{padding:10px}.player-name{white-space:normal;overflow-wrap:anywhere;max-width:none}.rk-table .player-cell .avatar,.acc-bar{display:none}.rk-search{width:100%}}.results-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin-top:8px;display:grid}.results-layout>section>.section-head{margin-top:0}.results-layout .card .table-wrap{border-radius:0 0 var(--r-lg) var(--r-lg)}.streak{color:var(--warning);align-items:center;gap:4px;font-weight:700;display:inline-flex}.streak svg{width:14px;height:14px}.qstats{gap:12px;margin:0;padding:0;list-style:none;display:grid}.qstat{padding:16px 18px}.qstat-head{align-items:flex-start;gap:12px;display:flex}.qstat-head .q-num{flex:none;grid-row:auto}.qstat-text{padding-top:3px;font-weight:600;line-height:1.4}.qstat-metrics{grid-template-columns:minmax(0,1.6fr) auto auto;align-items:end;gap:18px;margin-top:14px;display:grid}.qstat-acc-top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.qstat small{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:4px;font-weight:700;display:inline-flex}.qstat small svg{width:12px;height:12px}.qstat-acc b{font-family:var(--font-display);font-size:1.15rem}.qstat-acc.tone-good{--bar-color:linear-gradient(90deg, #22b866, #1f7a45)}.qstat-acc.tone-good b{color:#1f7a45}.qstat-acc.tone-mid{--bar-color:linear-gradient(90deg, #e0a020, #ffd25c)}.qstat-acc.tone-mid b{color:var(--gold-400)}.qstat-acc.tone-bad{--bar-color:linear-gradient(90deg, #d63a56, #c62845)}.qstat-acc.tone-bad b{color:#c62845}.qstat-kv{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.qstat-kv b{font-size:var(--fs-lg);font-weight:700}.qstat-answers{border-top:1px solid var(--line);gap:6px;margin:14px 0 0;padding:12px 0 0;list-style:none;display:grid}.qstat-answers li{font-size:var(--fs-sm);grid-template-columns:24px minmax(0,1fr) auto minmax(60px,120px) 28px;align-items:center;gap:10px;display:grid}.qa-shape{background:var(--tone-bg);border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.qa-shape .shape{width:13px;height:13px}.qa-text{white-space:nowrap;text-overflow:ellipsis;color:var(--text-2);overflow:hidden}.is-correct .qa-text{color:var(--text-1);font-weight:600}.qa-ok{color:var(--success);display:inline-flex}.qa-ok svg{stroke-width:3px;width:16px;height:16px}.qstat-answers li:not(.is-correct) .qa-ok{display:none}.qstat-answers li:not(.is-correct){grid-template-columns:24px minmax(0,1fr) minmax(60px,120px) 28px}.qa-bar{background:#0d14290e;border-radius:8px;height:8px;overflow:hidden}.qa-bar span{background:var(--tone-bg);border-radius:inherit;height:100%;animation:bar-grow .9s var(--ease-out) both;transform-origin:0;display:block}.qa-count{text-align:right;color:var(--text-2)}@media (max-width:1100px){.results-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.qstat-metrics{grid-template-columns:1fr 1fr}.qstat-acc{grid-column:1/-1}.qstat-kv{align-items:flex-start}}.page-full{min-height:100dvh}.live-stage{background:var(--bg-0);position:fixed;inset:0;overflow:hidden}.live-stage:focus{box-shadow:none}.live-loading{z-index:5;color:var(--text-2);background:var(--bg-0);align-content:center;place-items:center;gap:14px;display:grid;position:fixed;inset:0}@media (max-width:640px){.player-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.dev-users{padding-bottom:20px;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.results-layout .table th,.results-layout .table td{padding-left:12px;padding-right:12px}@media (max-width:640px){.results-layout .table th,.results-layout .table td{padding:10px 6px}.results-layout .table td:first-child,.results-layout .table th:first-child{padding-left:12px}.results-layout .player-name{max-width:110px}}.dev-user{min-width:0}.dev-user-text{flex:auto;min-width:0}.dev-user-text strong,.dev-user-text span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dev-user .badge{flex:none}