@layer theme,base;@layer components{.zk-admin,.zk-site,.zk{--brand-25:#fff9f4;--brand-50:#fff1e7;--brand-100:#ffe0cc;--brand-200:#ffc29a;--brand-400:#ff8a4c;--brand-500:#ff6a1a;--brand-600:#f25a0a;--brand-700:#c2410c;--brand-800:#9a3412;--brand-900:#5a1e08;--blue-25:#f5f8ff;--blue-50:#edf3ff;--blue-100:#dce7ff;--blue-200:#bcd0ff;--blue-400:#5b8bf0;--blue-500:#2f6bff;--blue-600:#1f58e6;--blue-700:#1746b8;--blue-800:#12378f;--blue-900:#0d2458;--gold-50:#fff8e6;--gold-100:#ffedbf;--gold-200:#ffdc82;--gold-400:#ffc233;--gold-500:#ffb020;--gold-600:#e39600;--gold-700:#8a5a00;--orange-50:var(--gold-50);--orange-100:var(--gold-100);--orange-400:var(--gold-400);--orange-500:var(--gold-500);--orange-600:var(--gold-600);--orange-700:var(--gold-700);--green-500:#16a34a;--green-600:#15803d;--green-50:#eaf8ef;--red-500:#e5484d;--red-600:#ce2c31;--red-50:#fdeeee;--ink-950:#0b0b0d;--ink-900:#111114;--ink-700:#3a3a41;--ink-500:#62626c;--ink-400:#8a8a94;--ink-200:#d9d9df;--ink-100:#ebebef;--ink-50:#f4f4f6;--bg:#f7f7f5;--surface:#fff;--hairline:#0e0e1214;--font:var(--font-onest), "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-22:22px;--fs-28:28px;--fs-34:34px;--fs-48:48px;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--tr-display:-.035em;--tr-title:-.02em;--tr-body:-.005em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-14:56px;--gutter:20px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-full:999px;--shadow-float:0 1px 2px #0e0e120f, 0 8px 24px #0e0e1214;--shadow-card:0 1px 2px #0e0e120a;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--t-fast:.14s;--t:.22s;--t-slow:.32s;--tap:48px;--btn-h:52px;--btn-h-sm:40px;--tabbar-h:64px;--emerald-500:#0f9f77;--scrim:#0e0e1266;--glass:#f7f7f5db;--tabbar-bg:#ffffffdb;--skel-shine:#ffffffa6;--shadow-thumb:0 1px 2px #0e0e1214, 0 2px 8px #0e0e120f;--side-w:248px}.zk-site{--brand-25:#f8faff;--brand-50:#eef2ff;--brand-100:#e0e8ff;--brand-200:#bfdbfe;--brand-400:#93c5fd;--brand-500:#1b3f92;--brand-600:#2860e3;--brand-700:#1b3f92;--brand-800:#132b66;--brand-900:#0d1e4a;--ink-950:#0d1e4a;--bg:#f8faff;--glass:#f8faffdb}.zk *,.zk :before,.zk :after{box-sizing:border-box}.zk *{margin:0;padding:0}.zk{font-family:var(--font);font-size:var(--fs-16);line-height:var(--lh-body);letter-spacing:var(--tr-body);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1, "cv11" 1}.zk img,.zk svg{display:block}.zk a{color:inherit;text-decoration:none}.zk button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.zk :focus-visible{outline:3px solid var(--brand-400);outline-offset:2px;border-radius:6px}.zk :is(.card-hero,.is-event,.seg-on-blue) :focus-visible{outline-color:#fff}.zk :is(.card-hero,.is-event) :is(.card,.card-tint,.card-warm,.list,.feedback,.callout,.sheet,.dialog) :focus-visible{outline-color:var(--brand-400)}@media (prefers-reduced-motion:reduce){.zk *,.zk :before,.zk :after{transition-duration:0s!important;animation-duration:0s!important}}.zk .t-display{font-size:var(--fs-48);letter-spacing:var(--tr-display);font-weight:700;line-height:1}.zk .t-h1{font-size:var(--fs-34);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tr-display)}.zk .t-h2{font-size:var(--fs-28);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tr-title)}.zk .t-h3{font-size:var(--fs-22);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tr-title)}.zk .t-title{font-size:var(--fs-18);font-weight:600;line-height:var(--lh-snug);letter-spacing:-.01em}.zk .t-body{font-size:var(--fs-16);font-weight:400}.zk .t-sm{font-size:var(--fs-14);line-height:1.45}.zk .t-xs{font-size:var(--fs-12);line-height:1.35}.zk .t-500{font-weight:500}.zk .t-600{font-weight:600}.zk .t-700{font-weight:700}.zk .c-2{color:var(--ink-700)}.zk .c-3{color:var(--ink-500)}.zk .c-blue{color:var(--blue-600)}.zk .c-brand{color:var(--brand-700)}.zk .c-orange{color:var(--gold-700)}.zk .num{font-feature-settings:"tnum" 1}.zk .stack>*+*{margin-top:var(--gap,var(--s-3))}.zk .row{align-items:center;gap:var(--gap,var(--s-3));display:flex}.zk .row-between{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.zk .grow{flex:1;min-width:0}.zk .section{margin-top:var(--s-8)}.zk .section-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);padding:0 var(--s-1);display:flex}.zk .section-head h2{font-size:var(--fs-18);letter-spacing:-.01em;font-weight:600}.zk .section-head a{font-size:var(--fs-14);color:var(--brand-700);font-weight:600;position:relative}.zk .section-head a:after{content:"";inset:-14px calc(-1 * var(--s-2));position:absolute}.zk.app{min-height:100dvh}.zk .screen{max-width:560px;padding:var(--s-2) var(--gutter) calc(var(--tabbar-h) + var(--s-10) + env(safe-area-inset-bottom));margin:0 auto}.zk .topbar{align-items:center;gap:var(--s-3);height:56px;display:flex}.zk .large-title{margin:var(--s-2) 0 var(--s-5)}.zk .large-title .eyebrow{font-size:var(--fs-14);color:var(--ink-500);margin-bottom:2px;font-weight:500}.zk .card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-card)}.zk .card-tint{background:var(--brand-50);border-radius:var(--r-lg);padding:var(--s-5)}.zk .card-warm{background:var(--gold-50);border-radius:var(--r-lg);padding:var(--s-5)}.zk .card-hero{background:var(--ink-950);color:#fff;border-radius:var(--r-xl);padding:var(--s-6);isolation:isolate;position:relative;overflow:hidden}.zk .card-hero>*{z-index:1;position:relative}.zk .card-hero>.watermark{z-index:0;opacity:.1;pointer-events:none;width:190px;position:absolute;top:-34px;right:-28px}.zk .card-hero .c-3,.zk .card-hero .t-sm{color:#ffffffc7}.zk .list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.zk .list>*+*{border-top:1px solid var(--ink-100)}.zk .list-row{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);min-height:64px;display:flex}.zk .btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--btn-h);padding:0 var(--s-6);border-radius:var(--r-full);font-size:var(--fs-16);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;font-weight:600;display:inline-flex}.zk .btn:active{transform:scale(.97)}.zk .btn-block{width:100%}.zk .btn-sm{height:var(--btn-h-sm);padding:0 var(--s-4);font-size:var(--fs-14)}.zk .btn-primary{background:var(--brand-500);color:var(--ink-950)}.zk .btn-primary:hover{background:var(--brand-400)}.zk .btn-on-blue{background:var(--brand-500);color:var(--ink-950)}.zk .btn-on-blue:hover{background:var(--brand-400)}.zk .btn-tonal{background:var(--brand-50);color:var(--brand-700)}.zk .btn-tonal:hover{background:var(--brand-100)}.zk .btn-reward{background:var(--gold-500);color:var(--ink-950);font-weight:700}.zk .btn-reward:hover{background:var(--gold-400)}.zk .btn-reward>svg{box-sizing:border-box;width:28px;height:28px;color:var(--gold-700);background:#fff;border-radius:50%;flex:none;padding:4px}.zk .btn-reward:has(>svg){padding-left:var(--s-3)}.zk .btn-sm.btn-reward>svg{width:24px;height:24px;padding:3px}.zk .btn-sm.btn-reward:has(>svg){padding-left:var(--s-2)}.zk .btn-ghost{color:var(--brand-700);padding:0 var(--s-3);background:0 0}.zk .btn-glass{color:#fff;background:#ffffff24}.zk .btn-glass:hover{background:#ffffff38}.zk .icon-btn{border-radius:var(--r-full);width:44px;height:44px;color:var(--ink-700);place-items:center;display:inline-grid;position:relative}.zk .icon-btn:hover{background:var(--ink-50)}.zk .chip{height:36px;padding:0 var(--s-3);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-card);font-size:var(--fs-14);align-items:center;gap:6px;font-weight:600;display:inline-flex}.zk .chip-warm{background:var(--gold-50);color:var(--gold-700);box-shadow:none}.zk a.chip,.zk button.chip{position:relative}.zk a.chip:after,.zk button.chip:after{content:"";position:absolute;inset:-6px 0}.zk .chip-blue{background:var(--blue-50);color:var(--blue-700);box-shadow:none}.zk .tag{height:24px;padding:0 var(--s-2);border-radius:var(--r-xs);font-size:var(--fs-12);background:var(--ink-50);color:var(--ink-700);align-items:center;font-weight:600;display:inline-flex}.zk .dot{background:var(--gold-500);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:8px;right:9px}.zk .bar{border-radius:var(--r-full);background:var(--ink-100);height:8px;overflow:hidden}.zk .bar>i{border-radius:inherit;background:var(--brand-600);height:100%;transition:width var(--t-slow) var(--ease);display:block}.zk .bar.warm>i{background:var(--gold-500)}.zk .card-hero .bar{background:#ffffff3d}.zk .card-hero .bar>i{background:#fff}.zk .progress-ring{--p:0;--c:var(--gold-500);background:conic-gradient(var(--c) calc(var(--p) * 1%), var(--ink-100) 0);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.zk .progress-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;width:calc(100% - 14px);height:calc(100% - 14px)}.zk .progress-ring>*{grid-area:1/1;position:relative}.zk .steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.zk .steps>i{border-radius:var(--r-full);background:#ffffff47;height:6px}.zk .steps>i.done{background:#fff}.zk .steps>i.now{background:linear-gradient(90deg,#fff 45%,#ffffff47 45%)}.zk .nut{flex:none;width:24px;height:24px}.zk .nut-lg{width:40px;height:40px}.zk .badge{border-radius:var(--r-md);background:var(--gold-50);width:56px;height:56px;color:var(--gold-600);flex:none;place-items:center;display:grid}.zk .badge.locked{background:var(--ink-50);color:var(--ink-400)}.zk .badge svg{width:28px;height:28px}.zk .tabbar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;width:min(100% - 24px,440px);height:var(--tabbar-h);border-radius:var(--r-full);background:var(--tabbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(20px);backdrop-filter:saturate(1.6)blur(20px);box-shadow:var(--shadow-float);grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:fixed;transform:translate(-50%)}.zk .tab{border-radius:var(--r-full);color:var(--ink-500);font-size:var(--fs-12);letter-spacing:-.01em;white-space:nowrap;transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);align-content:center;justify-items:center;gap:2px;font-weight:600;display:grid}.zk .tab svg{width:24px;height:24px}@media (max-width:359px){.zk .tabbar{width:calc(100% - var(--s-4));padding:var(--s-1)}}.zk .tab[aria-current=page]{color:var(--brand-700);background:var(--brand-50)}.zk .tab .ic-fill{display:none}.zk .tab[aria-current=page] .ic-fill{display:block}.zk .tab[aria-current=page] .ic-line,.zk .sidebar{display:none}@media (min-width:1024px){.zk .tabbar{display:none}.zk.app{grid-template-columns:248px minmax(0,1fr);display:grid}.zk .sidebar{gap:var(--s-1);height:100dvh;padding:var(--s-6) var(--s-4);flex-direction:column;display:flex;position:sticky;top:0}.zk .sidebar .brand{align-items:center;gap:var(--s-3);padding:0 var(--s-3) var(--s-6);font-weight:700;font-size:var(--fs-18);letter-spacing:-.02em;color:var(--ink-900);display:flex}.zk .sidebar .brand img{border-radius:50%;width:36px;height:36px}.zk .side-link{align-items:center;gap:var(--s-3);height:48px;padding:0 var(--s-4);border-radius:var(--r-full);color:var(--ink-700);font-weight:500;display:flex}.zk .side-link:hover{background:var(--ink-50)}.zk .side-link[aria-current=page]{background:var(--brand-50);color:var(--brand-700);font-weight:600}.zk .side-link svg{width:22px;height:22px}.zk .side-link .ic-fill{display:none}.zk .side-link[aria-current=page] .ic-fill{display:block}.zk .side-link[aria-current=page] .ic-line{display:none}.zk .screen{width:100%;max-width:1120px;padding:var(--s-6) var(--s-10) var(--s-14)}.zk .desk-grid{gap:var(--s-8);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.zk .desk-side{top:var(--s-6);position:sticky}}.zk .desk-only{display:none}@media (min-width:1024px){.zk .desk-only{display:block}.zk .mob-only{display:none!important}}.zk .avatar{background:linear-gradient(135deg, var(--brand-100), var(--brand-200));width:40px;height:40px;color:var(--brand-800);font-weight:700;font-size:var(--fs-14);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand-400);border-radius:50%;flex:none;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid}.zk .preview-foot{margin-top:var(--s-10);text-align:center;font-size:var(--fs-12);color:var(--ink-500);font-weight:500;display:block}.zk .preview-foot:hover{color:var(--brand-700)}.zk .sidebar .preview-foot{text-align:left;padding:0 var(--s-4);margin-top:auto}@media (min-width:1024px){.zk .screen>.preview-foot{display:none}}.zk .screen{--screen-x:var(--gutter)}@media (min-width:1024px){.zk .screen{--screen-x:var(--s-10)}}html.zk-has-overlay{overflow:hidden}.zk [hidden]{display:none!important}.zk .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zk .ic{flex:none;width:24px;height:24px}.zk .ic-16{width:16px;height:16px}.zk .ic-18{width:18px;height:18px}.zk .ic-20{width:20px;height:20px}.zk .ic-28{width:28px;height:28px}.zk .ic-tile{border-radius:var(--r-sm);background:var(--brand-50);width:40px;height:40px;color:var(--brand-700);flex:none;place-items:center;display:grid}.zk .ic-tile>svg{width:22px;height:22px}.zk .ic-tile-lg{width:48px;height:48px}.zk .ic-tile-lg>svg{width:24px;height:24px}.zk .ic-tile.warm{background:var(--gold-50);color:var(--gold-600)}.zk .ic-tile.reward{background:var(--gold-500);color:var(--ink-950);display:grid}.zk .ic-tile.reward>svg{width:22px;height:22px}.zk .ic-tile.solid{background:var(--brand-500);color:var(--ink-950)}.zk .ic-tile.muted{background:var(--ink-50);color:var(--ink-500)}.zk .subj-ic{border-radius:var(--r-sm);width:44px;height:44px;font-size:var(--fs-16);background:var(--brand-50);color:var(--brand-700);flex:none;place-items:center;font-weight:700;display:grid}.zk .subj-ic.warm{background:var(--gold-50);color:var(--gold-700)}.zk .chev{width:20px;height:20px;color:var(--ink-400);flex:none}.zk .title-row{justify-content:space-between;align-items:flex-end;gap:var(--s-3);display:flex}.zk .title-row .title-end{gap:var(--s-2);padding-bottom:var(--s-1);flex:none;display:flex}.zk .appbar{z-index:20;align-items:center;gap:var(--s-2);height:56px;margin:calc(-1 * var(--s-2)) calc(-1 * var(--screen-x)) 0;padding:0 calc(var(--screen-x) - var(--s-2));background:var(--glass);-webkit-backdrop-filter:saturate(1.6)blur(20px);backdrop-filter:saturate(1.6)blur(20px);grid-template-columns:44px minmax(0,1fr) 44px;display:grid;position:sticky;top:0}.zk .appbar-title{text-align:center;font-size:var(--fs-16);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.zk .appbar-sub{font-size:var(--fs-12);color:var(--ink-500);letter-spacing:0;font-weight:500;display:block}.zk .appbar>:last-child{justify-self:end}@media (min-width:1024px){.zk.app.no-nav{display:block}.zk.app.no-nav .screen{max-width:720px}}.zk.app.no-nav .screen{padding-bottom:var(--s-14)}.zk .action-bar{z-index:25;padding:var(--s-3) var(--gutter) calc(var(--s-3) + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:saturate(1.6)blur(20px);backdrop-filter:saturate(1.6)blur(20px);box-shadow:0 -1px 0 var(--hairline);position:fixed;bottom:0;left:0;right:0}.zk .action-bar-in{gap:var(--s-3);max-width:520px;margin:0 auto;display:flex}.zk .action-bar-in>.btn{flex:1}.zk.app.has-action-bar .screen{padding-bottom:calc(var(--btn-h) + var(--s-14) + env(safe-area-inset-bottom))}@media (min-width:1024px){.zk.app:not(.no-nav)~.action-bar,.zk.app:not(.no-nav) .action-bar{left:var(--side-w)}}.zk .is-event{background:var(--ink-950);color:#fff}.zk .is-event .c-3,.zk .is-event .t-sm{color:#ffffffc7}.zk .event{max-width:520px;min-height:100dvh;padding:var(--s-2) var(--gutter) calc(var(--s-6) + env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.zk .event-body{text-align:center;align-content:center;justify-items:center;gap:var(--s-3);padding:var(--s-6) 0;display:grid}.zk .event-actions{gap:var(--s-3);display:grid}.zk .is-event .icon-btn{color:#fff}.zk .is-event .icon-btn:hover{background:#ffffff1f}.zk .seg{--n:2;--i:0;isolation:isolate;height:var(--tap);padding:var(--s-1);border-radius:var(--r-full);background:var(--ink-100);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative}.zk .seg:before{content:"";z-index:-1;top:var(--s-1);bottom:var(--s-1);left:var(--s-1);width:calc((100% - var(--s-2)) / var(--n));border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-thumb);transform:translateX(calc(var(--i) * 100%));transition:transform var(--t) var(--ease);position:absolute}.zk .seg>button{min-width:0;padding:0 var(--s-3);border-radius:var(--r-full);font-size:var(--fs-14);color:var(--ink-500);white-space:nowrap;transition:color var(--t-fast) var(--ease);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.zk .seg>button>span{text-overflow:ellipsis;overflow:hidden}.zk .seg>button{position:relative}.zk .seg>button:after{content:"";inset:calc(-1 * var(--s-1)) 0;position:absolute}.zk .seg>button:hover{color:var(--ink-700)}.zk .seg>[aria-pressed=true],.zk .seg>[aria-selected=true]{color:var(--ink-900)}.zk .seg .seg-count{color:var(--ink-500);font-feature-settings:"tnum" 1;font-weight:500}.zk .seg>[aria-pressed=true] .seg-count,.zk .seg>[aria-selected=true] .seg-count{color:var(--ink-500)}@media (max-width:359px){.zk .seg .seg-count{display:none}}.zk .seg-sm{height:36px}.zk .seg-sm>button{font-size:var(--fs-14)}.zk .seg-on-blue{background:#ffffff29}.zk .seg-on-blue>button{color:#ffffffd1}.zk .seg-on-blue>button:hover{color:#fff}.zk .seg-on-blue>[aria-pressed=true],.zk .seg-on-blue>[aria-selected=true]{color:var(--brand-700)}.zk .tabs{gap:var(--s-6);box-shadow:inset 0 -1px 0 var(--ink-100);scrollbar-width:none;display:flex;overflow-x:auto}.zk .tabs::-webkit-scrollbar{display:none}.zk .tabs>[role=tab]{height:44px;font-size:var(--fs-16);color:var(--ink-500);white-space:nowrap;transition:color var(--t-fast) var(--ease);flex:none;align-items:center;gap:6px;font-weight:600;display:inline-flex;position:relative}.zk .tabs>[role=tab]:hover{color:var(--ink-700)}.zk .tabs>[aria-selected=true]{color:var(--ink-900)}.zk .tabs>[role=tab]:after{content:"";border-radius:var(--r-full) var(--r-full) 0 0;background:var(--brand-600);height:3px;transition:transform var(--t) var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.zk .tabs>[aria-selected=true]:after{transform:scaleX(1)}.zk .tabs .tag{height:20px;padding:0 6px}.zk .field{gap:var(--s-2);display:grid}.zk .field-label{font-size:var(--fs-14);color:var(--ink-700);font-weight:600}.zk .field-hint{font-size:var(--fs-14);color:var(--ink-500);line-height:1.45}.zk .field-error{font-size:var(--fs-14);color:var(--red-600);align-items:center;gap:6px;font-weight:500;display:flex}.zk .field-error svg{flex:none;width:18px;height:18px}.zk .input,.zk .select,.zk .textarea{width:100%;height:var(--btn-h);padding:0 var(--s-4);border-radius:var(--r-sm);background:var(--ink-50);font:inherit;font-size:var(--fs-16);color:var(--ink-900);letter-spacing:var(--tr-body);appearance:none;transition:background-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border:0;outline:none}.zk .input::placeholder,.zk .textarea::placeholder{color:var(--ink-400)}.zk .input:hover,.zk .select:hover,.zk .textarea:hover{background:var(--ink-100)}.zk .input:focus,.zk .select:focus,.zk .textarea:focus,.zk .input.is-focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--brand-600), 0 0 0 4px var(--brand-100)}.zk .input[aria-invalid=true],.zk .textarea[aria-invalid=true]{background:var(--red-50);box-shadow:inset 0 0 0 2px var(--red-500)}.zk .input:disabled,.zk .select:disabled,.zk .textarea:disabled{opacity:.5;cursor:not-allowed}.zk .input-surface{background:var(--surface);box-shadow:var(--shadow-card)}.zk .select{padding-right:var(--s-10);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9.5 6 6 6-6' fill='none' stroke='%238391A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center;background-size:20px}.zk .textarea{height:auto;min-height:120px;padding:var(--s-3) var(--s-4);line-height:var(--lh-body);resize:vertical}.zk .search{position:relative}.zk .search>svg{left:var(--s-4);width:20px;height:20px;color:var(--ink-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.zk .search>.input{height:var(--tap);border-radius:var(--r-full);padding-left:calc(var(--s-10) + var(--s-1))}.zk .check,.zk .radio{appearance:none;cursor:pointer;background:var(--surface);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--ink-200);transition:box-shadow var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);flex:none;margin:0}.zk .check{border-radius:var(--r-xs)}.zk .radio{border-radius:50%}.zk .check:hover,.zk .radio:hover{box-shadow:inset 0 0 0 2px var(--ink-400)}.zk .check:checked{box-shadow:none;background:var(--brand-600) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-8.5' fill='none' stroke='%23111114' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.zk .radio:checked{box-shadow:inset 0 0 0 7px var(--brand-600)}.zk .check:disabled,.zk .radio:disabled{opacity:.45;cursor:not-allowed}.zk .choice{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);cursor:pointer;min-height:64px;transition:background-color var(--t-fast) var(--ease);display:flex}.zk .choice:hover{background:var(--brand-25)}.zk .choice:has(:checked){background:var(--brand-25)}.zk .switch{appearance:none;border-radius:var(--r-full);background:var(--ink-200);cursor:pointer;width:52px;height:32px;transition:background-color var(--t) var(--ease);flex:none;margin:0;position:relative}.zk .switch:after{content:"";width:28px;height:28px;box-shadow:var(--shadow-thumb);transition:transform var(--t) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.zk .switch:checked{background:var(--brand-600)}.zk .switch:checked:after{transform:translate(20px)}.zk .switch:disabled{opacity:.45;cursor:not-allowed}.zk .btn:disabled,.zk .btn[aria-disabled=true]{opacity:.45;pointer-events:none}.zk .list-row .row-end{align-items:center;gap:var(--s-2);color:var(--ink-500);font-size:var(--fs-14);flex:none;margin-left:auto;font-weight:500;display:inline-flex}.zk .list-row.tap{transition:background-color var(--t-fast) var(--ease)}.zk .list-row.tap:hover{background:var(--brand-25)}.zk .list-row.tap:active{background:var(--brand-50)}.zk .overlay{z-index:50;place-items:end center;display:grid;position:fixed;inset:0}.zk .overlay[hidden]{display:none}.zk .scrim{background:var(--scrim);opacity:0;transition:opacity var(--t-slow) var(--ease);position:absolute;inset:0}.zk .overlay.is-open .scrim{opacity:1}.zk .sheet{width:100%;max-width:560px;max-height:calc(100dvh - var(--s-10));overscroll-behavior:contain;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-float);padding:var(--s-2) var(--s-6) calc(var(--s-6) + env(safe-area-inset-bottom));transition:transform var(--t-slow) var(--ease);position:relative;overflow:auto;transform:translateY(100%)}.zk .overlay.is-open .sheet{transform:none}.zk .sheet:focus,.zk .dialog:focus{outline:none}.zk .sheet-grabber{width:36px;height:5px;margin:0 auto var(--s-4);border-radius:var(--r-full);background:var(--ink-200)}.zk .sheet-head{align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.zk .sheet-head .icon-btn{margin:calc(-1 * var(--s-1)) calc(-1 * var(--s-2)) 0 auto;background:var(--ink-50);flex:none;width:36px;height:36px}.zk .sheet-head .icon-btn svg{width:20px;height:20px}.zk .sheet-actions{gap:var(--s-2);margin-top:var(--s-6);display:grid}.zk .dialog{width:min(calc(100% - 2 * var(--gutter)), 400px);padding:var(--s-6);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-float);text-align:center;opacity:0;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);align-self:center;position:relative;transform:scale(.96)}.zk .overlay.is-open .dialog{opacity:1;transform:none}.zk .dialog .ic-tile{margin:0 auto var(--s-4)}@media (min-width:768px){.zk .sheet{border-radius:var(--r-xl);max-width:480px;padding:var(--s-6);opacity:0;transform:translateY(var(--s-6)) scale(.98);transition:opacity var(--t) var(--ease), transform var(--t-slow) var(--ease);align-self:center}.zk .overlay.is-open .sheet{opacity:1}.zk .sheet-grabber{display:none}}.zk .toast-host{left:50%;bottom:calc(12px + var(--tabbar-h) + var(--s-3) + env(safe-area-inset-bottom));z-index:60;width:min(calc(100% - 2 * var(--gutter)), 420px);justify-items:center;gap:var(--s-2);pointer-events:none;display:grid;position:fixed;transform:translate(-50%)}.zk.no-nav .toast-host{bottom:calc(var(--btn-h) + var(--s-8) + env(safe-area-inset-bottom))}@media (min-width:1024px){.zk .toast-host{bottom:var(--s-8);left:calc(50% + var(--side-w) / 2)}.zk.no-nav .toast-host{left:50%}}.zk .toast{align-items:center;gap:var(--s-3);max-width:100%;min-height:48px;padding:var(--s-3) var(--s-5) var(--s-3) var(--s-4);border-radius:var(--r-full);background:var(--ink-900);color:#fff;box-shadow:var(--shadow-float);font-size:var(--fs-14);opacity:0;transform:translateY(var(--s-3)) scale(.98);transition:opacity var(--t) var(--ease), transform var(--t) var(--ease-spring);pointer-events:auto;font-weight:600;line-height:1.35;display:inline-flex}.zk .toast.is-in{opacity:1;transform:none}.zk .toast-ic{width:20px;height:20px;color:var(--brand-200);flex:none}.zk .toast-reward .toast-ic{color:var(--gold-400)}.zk .state{text-align:center;justify-items:center;gap:var(--s-2);padding:var(--s-10) var(--s-6);display:grid}.zk .state-ic{border-radius:var(--r-md);width:64px;height:64px;margin-bottom:var(--s-2);background:var(--brand-50);color:var(--brand-700);place-items:center;display:grid}.zk .state-ic svg{width:28px;height:28px}.zk .state-ic.muted{background:var(--ink-50);color:var(--ink-500)}.zk .state-ic.warm{background:var(--gold-50);color:var(--gold-600)}.zk .state h3,.zk .state .state-title{font-size:var(--fs-18);letter-spacing:-.01em;font-weight:600;line-height:var(--lh-snug)}.zk .state p{max-width:320px;font-size:var(--fs-14);color:var(--ink-500);line-height:1.45}.zk .state .btn{margin-top:var(--s-4)}.zk .state zhango-mascot{margin-bottom:var(--s-1)}.zk .banner{align-items:center;gap:var(--s-3);min-height:52px;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--ink-900);color:#fff;font-size:var(--fs-14);font-weight:500;line-height:1.35;display:flex}.zk .banner>svg{width:20px;height:20px;color:var(--brand-200);flex:none}.zk .banner .btn{height:36px;padding:0 var(--s-3);color:#fff;font-size:var(--fs-14);background:#ffffff24;margin-left:auto}.zk .skel{background:var(--ink-100);border-radius:var(--r-xs);color:#0000;position:relative;overflow:hidden}.zk .skel:after{content:"";background:linear-gradient(90deg, transparent, var(--skel-shine), transparent);animation:zk-shimmer 1.4s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}.zk .skel-line{border-radius:var(--r-full);height:12px}.zk .skel-text{border-radius:var(--r-full);height:16px}.zk .skel-title{border-radius:var(--r-xs);width:60%;height:28px}.zk .skel-circle{border-radius:50%}.zk .skel-pill{height:var(--btn-h);border-radius:var(--r-full)}.zk .skel-card{border-radius:var(--r-lg)}.zk .skel-hero{border-radius:var(--r-xl)}.zk .card-hero .skel,.zk .skel.on-blue{background:#ffffff29}.zk .card-hero .skel:after,.zk .skel.on-blue:after{background:linear-gradient(90deg,#0000,#ffffff38,#0000)}@keyframes zk-shimmer{to{transform:translate(100%)}}.zk .options{gap:var(--s-3);display:grid}.zk .option{align-items:center;gap:var(--s-4);width:100%;min-height:64px;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;font-size:var(--fs-16);color:var(--ink-900);transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), opacity var(--t) var(--ease);font-weight:500;line-height:1.4;display:flex}.zk .option:hover{background:var(--brand-25)}.zk .option:active{transform:scale(.985)}.zk .option-text{flex:1;min-width:0}.zk .oval{isolation:isolate;width:40px;height:28px;font-size:var(--fs-14);color:var(--ink-700);box-shadow:inset 0 0 0 1.8px var(--ink-400);transition:color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;position:relative}.zk .oval:before{content:"";z-index:-1;border-radius:inherit;background:var(--brand-600);transition:transform var(--t) var(--ease-spring), background-color var(--t-fast) var(--ease);position:absolute;inset:0;transform:scale(0)}.zk .oval.is-filled,.zk .option[aria-checked=true] .oval,.zk .option.is-correct .oval,.zk .option.is-wrong .oval{color:var(--ink-950);box-shadow:none}.zk .option.is-correct .oval,.zk .option.is-wrong .oval{color:#fff}.zk .oval.is-filled:before,.zk .option[aria-checked=true] .oval:before,.zk .option.is-correct .oval:before,.zk .option.is-wrong .oval:before{transform:scale(1)}.zk .option[aria-checked=true]{background:var(--brand-50)}.zk .option-mark{align-items:center;gap:var(--s-1);font-size:var(--fs-14);flex:none;font-weight:600;display:none}.zk .option-mark svg{width:18px;height:18px}.zk .option.is-correct{background:var(--green-50)}.zk .option.is-correct .oval:before{background:var(--green-600)}.zk .option.is-correct .option-mark{color:var(--green-600);display:inline-flex}.zk .option.is-wrong{background:var(--red-50)}.zk .option.is-wrong .oval:before{background:var(--red-600)}.zk .option.is-wrong .option-mark{color:var(--red-600);display:inline-flex}.zk .options.is-locked .option{cursor:default}.zk .options.is-locked .option:active{transform:none}.zk .options.is-locked .option:not(.is-correct):not(.is-wrong){opacity:.5}.zk .option:disabled,.zk .option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.zk .oval-on-blue{color:#fff;box-shadow:inset 0 0 0 1.8px #fff9}.zk .oval-on-blue:before{background:#fff}.zk .oval-on-blue.is-filled{color:var(--brand-700)}.zk .feedback{border-radius:var(--r-lg);padding:var(--s-5);background:var(--surface);box-shadow:var(--shadow-card)}.zk .feedback-head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);font-size:var(--fs-18);letter-spacing:-.01em;font-weight:600;display:flex}.zk .feedback-head .ic-tile{width:36px;height:36px}.zk .feedback.is-ok .feedback-head{color:var(--green-600)}.zk .feedback.is-ok .ic-tile{background:var(--green-50);color:var(--green-600)}.zk .feedback.is-bad .feedback-head{color:var(--red-600)}.zk .feedback.is-bad .ic-tile{background:var(--red-50);color:var(--red-600)}.zk .formula{padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--brand-25);color:var(--brand-900);font-size:var(--fs-18);letter-spacing:-.01em;font-weight:600;line-height:var(--lh-snug);font-feature-settings:"tnum" 1;display:block}.zk .frac{text-align:center;vertical-align:middle;flex-direction:column;align-items:stretch;margin:0 .08em;line-height:1.12;display:inline-flex;position:relative}.zk .frac>.fr-n,.zk .frac>.fr-d{padding:0 .16em}.zk .frac>.fr-n{padding-bottom:.1em}.zk .frac>.fr-d{padding-top:.12em;box-shadow:inset 0 .08em}.zk .formula .v,.zk .formula .fx-ans{color:var(--brand-700)}.zk .callout{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--ink-50);color:var(--ink-700);font-size:var(--fs-14);line-height:1.45;display:flex}.zk .callout>svg{width:20px;height:20px;color:var(--ink-500);flex:none;margin-top:1px}.zk .callout b{color:var(--ink-900);font-weight:600}.zk .qbar{gap:var(--s-1);display:flex}.zk .qbar>i{border-radius:var(--r-full);background:var(--ink-100);height:6px;transition:background-color var(--t) var(--ease), flex-grow var(--t) var(--ease);flex:1 1 0}.zk .qbar>i.on{background:var(--brand-600)}.zk .qbar>i.now{background:var(--brand-200);flex-grow:2.5}.zk .qbar>i.ok{background:var(--green-500)}.zk .qbar>i.bad{background:var(--red-500)}.zk .qhead{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.zk .qcount{font-size:var(--fs-14);color:var(--ink-500);font-feature-settings:"tnum" 1;font-weight:600}.zk .qcount b{color:var(--ink-900);font-weight:600}.zk .qnav{gap:var(--s-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.zk .qnav>button{border-radius:var(--r-full);background:var(--ink-50);height:44px;color:var(--ink-700);font-size:var(--fs-14);font-feature-settings:"tnum" 1;transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);font-weight:600}.zk .qnav>button:active{transform:scale(.95)}.zk .qnav>.on{background:var(--brand-50);color:var(--brand-700)}.zk .qnav>.now{background:var(--brand-500);color:var(--ink-950)}.zk .qnav>.ok{background:var(--green-50);color:var(--green-600)}.zk .qnav>.bad{background:var(--red-50);color:var(--red-600)}.zk .timer{height:36px;padding:0 var(--s-3);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-card);font-size:var(--fs-14);font-feature-settings:"tnum" 1;color:var(--ink-900);transition:background-color var(--t) var(--ease), color var(--t) var(--ease);align-items:center;gap:6px;font-weight:600;display:inline-flex}.zk .timer svg{width:18px;height:18px;color:var(--ink-500)}.zk .timer.is-low{background:var(--ink-900);color:#fff;box-shadow:none}.zk .timer.is-low svg{color:#fff}.zk .card-hero .timer{color:#fff;box-shadow:none;background:#ffffff29}.zk .card-hero .timer svg{color:#fff}.zk .ach-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.zk .ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.zk .ach-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.zk .ach{padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--t-fast) var(--ease);align-content:start;gap:2px;display:grid}.zk a.ach:active,.zk button.ach:active{transform:scale(.98)}.zk .ach .badge{border-radius:var(--r-sm);width:48px;height:48px;margin-bottom:var(--s-3);position:relative}.zk .ach-name{font-size:var(--fs-14);color:var(--ink-900);font-weight:600;line-height:1.3}.zk .ach-meta{font-size:var(--fs-12);color:var(--ink-500);font-feature-settings:"tnum" 1;font-weight:500;line-height:1.35}.zk .ach .bar{height:6px;margin-top:var(--s-3)}.zk .badge.earned{background:var(--gold-500);color:var(--ink-950)}.zk .badge-lock{background:var(--surface);width:22px;height:22px;color:var(--ink-500);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.zk .badge .badge-lock svg{width:14px;height:14px}.zk .ach.is-locked .ach-name{color:var(--ink-700)}.zk .badge-lg{border-radius:var(--r-lg);width:96px;height:96px}.zk .badge-lg svg{width:44px;height:44px}.zk .avatar-sm{width:32px;height:32px;font-size:var(--fs-12)}.zk .avatar-lg{width:64px;height:64px;font-size:var(--fs-22)}.zk .avatar-xl{width:96px;height:96px;font-size:var(--fs-34);letter-spacing:var(--tr-title)}.zk .avatar[class*=frame-],.zk .avatar-lg,.zk .avatar-xl{--rg:2px;--rw:4px;box-shadow:0 0 0 var(--rg) var(--surface), 0 0 0 var(--rw) var(--frame,var(--brand-400))}.zk .avatar-lg{--rg:3px;--rw:6px}.zk .avatar-xl{--rg:4px;--rw:8px}.zk .frame-classic{--frame:var(--ink-700)}.zk .frame-azure{--frame:var(--brand-400)}.zk .frame-emerald{--frame:var(--emerald-500)}.zk .frame-ember{--frame:var(--brand-500)}.zk .frame-onyx{--frame:var(--ink-950)}.zk .frame-gold{--frame:var(--gold-500)}.zk .avatar.no-frame{box-shadow:none}.zk .avatar.tone-orange{background:linear-gradient(135deg, var(--gold-50), var(--gold-100));color:var(--gold-700)}.zk .avatar.tone-ink{background:linear-gradient(135deg, var(--ink-50), var(--ink-100));color:var(--ink-700)}.zk .avatar.has-ornament{box-shadow:none;position:relative}.zk .avatar-ornament{pointer-events:none;width:128%;height:128%;position:absolute;top:-14%;left:-14%}.zk .cover{border-radius:var(--r-xl);padding:var(--s-6);background:var(--surface);box-shadow:var(--shadow-card)}.zk .cover.bg-sky{box-shadow:none;background:linear-gradient(160deg,#eaf0ff 0%,#e6e6ff 100%)}.zk .cover.bg-sunrise{background:linear-gradient(160deg, var(--gold-50) 0%, #ffe9e3 100%);box-shadow:none}.zk .rank-row{align-items:center;gap:var(--s-3);min-height:64px;padding:var(--s-3) var(--s-5);display:flex}.zk .rank-pos{text-align:center;width:28px;font-size:var(--fs-16);color:var(--ink-500);font-feature-settings:"tnum" 1;flex:none;font-weight:600}.zk .rank-row.top .rank-pos{background:var(--gold-50);height:28px;color:var(--gold-700);line-height:28px;font-size:var(--fs-14);border-radius:50%;font-weight:700}.zk .rank-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.zk .rank-xp{font-feature-settings:"tnum" 1;flex:none;align-items:center;gap:6px;margin-left:auto;font-weight:600;display:inline-flex}.zk .rank-xp svg{width:18px;height:18px}.zk .rank-row.me{background:var(--brand-50)}.zk .rank-row.me .rank-pos{color:var(--brand-700)}.zk .rank-row.me .rank-name{color:var(--brand-800)}.zk .rank-sep{justify-content:center;gap:var(--s-1);padding:var(--s-2) 0;display:flex}.zk .rank-sep i{background:var(--ink-200);border-radius:50%;width:4px;height:4px}.zk .score{align-items:baseline;gap:var(--s-1) var(--s-2);flex-wrap:wrap;display:flex}.zk .score-num{font-size:var(--fs-48);letter-spacing:var(--tr-display);font-feature-settings:"tnum" 1;font-weight:700;line-height:1}.zk .score-of{font-size:var(--fs-22);letter-spacing:var(--tr-title);color:var(--ink-500);font-feature-settings:"tnum" 1;font-weight:600}.zk .score-label{font-size:var(--fs-14);color:var(--ink-500);font-weight:500}.zk .card-hero .score-of,.zk .is-event .score-of,.zk .card-hero .score-label,.zk .is-event .score-label{color:#ffffffdb}.zk .delta{align-items:center;gap:var(--s-1);height:28px;padding:0 var(--s-3);border-radius:var(--r-full);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-14);font-feature-settings:"tnum" 1;font-weight:600;display:inline-flex}.zk .delta.warm{background:var(--gold-50);color:var(--gold-700)}.zk .card-hero .delta,.zk .is-event .delta{color:#fff;background:#ffffff29}.zk .meter{gap:var(--s-2);display:grid}.zk .meter-row{justify-content:space-between;gap:var(--s-3);font-size:var(--fs-14);display:flex}.zk .meter-row b{font-feature-settings:"tnum" 1;white-space:nowrap;flex:none;font-weight:600}.zk .chart{width:100%}.zk .chart svg{display:block;overflow:visible}.zk .chart .grid{stroke:var(--ink-100);stroke-width:1px}.zk .chart .axis{fill:var(--ink-500);font-size:var(--fs-12);font-weight:500;font-family:var(--font)}.zk .chart .goal{stroke:var(--ink-400);stroke-width:1.5px;stroke-dasharray:4 5}.zk .chart .goal-label{fill:var(--ink-500);font-size:var(--fs-12);font-weight:600;font-family:var(--font)}.zk .chart .area{fill:var(--brand-50);opacity:.8}.zk .chart .line{fill:none;stroke:var(--brand-600);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.zk .chart .pt{fill:var(--surface);stroke:var(--brand-600);stroke-width:2.5px}.zk .chart .pt.last{fill:var(--brand-600);stroke:var(--surface);stroke-width:3px}.zk .chart .val{fill:var(--ink-900);font-size:var(--fs-14);font-weight:700;font-family:var(--font)}.zk .bars{gap:var(--s-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;height:128px;display:grid}.zk .bars>div{justify-items:center;gap:var(--s-2);grid-template-rows:1fr auto;height:100%;display:grid}.zk .bars i{width:100%;max-width:28px;min-height:4px;height:calc(var(--v,0) * 1%);border-radius:var(--r-xs);background:var(--brand-100);transition:height var(--t-slow) var(--ease);align-self:end}.zk .bars span{font-size:var(--fs-12);color:var(--ink-500);font-weight:500}.zk .bars .is-today i{background:var(--brand-600)}.zk .bars .is-today span{color:var(--ink-900);font-weight:600}.zk .lnut{--nut:40px;width:var(--nut);height:var(--nut);isolation:isolate;flex:none;place-items:center;display:inline-grid;position:relative}.zk .lnut>svg{grid-area:1/1;width:100%;height:100%}.zk .lnut>b{font-size:calc(var(--nut) * .44);letter-spacing:-.02em;color:#fff;font-feature-settings:"tnum" 1;grid-area:1/1;padding-top:10%;font-weight:700;line-height:1}.zk .lnut>b.two{font-size:calc(var(--nut) * .36);letter-spacing:-.04em}.zk .lnut.on-blue>b{color:var(--brand-700)}.zk .lnut.is-now:not(.on-blue)>b{color:var(--ink-950)}.zk .lnut.progress-ring:before{content:"";z-index:-1;width:calc(var(--nut) * 1.3);height:calc(var(--nut) * 1.3);margin:calc(var(--nut) * -.65) 0 0 calc(var(--nut) * -.65);background:var(--bg);box-shadow:inset 0 0 0 2px var(--brand-200);border-radius:50%;position:absolute;top:50%;left:50%}.zk .lesson-row{gap:var(--s-4);min-height:72px}.zk .lesson-title{font-weight:600;line-height:1.35}.zk .lesson-meta{font-size:var(--fs-14);color:var(--ink-500);line-height:1.45}.zk .lesson-end{flex:none;justify-items:end;gap:2px;margin-left:auto;display:grid}.zk .lesson-score{font-size:var(--fs-16);font-feature-settings:"tnum" 1;font-weight:600}.zk .stars{gap:2px;display:inline-flex}.zk .stars svg{width:16px;height:16px}.zk .stars .on{color:var(--gold-500)}.zk .stars .off{color:var(--ink-400)}.zk .card-hero .stars .off{color:#ffffff59}.zk .card-hero .stars .on{color:#fff}.zk .route{--rail:48px;--rgap:var(--s-3);margin:0;padding:0;list-style:none}.zk .route-item{grid-template-columns:var(--rail) minmax(0, 1fr);column-gap:var(--s-3);--top:0px;--cy:36px;display:grid;position:relative}.zk .route-item.gap{--top:var(--rgap)}.zk .route-item.mid{--cy:calc((100% - var(--top)) / 2)}.zk .route-rail{min-height:100%;position:relative}.zk .route-rail:before,.zk .route-rail:after{content:"";background:radial-gradient(circle, var(--ink-200) 1.4px, transparent 1.6px) center top / 3px 8px repeat-y;width:3px;position:absolute;left:calc(50% - 1.5px)}.zk .route-rail:before{height:calc(var(--top) + var(--cy));top:0}.zk .route-rail:after{top:calc(var(--top) + var(--cy));bottom:0}.zk .route-item.is-done .route-rail:before,.zk .route-item.is-done .route-rail:after,.zk .route-item.is-now .route-rail:after,.zk .route-item.is-start .route-rail:before{background:var(--brand-600)}.zk .route-item.is-top .route-rail:before,.zk .route-item.is-start .route-rail:after{display:none}.zk .route-rail>.lnut,.zk .route-rail>.route-flag,.zk .route-rail>.route-dot{z-index:1;left:50%;top:calc(var(--top) + var(--cy));position:absolute;transform:translate(-50%,-50%)}.zk .route-flag{border-radius:var(--r-sm);background:var(--brand-50);width:40px;height:40px;color:var(--brand-700);box-shadow:0 0 0 4px var(--bg);place-items:center;display:grid}.zk .route-flag svg{width:22px;height:22px}.zk .route-dot{background:var(--brand-600);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%}.zk .route-pen{z-index:2;width:24px;height:32px;color:var(--brand-700);left:50%;top:calc(var(--top) + var(--cy) - var(--nut,48px) * .65 - 30px);transform-origin:50% 97%;transform:rotate(var(--pen-tilt,24deg));margin-left:-12px;position:absolute}.zk .route-body{min-width:0;margin-top:var(--top)}.zk .route-row{align-items:center;gap:var(--s-3);width:100%;min-height:72px;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-5);background:var(--surface);text-align:left;transition:background-color var(--t-fast) var(--ease);display:flex}.zk a.route-row:hover,.zk button.route-row:hover{background:var(--brand-25)}.zk .route-item:not(.g-first)>.route-body>.route-row{box-shadow:inset 0 1px 0 var(--ink-100)}.zk .route-item.g-first>.route-body>.route-row{border-radius:var(--r-lg) var(--r-lg) 0 0}.zk .route-item.g-last>.route-body>.route-row{border-radius:0 0 var(--r-lg) var(--r-lg)}.zk .route-item.g-first.g-last>.route-body>.route-row{border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.zk .route-label{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:var(--s-5) var(--s-1) var(--s-2);display:flex}.zk .route-label b{font-size:var(--fs-16);letter-spacing:-.01em;font-weight:600}.zk .route-label span{font-size:var(--fs-14);color:var(--ink-500);font-feature-settings:"tnum" 1;white-space:nowrap}.zk .route-caption{padding:var(--s-2) var(--s-1);font-size:var(--fs-14);color:var(--ink-500);font-weight:500}.zk .route.is-writing .route-item.is-now .route-rail:after{transform-origin:50% 100%;animation:zk-ink .56s var(--ease) both}.zk .route.is-writing .route-pen{animation:zk-pen .62s var(--ease-spring) .16s both}@keyframes zk-ink{0%{transform:scaleY(0)}to{transform:none}}@keyframes zk-pen{0%{opacity:0;transform:translateY(18px) rotate(calc(var(--pen-tilt,24deg) - 16deg))}to{opacity:1;transform:rotate(var(--pen-tilt,24deg))}}@media (prefers-reduced-motion:reduce){.zk .route.is-writing .route-item.is-now .route-rail:after,.zk .route.is-writing .route-pen{animation:none}}.zk .pill-on-blue{height:28px;padding:0 var(--s-3);border-radius:var(--r-full);color:#fff;font-size:var(--fs-12);white-space:nowrap;background:#ffffff29;align-items:center;gap:6px;font-weight:600;display:inline-flex}.zk .steps-labels{margin-top:var(--s-2);font-size:var(--fs-12);color:#ffffffc7;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.zk .steps-labels b{color:#fff;font-weight:600}.zk .reward{align-items:center;gap:var(--s-1);font-size:var(--fs-14);color:var(--gold-700);font-feature-settings:"tnum" 1;flex:none;font-weight:700;display:inline-flex}.zk .reward svg{width:18px;height:18px}.zk .quest{transition:background-color var(--t) var(--ease)}.zk .quest-name{font-weight:600;line-height:1.35}.zk .quest-task{font-size:var(--fs-14);color:var(--ink-500);line-height:1.45}.zk .quest-prog{align-items:center;gap:var(--s-3);margin-top:var(--s-2);display:flex}.zk .quest-prog .bar{flex:1;height:6px}.zk .quest-prog>span{font-size:var(--fs-12);color:var(--ink-500);font-feature-settings:"tnum" 1;flex:none;font-weight:600}.zk .quest.is-ready{background:var(--gold-50)}.zk .quest.is-ready .quest-task{color:var(--gold-700);font-weight:500}.zk .quest.is-ready .btn{flex:none}.zk .quest.is-claimed .ic-tile>svg{width:28px;height:28px}.zk .quest-got{font-size:var(--fs-14);color:var(--ink-500);font-feature-settings:"tnum" 1;flex:none;font-weight:600}@media (max-width:359px){.zk .list-row.quest{padding-left:var(--s-4);padding-right:var(--s-4)}.zk .quest .ic-tile{width:32px;height:32px}.zk .quest .ic-tile>svg{width:20px;height:20px}.zk .quest.is-claimed .ic-tile>svg{width:24px;height:24px}.zk .quest .btn-reward>svg{display:none}:is(.zk .quest .btn-sm.btn-reward,.zk .quest .btn-sm.btn-reward:has(>svg)){padding:0 var(--s-3)}.zk .quest .chev{width:16px;height:16px}}.zk .streak-week{gap:var(--s-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.zk .wd{font-size:var(--fs-12);color:var(--ink-500);justify-items:center;gap:6px;font-weight:500;display:grid}.zk .wd i{background:var(--ink-50);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.zk .wd i svg{width:16px;height:16px}.zk .wd.on i{background:var(--gold-500)}.zk .wd.today{color:var(--ink-900);font-weight:600}.zk .wd.today i{background:var(--surface);box-shadow:inset 0 0 0 2px var(--gold-500);color:var(--gold-600)}.zk .media{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--ink-950);color:#fff;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.zk .media>img,.zk .media>video{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.zk .media-play{width:64px;height:64px;color:var(--brand-700);box-shadow:var(--shadow-float);transition:transform var(--t-fast) var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid}.zk .media-play:active{transform:scale(.94)}.zk .media-play svg{width:28px;height:28px;margin-left:3px}.zk .media-meta{left:var(--s-4);right:var(--s-4);bottom:var(--s-3);justify-content:space-between;gap:var(--s-3);font-size:var(--fs-12);color:#ffffffdb;font-weight:600;display:flex;position:absolute}.zk .media .bar{background:#fff3;border-radius:0;height:4px;position:absolute;bottom:0;left:0;right:0}.zk .media .bar>i{background:#fff;border-radius:0}.zk .badge-48{border-radius:var(--r-sm);width:48px;height:48px}.zk .badge-48 svg{width:24px;height:24px}.zk .badge-40{border-radius:var(--r-sm);width:40px;height:40px}.zk .badge-40 svg{width:22px;height:22px}.zk .badge-32{border-radius:var(--r-xs);width:32px;height:32px}.zk .badge-32 svg{width:18px;height:18px}.zk .badge{position:relative}.zk .badge-40 .badge-lock,.zk .badge-48 .badge-lock{width:20px;height:20px;bottom:-5px;right:-5px}.zk .badge-40 .badge-lock svg,.zk .badge-48 .badge-lock svg{width:12px;height:12px}.zk button.ach{text-align:left;width:100%}.zk .ach-grid.ach-3{grid-template-columns:repeat(3,minmax(0,1fr))}.zk .ach-3 .ach{padding:var(--s-4) var(--s-3)}.zk .ach.is-slot .ach-name,.zk .ach.is-locked .ach-name{color:var(--ink-500);font-weight:500}@media (max-width:359px){.zk .ach-grid.ach-3{gap:var(--s-2)}.zk .ach-3 .ach{padding:var(--s-3) var(--s-2)}.zk .ach-3 .ach .badge{width:40px;height:40px}.zk .ach-3 .ach .badge svg{width:22px;height:22px}}.zk .cos-row{gap:var(--s-4);text-align:left;width:100%}.zk .cos-row .avatar{margin:0 var(--s-1)}.zk .cos-text{gap:2px;min-width:0;display:grid}.zk .cos-name{font-weight:600;line-height:1.3}.zk .cos-state{font-size:var(--fs-14);color:var(--ink-500);font-weight:500;line-height:1.35}.zk .cos-row.is-on .cos-state{color:var(--brand-700);font-weight:600}.zk .cos-sw{border-radius:var(--r-sm);background:var(--surface);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ink-100);flex:none}.zk .cos-sw.bg-sky{background:linear-gradient(160deg, var(--brand-25) 0%, var(--brand-100) 100%);box-shadow:none}.zk .cos-sw.bg-sunrise{background:linear-gradient(160deg, var(--gold-50) 0%, var(--gold-100) 100%);box-shadow:none}.zk .cos-sw.bg-ocean{background:linear-gradient(160deg, var(--blue-50) 0%, var(--blue-100) 100%);box-shadow:none}.zk .cos-sw.bg-ember{background:linear-gradient(160deg, var(--brand-50) 0%, var(--brand-200) 100%);box-shadow:none}.zk .cos-row.is-locked .avatar,.zk .cos-row.is-locked .cos-sw,.zk .cos-row.is-locked .ic-tile{opacity:.45}.zk .cos-lock{color:var(--ink-400);margin:0 2px}.zk .sheet .list,.zk .sheet .callout,.zk .sheet .sheet-panel{--list-r:var(--r-md);border-radius:var(--r-md)}.zk .sheet .list{background:var(--ink-50);box-shadow:none}.zk .sheet .list .ic-tile{background:var(--surface)}.zk .sheet .list .list-row,.zk .sheet .list .choice{min-height:60px;padding:var(--s-3) var(--s-4)}.zk .sheet .list .choice:hover{background:var(--brand-50)}.zk .sheet .list .choice:has(:checked){background:var(--brand-50)}.zk .sheet-list{margin-top:var(--s-4)}.zk .sheet-note{margin-top:var(--s-3)}.zk .sheet-actions:empty{display:none}.zk .sheet-head .ic-tile .nut{width:28px;height:28px}.zk .list>button.list-row,.zk .list>button.choice{text-align:left;width:100%}.zk .sh-note{font-size:var(--fs-14);color:var(--ink-500);font-weight:500}.zk .list>:focus-visible{outline-offset:-3px;border-radius:0}.zk .list>:first-child:focus-visible{border-radius:var(--list-r,var(--r-lg)) var(--list-r,var(--r-lg)) 0 0}.zk .list>:last-child:focus-visible{border-radius:0 0 var(--list-r,var(--r-lg)) var(--list-r,var(--r-lg))}.zk .list>:only-child:focus-visible{border-radius:var(--list-r,var(--r-lg))}.zk .cover.bg-sky{background:linear-gradient(160deg, var(--brand-25) 0%, var(--brand-100) 100%)}.zk .cover.bg-sunrise{background:linear-gradient(160deg, var(--gold-50) 0%, var(--gold-100) 100%)}.zk .cover.bg-ocean{background:linear-gradient(160deg, var(--blue-50) 0%, var(--blue-100) 100%);box-shadow:none}.zk .cover.bg-ember{background:linear-gradient(160deg, var(--brand-50) 0%, var(--brand-200) 100%);box-shadow:none}.zk .cover.has-scene{isolation:isolate;background:var(--surface);box-shadow:var(--shadow-card);position:relative}.zk .cover-scene{z-index:-1;height:var(--scene-h,120px);pointer-events:none;border-top-left-radius:inherit;border-top-right-radius:inherit;position:absolute;top:0;left:0;right:0;overflow:hidden}.zk .cover-scene>svg{aspect-ratio:5/3;width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.zk .cos-sw.has-scene{box-shadow:none;position:relative;overflow:hidden}.zk .cos-sw .cover-scene{z-index:0;border-radius:inherit;height:100%}.zk .section-head a,.zk .section-head .sh-link{min-height:44px;margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-2));padding:0 var(--s-2);border-radius:var(--r-full);font-size:var(--fs-14);color:var(--brand-700);align-items:center;font-weight:600;display:inline-flex}.zk .section-head a:hover,.zk .section-head .sh-link:hover{color:var(--brand-700)}.zk .section-head a,.zk .section-head .sh-link{position:relative}.zk .section-head a:after,.zk .section-head .sh-link:after{content:"";position:absolute;inset:-2px 0}html.zk-has-overlay .toast-host{top:calc(var(--s-4) + env(safe-area-inset-top));bottom:auto}html.zk-has-overlay .toast{transform:translateY(calc(-1 * var(--s-3))) scale(.98)}html.zk-has-overlay .toast.is-in{transform:none}.zk .appbar.is-titled{box-shadow:0 1px 0 var(--hairline)}.zk .appbar-title{opacity:0;transform:translateY(var(--s-1));transition:opacity var(--t) var(--ease), transform var(--t) var(--ease)}.zk .appbar.is-titled .appbar-title{opacity:1;transform:none}.zk .section-head .note{font-size:var(--fs-14);color:var(--ink-500);white-space:nowrap;font-feature-settings:"tnum" 1;font-weight:500}.zk .toast-host.is-top{top:calc(var(--s-3) + env(safe-area-inset-top));bottom:auto}.zk .toast-host.is-top .toast{transform:translateY(calc(-1 * var(--s-3))) scale(.98)}.zk .toast-host.is-top .toast.is-in{transform:none}.zk .toast-act{height:var(--btn-h-sm);margin:calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) var(--s-1);padding:0 var(--s-4);border-radius:var(--r-full);color:#fff;font-size:var(--fs-14);transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);background:#ffffff24;flex:none;align-items:center;font-weight:600;display:inline-flex}.zk .toast-act:hover{background:#ffffff38}.zk .toast-act:active{transform:scale(.97)}.zk .skel-t{width:var(--w,60%);border-radius:var(--r-xs);display:block}.zk .skel-t:before{content:" "}.zk .desk-side>.section:first-child{margin-top:var(--s-8)}@media (min-width:1024px){.zk .desk-side>.section:first-child{margin-top:0}}.zk .list-row .btn-sm,.zk .title-end .chip,.zk .appbar-chip{position:relative}.zk .list-row .btn-sm:after{content:"";inset:calc(-1 * var(--s-1)) 0;position:absolute}.zk .title-end .chip:after,.zk .appbar-chip:after{content:"";inset:calc(-1 * var(--s-2)) 0;position:absolute}.zk ol.list{list-style:none}.zk .btn.skel-pill{vertical-align:top}.zk .list>[tabindex="-1"]:focus-visible,.zk .list [data-q][tabindex="-1"]:focus-visible{outline-offset:-3px;border-radius:inherit}.zk .toast-host .toast.is-out{pointer-events:none;width:max-content;max-width:100%;margin:0 auto;position:absolute;top:0;left:0;right:0}.zk{--appbar-h:56px}.zk .appbar.lt-bar{transition:box-shadow var(--t) var(--ease);box-shadow:0 1px #0000}.zk .appbar.lt-bar.is-titled{box-shadow:0 1px 0 var(--hairline)}.zk .appbar.lt-bar .appbar-title{opacity:0;transform:translateY(var(--s-1));transition:opacity var(--t) var(--ease), transform var(--t) var(--ease)}.zk .appbar.lt-bar.is-titled .appbar-title{opacity:1;transform:none}.zk .sec-sub{margin:calc(-1 * var(--s-2)) 0 var(--s-3);padding:0 var(--s-1);font-size:var(--fs-14);color:var(--ink-500);line-height:1.45}.zk .is-event .sec-sub{color:#ffffffdb}.zk .hero-when{white-space:nowrap;color:#ffffffc7}.zk .hit48{position:relative}.zk .hit48:after{content:"";inset:calc(-1 * var(--s-1)) 0;position:absolute}.zk .skel-rows{display:grid}.zk .skel-rows>div{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);min-height:72px;display:flex}.zk .skel-rows>div+div{border-top:1px solid var(--ink-100)}.zk{min-height:100dvh}.zk.app{position:relative}.zk .shell-col{min-width:0}@media (max-width:1023px){.zk.app.has-action-bar .tabbar{display:none}}.zk.no-nav .sidebar,.zk.no-nav .tabbar{display:none!important}@media (min-width:1024px){.zk.app.no-nav{display:block}.zk.app.no-nav .screen{max-width:720px}}.zk .skip-link{left:var(--s-4);top:var(--s-2);z-index:70;padding:var(--s-2) var(--s-4);border-radius:var(--r-full);background:var(--ink-900);color:#fff;font-size:var(--fs-14);transition:transform var(--t-fast) var(--ease);font-weight:600;position:absolute;transform:translateY(-200%)}.zk .skip-link:focus{transform:none}.zk .side-sub{margin:var(--s-4) var(--s-4) var(--s-1);font-size:var(--fs-12);color:var(--ink-500);font-weight:600}.zk .side-link .tag{margin-left:auto}.zk .side-foot{gap:var(--s-1);margin-top:auto;display:grid}.zk .side-user{align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-3);border-radius:var(--r-full);display:flex}.zk .side-user:hover{background:var(--ink-50)}.zk .side-user .grow{overflow:hidden}.zk .side-user .t-sm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zk .tab{position:relative}.zk .tab-badge{border-radius:var(--r-full);background:var(--gold-500);min-width:18px;height:18px;color:var(--ink-950);text-align:center;box-shadow:0 0 0 2px var(--surface);padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;left:calc(50% + 6px)}.zk .event-layer{z-index:45;overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.zk .avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.zk .tag.warm{background:var(--gold-50);color:var(--gold-700)}.zk .tag.blue{background:var(--blue-50);color:var(--blue-700)}.zk .appbar{transition:box-shadow var(--t) var(--ease), background-color var(--t) var(--ease)}.zk .appbar .appbar-title{opacity:0;transform:translateY(var(--s-1));transition:opacity var(--t) var(--ease), transform var(--t) var(--ease)}.zk .appbar.is-stuck .appbar-title{opacity:1;transform:none}.zk .appbar.is-stuck{background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:0 1px 0 var(--hairline)}.zk .nt-list{margin:var(--s-2) calc(-1 * var(--s-6)) 0;box-shadow:none;border-radius:0}.zk .nt-list .list-row{width:100%;padding:var(--s-4) var(--s-6);text-align:left;align-items:flex-start}.zk .nt-list .chev{align-self:center}.zk .nt-new{width:8px;height:8px;margin-left:var(--s-2);vertical-align:2px;background:var(--gold-500);border-radius:50%;display:inline-block}.zk .nt-time{font-size:var(--fs-12);color:var(--ink-500);margin-top:2px;font-weight:500;display:block}.zk .nt-empty{padding:var(--s-8) var(--s-4) var(--s-4)}.zk .icon-btn:after{content:"";position:absolute;inset:-2px}.zk{--student-bg:var(--bg);--student-canvas:var(--bg);--student-surface:var(--surface);--student-surface-2:var(--ink-50);--student-line:var(--ink-100);--student-line-strong:var(--ink-200);--student-ink:var(--ink-900);--student-ink-2:var(--ink-700);--student-ink-3:var(--ink-500);--student-brand:var(--brand-600);--student-brand-dark:var(--brand-700);--student-brand-50:var(--brand-50);--student-accent:var(--brand-600);--student-accent-dark:var(--brand-700);--student-accent-50:var(--brand-50);--student-success:var(--green-600);--student-success-dark:var(--green-600);--student-success-50:var(--green-50);--student-warning:var(--gold-600);--student-warning-dark:var(--gold-700);--student-warning-50:var(--gold-50);--font-blue-display:var(--font-onest);--font-blue-body:var(--font-onest)}@media (min-width:1024px){.zk.app:not(.no-nav) .screen{--screen-x:var(--s-8);padding-left:var(--screen-x);padding-right:var(--screen-x);margin-left:0;margin-right:auto}}@media (min-width:1440px){.zk.app:not(.no-nav) .screen{max-width:1240px}.zk .desk-grid{grid-template-columns:minmax(0,1fr) 360px}}@media (min-width:1680px){.zk.app:not(.no-nav) .screen{max-width:1440px}.zk .desk-grid{gap:var(--s-10);grid-template-columns:minmax(0,1fr) 400px}}@media (min-width:1024px){.zk.app:not(.no-nav) .screen:has(>.desk-wide){max-width:1680px}.zk .sidebar{scrollbar-width:none;overflow-y:auto}.zk .sidebar::-webkit-scrollbar{display:none}.zk .side-logo{background:var(--ink-950);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.zk .sidebar .brand .side-logo img{border-radius:0;width:22px;height:22px}.zk .side-count{border-radius:var(--r-full);min-width:22px;height:22px;font-size:var(--fs-12);background:var(--gold-500);color:var(--ink-950);font-feature-settings:"tnum" 1;place-items:center;margin-left:auto;padding:0 6px;font-weight:700;line-height:1;display:inline-grid}.zk .side-more{gap:2px;display:grid}.zk .side-more-link{align-items:center;gap:var(--s-3);height:40px;padding:0 var(--s-4);border-radius:var(--r-full);color:var(--ink-700);font-size:var(--fs-14);font-weight:500;display:flex}.zk .side-more-link:hover{background:var(--ink-50)}.zk .side-more-link[aria-current=page]{background:var(--brand-50);color:var(--brand-700);font-weight:600}.zk .side-more-link svg{flex:none;width:20px;height:20px}.zk .side-player{gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow var(--t-fast) var(--ease);display:grid}.zk .side-player:hover{box-shadow:var(--shadow-float)}.zk .side-player .bar{height:6px}.zk .side-player .row{gap:var(--s-3);min-width:0}.zk .side-player .grow{min-width:0}.zk .side-player .lvl-name{font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;display:block;overflow:hidden}.zk .side-player .lvl-sub{font-size:var(--fs-12);color:var(--ink-500);font-weight:500;display:block}}@media (min-width:1024px) and (max-height:820px){.zk .side-link{height:42px}.zk .side-more-link{height:36px}.zk .sidebar .brand{padding-bottom:var(--s-4)}}.zk .lvl{--p:0;--size:64px;--ring:5px;width:var(--size);height:var(--size);background:conic-gradient(var(--gold-500) calc(var(--p) * 1%), var(--ink-100) 0);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.zk .lvl:before{content:"";inset:var(--ring);background:var(--surface);border-radius:50%;position:absolute}.zk .lvl>.avatar{width:calc(var(--size) - 2 * var(--ring) - 6px);height:calc(var(--size) - 2 * var(--ring) - 6px);box-shadow:none;font-size:calc(var(--size) * .26);position:relative}.zk .lvl-num{border-radius:var(--r-full);background:var(--ink-950);color:#fff;min-width:26px;height:26px;font-size:var(--fs-12);box-shadow:0 0 0 3px var(--surface);font-feature-settings:"tnum" 1;place-items:center;padding:0 6px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px}.zk .lvl-sm{--size:44px;--ring:3px}.zk .lvl-sm .lvl-num{min-width:20px;height:20px;padding:0 4px;bottom:-4px;right:-4px}.zk .lvl-lg{--size:96px;--ring:6px}.zk .lvl-lg .lvl-num{min-width:32px;height:32px;font-size:var(--fs-14)}.zk .lvl-card{align-items:center;gap:var(--s-4);display:flex}.zk .lvl-meta{gap:var(--s-1);flex:1;min-width:0;display:grid}.zk .lvl-meta .bar{margin-top:var(--s-1)}.zk .xp-line{justify-content:space-between;gap:var(--s-2);font-size:var(--fs-12);color:var(--ink-500);font-feature-settings:"tnum" 1;font-weight:500;display:flex}.zk .xp-line b{color:var(--ink-900);font-weight:600}.zk a.lvl-link{border-radius:var(--r-lg);transition:box-shadow var(--t-fast) var(--ease)}.zk a.card.lvl-link:hover{box-shadow:var(--shadow-float)}.zk .badge.medal{border-radius:50%;position:relative}.zk .badge.medal.earned{box-shadow:inset 0 0 0 3px var(--gold-200)}.zk .badge.medal>.medal-ring{pointer-events:none;width:136%;height:136%;position:absolute;top:-18%;left:-18%}.zk .badge.medal .badge-lock{bottom:-4px;right:-4px}.zk .ach .badge.medal{border-radius:50%}}@layer utilities;.zk .combo{align-items:center;gap:var(--s-2);height:36px;padding:0 var(--s-3) 0 var(--s-2);margin-bottom:var(--s-3);border-radius:var(--r-full);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-14);font-variant-numeric:tabular-nums;font-weight:700;display:inline-flex}.zk .combo svg{flex:none;width:20px;height:20px}.zk .combo-pips{gap:3px;display:inline-flex}.zk .combo-pips i{background:var(--brand-100);border-radius:3px;width:6px;height:14px}.zk .combo-pips i.on{background:var(--brand-600)}.zk .combo.is-hot{background:var(--gold-500);color:var(--ink-950)}.zk .combo.is-hot .combo-pips i{background:color-mix(in srgb, var(--ink-950) 22%, transparent)}.zk .combo.is-hot .combo-pips i.on{background:var(--ink-950)}