:root{--cat-history:#8A3443;--cat-israel:#2B5C9E;--cat-science:#1E7F86;--cat-space:#4A4FB0;--cat-body:#B2543C;--cat-nature:#55772F;--cat-geography:#2E6B5E;--cat-art:#B5633A;--cat-invention:#5C4A8F;--cat-language:#8F6A2E;--cat-people:#6B3E5C;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-pill:999px;--s-xs:4px;--s-sm:8px;--s-md:12px;--s-lg:16px;--s-xl:20px;--s-xxl:28px;--glass-blur:22px;--glass-saturate:1.65}[data-theme=dark]{--ink:#F5F1E8;--ink2:#C9C4B8;--ink3:#8E8A80;--surface:#070B16;--raised:#121A2C;--royal:#8FA6D9;--gold:#D4B062;--gold-hi:#F3DC97;--gold-lo:#9A7A33;--success:#5CC79A;--error:#E5767C;--glass:rgba(22,30,50,.42);--glass-strong:rgba(26,35,58,.62);--stroke:rgba(255,255,255,.13);--highlight:rgba(255,255,255,.22);--blob1:#23376B;--blob2:#6B4A16;--blob3:#5A1E33}[data-theme=light]{--ink:#0B1426;--ink2:#3A4356;--ink3:#6B7385;--surface:#F4EFE4;--raised:#FFFFFF;--royal:#1B2A4A;--gold:#A9852F;--gold-hi:#D9BC6A;--gold-lo:#7E5F1C;--success:#2F7D5B;--error:#A8343A;--glass:rgba(255,255,255,.5);--glass-strong:rgba(255,255,255,.72);--stroke:rgba(255,255,255,.8);--highlight:rgba(255,255,255,.9);--blob1:#C9D6F2;--blob2:#F1DFAE;--blob3:#EBC9C9}:root{--serif:"Frank Ruhl Libre","New York",Georgia,serif;--sans:"Heebo",-apple-system,"SF Pro Text",Inter,system-ui,sans-serif;--ease-out:cubic-bezier(.22,1,.36,1);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}[data-theme=dark]{--shadow:0 18px 50px rgba(0,0,0,.45);--shadow-sm:0 6px 18px rgba(0,0,0,.3);--track:rgba(255,255,255,.09);--lens:rgba(255,255,255,.12)}[data-theme=light]{--shadow:0 18px 50px rgba(27,42,74,.16);--shadow-sm:0 6px 18px rgba(27,42,74,.1);--track:rgba(11,20,38,.08);--lens:rgba(255,255,255,.8)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{background:var(--surface);color-scheme:dark}[data-theme=light]{color-scheme:light}body{font-family:var(--sans);color:var(--ink);background:transparent;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;transition:background .5s,color .3s}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}.shell{position:relative;height:100%;max-width:480px;margin:0 auto;overflow:hidden;isolation:isolate}@media(min-width:700px){.shell{box-shadow:0 0 0 1px var(--stroke),var(--shadow)}}.aurora{position:fixed;inset:-20%;z-index:-2;filter:blur(70px) saturate(130%);opacity:.95;pointer-events:none}.aurora i{position:absolute;border-radius:50%;animation:drift 38s ease-in-out infinite alternate}.aurora i:nth-child(1){width:70%;height:45%;left:-5%;top:5%;background:var(--blob1)}.aurora i:nth-child(2){width:55%;height:40%;right:-5%;top:30%;background:var(--blob2);animation-duration:46s;animation-delay:-12s}.aurora i:nth-child(3){width:60%;height:40%;left:15%;bottom:0;background:var(--blob3);animation-duration:52s;animation-delay:-20s}@keyframes drift{to{transform:translate(12%,8%) scale(1.15)}}.grain{position:fixed;inset:0;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{position:relative;background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 var(--highlight),inset 0 0 0 1px var(--stroke),var(--shadow-sm)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.14),transparent 38%,transparent 70%,rgba(255,255,255,.04))}.glass.strong{background:var(--glass-strong)}@media(prefers-reduced-transparency:reduce){.glass{background:var(--raised);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.glass{background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--ink-3)}}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase}.display{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.08;letter-spacing:-.02em}.title{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.18;letter-spacing:-.015em}.headline{font-weight:600;font-size:17px;line-height:1.3}.body{font-size:16px;line-height:1.6;color:var(--ink2)}.caption{font-size:13px;color:var(--ink3);line-height:1.45}.num{font-variant-numeric:tabular-nums}.screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:calc(18px + var(--safe-t)) 20px calc(120px + var(--safe-b));scrollbar-width:none;animation:screenIn .42s var(--ease-out)}.screen::-webkit-scrollbar{display:none}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack>*+*{margin-top:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section{display:flex;justify-content:space-between;align-items:baseline;margin:28px 2px 12px}.center{text-align:center}.spacer{height:16px}.pressable{will-change:scale}.press-ripple{position:fixed;z-index:400;pointer-events:none;overflow:hidden;contain:strict}.press-ripple i{position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,currentColor 55%,transparent) 0,color-mix(in srgb,currentColor 18%,transparent) 45%,transparent 70%)}.press-glint{position:fixed;z-index:401;pointer-events:none;overflow:hidden;contain:strict}.press-glint i{position:absolute;top:-20%;bottom:-20%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}.spark{position:fixed;z-index:402;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#FFF6D8,var(--gold-hi) 45%,var(--gold));box-shadow:0 0 10px #f3dc97cc}@media(hover:hover)and (pointer:fine){.btn,.path,.card.pressable,.hero,.interest,.cat,.icon-btn{transition:box-shadow .3s var(--ease-out)}.btn.gold:hover{box-shadow:0 8px 28px #d4b06273}.btn.primary:hover,.path:hover,.card.pressable:hover,.hero:hover{box-shadow:inset 0 1px 0 var(--highlight),inset 0 0 0 1px var(--stroke),var(--shadow)}}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985)}}.screen>*{animation:rise .6s var(--ease-out) both}.screen>*:nth-child(2){animation-delay:45ms}.screen>*:nth-child(3){animation-delay:.09s}.screen>*:nth-child(4){animation-delay:.135s}.screen>*:nth-child(5){animation-delay:.18s}.screen>*:nth-child(6){animation-delay:.225s}.screen>*:nth-child(7){animation-delay:.27s}.screen>*:nth-child(n+8){animation-delay:.3s}.opt{animation:rise .5s var(--ease-out) both}.opt:nth-child(2){animation-delay:.06s}.opt:nth-child(3){animation-delay:.12s}.opt:nth-child(4){animation-delay:.18s}.path-list>*{animation:rise .55s var(--ease-out) both}.path-list>*:nth-child(2){animation-delay:.05s}.path-list>*:nth-child(3){animation-delay:.1s}.path-list>*:nth-child(4){animation-delay:.15s}.path-list>*:nth-child(n+5){animation-delay:.2s}.card{border-radius:var(--r-lg);padding:18px}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.chip.gold{color:var(--gold-hi)}[data-theme=light] .chip.gold{color:var(--gold-lo)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.03em;padding:5px 10px;border-radius:999px;color:#fff}.btn{height:46px;padding:0 20px;border-radius:999px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--ink);color:var(--surface)}.btn.gold{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#1a1206}.btn.block{width:100%}.btn.icon{width:46px;padding:0}.btn:disabled{opacity:.45}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.ring-wrap{position:relative;display:grid;place-items:center}.ring-wrap b{position:absolute;font-size:13px;font-variant-numeric:tabular-nums}.bar{height:8px;border-radius:4px;background:var(--track);overflow:hidden}.bar>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));transition:width .7s var(--ease-out)}.field{display:block;width:100%;height:52px;border-radius:16px;padding:0 16px;border:0;outline:0;font-size:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke)}.field:focus{box-shadow:inset 0 0 0 1.5px var(--gold)}label.lbl{display:block;font-size:13px;color:var(--ink3);margin:14px 4px 6px}.err{color:var(--error);font-size:14px;margin-top:10px}.toast{position:fixed;left:50%;bottom:calc(110px + var(--safe-b));transform:translate(-50%);z-index:200;padding:12px 18px;border-radius:18px;font-size:14px;font-weight:600;animation:toastIn .5s cubic-bezier(.34,1.4,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px) scale(.96)}}.offline{position:fixed;top:calc(8px + var(--safe-t));left:50%;transform:translate(-50%);z-index:150;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600}.tabbar{position:absolute;bottom:calc(18px + var(--safe-b));left:14px;right:14px;height:68px;border-radius:34px;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);padding:6px}.tab{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--ink3);transition:color .25s}.tab.active{color:var(--ink)}.tab svg{width:24px;height:24px}.lens{position:absolute;z-index:1;top:6px;height:56px;border-radius:28px;left:0;background:var(--lens);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff1f,0 4px 14px #0000002e;will-change:transform}.scroll-edge{position:absolute;left:0;right:0;bottom:0;height:140px;z-index:30;pointer-events:none;background:linear-gradient(to top,var(--surface) 12%,transparent);opacity:.85}.seg{position:relative;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:42px;border-radius:21px;padding:4px}.seg button{position:relative;z-index:2;font-size:14px;font-weight:600;color:var(--ink3);transition:color .2s}.seg button.on{color:var(--ink)}.seg .knob{position:absolute;z-index:1;left:0;top:4px;bottom:4px;border-radius:17px;background:var(--lens);box-shadow:inset 0 1px #ffffff4d,0 2px 8px #0003}.toggle{width:51px;height:31px;border-radius:16px;background:var(--track);position:relative;transition:background .25s;flex:none}.toggle i{position:absolute;top:2px;inset-inline-end:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .35s cubic-bezier(.34,1.4,.64,1),scale .25s cubic-bezier(.34,1.4,.64,1)}.toggle:active i{scale:1.22 .94}[dir=rtl] .toggle.on i{transform:translate(-20px)}[dir=ltr] .toggle.on i{transform:translate(20px)}.toggle.on{background:var(--success)}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;min-height:56px}.setting+.setting{border-top:1px solid var(--stroke)}.hero{border-radius:var(--r-xl);overflow:hidden;cursor:pointer}.art{position:relative;overflow:hidden}.art .orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,250,235,.95),rgba(255,240,210,.55) 60%,transparent 72%);filter:blur(.3px)}.art .glyph{position:absolute;inset:auto 0 0;opacity:.85}.meta{padding:18px 20px 20px}.deck{position:absolute;inset:0;touch-action:none;cursor:grab}.dcard{position:absolute;left:14px;right:14px;top:calc(14px + var(--safe-t));bottom:calc(104px + var(--safe-b));border-radius:var(--r-xl);overflow:hidden;will-change:transform}.dcard .shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,8,16,.94) 10%,rgba(5,8,16,.25) 58%,transparent)}.dcard .content{position:absolute;inset:auto 0 0;padding:24px 22px 26px;padding-inline-end:76px;color:#f5f1e8}.dcard .content .body{color:#f5f1e8d6}.dcard .side{position:absolute;inset-inline-end:14px;bottom:28px;display:flex;flex-direction:column;gap:10px;z-index:3}.dcard .side button{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff}.page-dots{position:absolute;inset-inline-start:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:5}.page-dots i{width:4px;height:12px;border-radius:2px;background:#ffffff40;transition:height .3s,background .3s}.page-dots i.on{height:24px;background:var(--gold)}.quizlet{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:28px 22px}.q{font-family:var(--serif);font-size:25px;line-height:1.28;letter-spacing:-.01em;margin:22px 2px 20px}.opt{position:relative;width:100%;min-height:60px;border-radius:20px;padding:12px 20px;text-align:start;font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden}.opt+.opt{margin-top:10px}.opt .fill{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.opt.correct .fill{background:var(--success)}.opt.wrong .fill{background:var(--error)}.opt>span{position:relative;z-index:1}.opt .mark{opacity:0;transform:scale(.4);transition:opacity .25s,transform .45s cubic-bezier(.34,1.56,.64,1)}.opt.correct .mark,.opt.wrong .mark{opacity:1;transform:none}.opt.correct,.opt.wrong{color:#fff}.opt.dim{opacity:.45;transition:opacity .3s}.opt.pic{min-height:96px;justify-content:center;font-size:20px}.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.why{margin-top:16px;border-radius:20px;padding:16px 18px;animation:whyIn .5s var(--ease-out)}@keyframes whyIn{0%{opacity:0;transform:translateY(10px)}}.tf{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.tf .opt{justify-content:center;min-height:72px;font-size:19px;font-weight:700}.tl-item{display:flex;align-items:center;gap:12px;height:58px;border-radius:18px;padding:0 16px;touch-action:none;cursor:grab;will-change:transform;font-weight:500}.tl-item .grip{color:var(--ink3);font-size:18px}.tl-item .yr{margin-inline-start:auto;font-family:var(--serif);color:var(--gold);opacity:0;transition:opacity .3s}.tl-done .tl-item .yr{opacity:1}.tl-item.ok{box-shadow:inset 0 0 0 2px var(--success)}.tl-item.bad{box-shadow:inset 0 0 0 2px var(--error)}.hl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hl .opt{flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:130px}.hl .val{font-family:var(--serif);font-size:24px;margin-top:6px;opacity:0;transition:opacity .4s}.hl.done .val{opacity:1}.quote{font-family:var(--serif);font-size:24px;line-height:1.35;margin:22px 4px;position:relative;padding-inline-start:22px}.quote:before{content:"”";position:absolute;inset-inline-start:-4px;top:-14px;font-size:64px;color:var(--gold);opacity:.6}.xp-fly{position:fixed;z-index:300;font-weight:800;color:var(--gold-hi);font-size:18px;pointer-events:none;text-shadow:0 2px 10px rgba(212,176,98,.6)}.scrim{position:fixed;inset:0;z-index:70;background:#00000073}.sheet{position:fixed;left:50%;bottom:0;width:min(480px,100%);z-index:71;max-height:88%;border-radius:34px 34px 0 0;padding:10px 22px calc(34px + var(--safe-b));overflow-y:auto;touch-action:pan-y;will-change:transform;scrollbar-width:none}.grabber{width:38px;height:5px;border-radius:3px;background:var(--ink3);opacity:.5;margin:0 auto 18px}.timeline{position:relative;margin-top:18px;padding-inline-start:22px}.timeline:before{content:"";position:absolute;inset-inline-start:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--gold),transparent)}.timeline>div{position:relative;margin-bottom:16px}.timeline>div:before{content:"";position:absolute;inset-inline-start:-21px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d4b06233}.ceremony{position:fixed;inset:0;z-index:300;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#281e0a99,#03050aeb);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:fade .4s}@keyframes fade{0%{opacity:0}}.ceremony canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.seal{width:190px;height:190px;filter:drop-shadow(0 0 30px rgba(240,214,138,.45))}.seal .stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.2s var(--ease-out) forwards}.seal .s2{animation-delay:.35s}.seal .s3{animation-delay:.7s}.seal .orb2{opacity:0;transform-origin:128px 72px;transform:scale(0);animation:orb .6s 1.25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes orb{to{opacity:1;transform:scale(1)}}.cer-txt{color:#f5f1e8;animation:cerTxt .8s 1.5s var(--ease-out) both}@keyframes cerTxt{0%{opacity:0;transform:translateY(14px)}}.rank{font-family:var(--serif);font-size:42px;letter-spacing:-.02em;margin:22px 0 6px;background:linear-gradient(100deg,#9a7a33,#f3dc97 45%,#fff,#f3dc97 55%,#9a7a33);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:250% 100%;animation:glint 3.2s 2s ease-in-out infinite}@keyframes glint{0%{background-position:100% 0}60%,to{background-position:-40% 0}}.onb{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(40px + var(--safe-t)) 24px calc(30px + var(--safe-b));animation:screenIn .5s var(--ease-out)}.onb .grow{flex:1}.interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.interest{height:74px;border-radius:20px;display:flex;align-items:center;gap:10px;padding:0 14px;font-weight:600;font-size:15px;text-align:start;transition:transform .3s cubic-bezier(.34,1.4,.64,1),box-shadow .25s}.interest .dot{width:30px;height:30px;border-radius:10px;flex:none}.interest.on{box-shadow:inset 0 0 0 2px var(--gold),var(--shadow-sm);transform:scale(1.02)}.wheel{height:220px;overflow-y:auto;scroll-snap-type:y mandatory;border-radius:24px;margin-top:24px;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.wheel div{height:44px;display:grid;place-items:center;scroll-snap-align:center;font-size:22px;color:var(--ink3);font-variant-numeric:tabular-nums}.wheel div.on{color:var(--ink);font-weight:700;font-size:26px}.medallion-big{width:120px;height:120px}.path{display:flex;gap:14px;align-items:center;border-radius:var(--r-lg);padding:14px;width:100%;text-align:start}.path .thumb{width:64px;height:64px;border-radius:18px;flex:none}.path .info{flex:1;min-width:0}.cats{display:flex;gap:8px;overflow-x:auto;margin:14px -20px 0;padding:2px 20px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:none;height:38px;padding:0 15px;border-radius:19px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.cat i{width:8px;height:8px;border-radius:50%}.cat.on{box-shadow:inset 0 0 0 1.5px var(--gold)}.medals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.medal{aspect-ratio:1;border-radius:20px;display:grid;place-items:center;color:var(--gold)}.medal.locked{opacity:.3;color:var(--ink3)}.storage-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:14px 0 8px;background:var(--track)}.storage-bar i{height:100%;transition:width .7s var(--ease-out)}.legend{display:flex;gap:14px;font-size:12px;color:var(--ink3);flex-wrap:wrap}.legend b{width:8px;height:8px;border-radius:50%;display:inline-block;margin-inline-end:5px}.word{transition:background .15s;border-radius:4px}.word.speaking{background:#d4b06259}@media(prefers-reduced-motion:reduce){.aurora i,.rank{animation:none}.screen,.onb{animation:fadeOnly .2s}@keyframes fadeOnly{0%{opacity:0}}.shake{animation:none}.seal .stroke{animation-duration:.01s}.screen>*,.opt,.path-list>*{animation:none}.is-pressed{opacity:.72}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.admin{display:grid;grid-template-columns:230px 1fr;height:100%;overflow:hidden}.admin aside{padding:24px 14px;display:flex;flex-direction:column;gap:4px;border-inline-end:1px solid var(--stroke)}.admin aside button{height:42px;border-radius:12px;padding:0 14px;text-align:start;font-weight:600;color:var(--ink3)}.admin aside button.on{background:var(--lens);color:var(--ink)}.admin main{overflow-y:auto;padding:28px 32px 60px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.kpi{border-radius:20px;padding:16px}.kpi b{display:block;font-family:var(--serif);font-size:30px;margin-top:4px;font-variant-numeric:tabular-nums}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:start;font-weight:600;color:var(--ink3);font-size:12px;padding:10px 8px;border-bottom:1px solid var(--stroke)}table.t td{padding:10px 8px;border-bottom:1px solid var(--stroke);vertical-align:top}table.t tr:hover td{background:#ffffff08}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--track)}.pill.red{background:#e5767c33;color:var(--error)}.pill.green{background:#5cc79a2e;color:var(--success)}.spark{display:flex;align-items:flex-end;gap:3px;height:80px;margin-top:12px}.spark i{flex:1;background:linear-gradient(var(--gold-hi),var(--gold-lo));border-radius:3px 3px 0 0;min-height:2px}@media(max-width:800px){.admin{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin aside{flex-direction:row;overflow-x:auto;padding:10px;border:0}.admin aside button{flex:none}.admin main{padding:18px}}
