@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(./jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;src:url(./bricolage-600-800-C23fTOVi.woff2) format("woff2");font-weight:600 800;font-display:swap}@font-face{font-family:Inter;src:url(./inter-400-C38fXH4l.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(./inter-500-Cerq10X2.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(./inter-600-LgqL8muc.woff2) format("woff2");font-weight:600 800;font-display:swap}:root,[data-theme=dark]{--bg: #03050c;--s1: #1c1c1e;--s2: #2c2c2e;--s3: #3a3a3c;--line: rgba(84,84,88,.55);--line2: rgba(120,120,128,.45);--fg: #fff;--mute: rgba(235,235,245,.62);--dim: rgba(235,235,245,.42);--green: #30d158;--mint: #63e6e2;--teal: #40c8e0;--cyan: #64d2ff;--blue: #0a84ff;--neon-g: #3dff8f;--neon-b: #2fa8ff;--accent: var(--green);--on-accent: #001a07;--accent-text: var(--green);--accent-soft: rgba(48,209,88,.14);--up: var(--green);--down: #ff453a;--warn: var(--cyan);--warn-soft: rgba(100,210,255,.12);--r-common: #9fb2b8;--r-uncommon: var(--teal);--r-rare: var(--blue);--r-ultra: var(--neon-g);--mat: rgba(34,34,38,.36);--mat-thick: rgba(28,28,30,.78);--rim: rgba(255,255,255,.2);--shadow: 0 24px 60px -24px rgba(0,0,0,.9);--glass: rgba(18,18,20,.6);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;--font-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, system-ui, sans-serif;--chip-fill: rgb(10,14,28);--holo: linear-gradient(100deg, #7cffcb, #5fd4ff 45%, #8b9bff);--holo-text: var(--holo);--on-holo: #061024;--navy: linear-gradient(145deg, #1b2f6e, #070a18);--font-round: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, Inter, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--spring: cubic-bezier(.2, 1.4, .35, 1);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}[data-theme=light]{--chip-fill: #fff;--holo-text: linear-gradient(100deg, #00a37a, #0077b6 45%, #4b5bd6);--bg: #f2f2f7;--s1: #ffffff;--s2: #e5e5ea;--s3: #d1d1d6;--line: rgba(60,60,67,.18);--line2: rgba(60,60,67,.28);--fg: #000;--mute: rgba(60,60,67,.66);--dim: rgba(60,60,67,.5);--green: #248a3d;--mint: #00a7a0;--teal: #0e8aa6;--cyan: #0071a4;--blue: #0060df;--neon-g: #1fd36b;--neon-b: #0a84ff;--accent: #34c759;--on-accent: #001a07;--accent-text: #1f7a37;--accent-soft: rgba(52,199,89,.14);--up: #1f7a37;--down: #d70015;--warn: #0071a4;--warn-soft: rgba(50,173,230,.14);--r-common: #5f7177;--r-uncommon: #0e8aa6;--r-rare: #0060df;--r-ultra: #149a54;--mat: rgba(255,255,255,.62);--mat-thick: rgba(255,255,255,.82);--rim: rgba(255,255,255,.9);--shadow: 0 24px 50px -28px rgba(0,0,0,.3);--glass: rgba(249,249,251,.7);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.47 var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:-.032em;line-height:1.08}p{margin:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:10px}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}.skip:focus{top:12px}.mono{font-family:var(--font-mono)}.app:before,.app:after{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;will-change:transform}.app:before{background:radial-gradient(30% 26% at 22% 18%,rgba(124,255,203,.26),transparent 70%),radial-gradient(26% 24% at 78% 30%,rgba(95,212,255,.26),transparent 70%),radial-gradient(34% 30% at 50% 62%,rgba(10,132,255,.24),transparent 70%);animation:aurora-a 46s ease-in-out infinite alternate}.app:after{background:radial-gradient(28% 24% at 70% 80%,rgba(139,155,255,.26),transparent 70%),radial-gradient(24% 22% at 30% 72%,rgba(99,230,226,.2),transparent 70%),radial-gradient(22% 20% at 58% 22%,rgba(124,255,203,.16),transparent 70%);animation:aurora-b 62s ease-in-out infinite alternate}[data-theme=light] .app:before,[data-theme=light] .app:after{opacity:.5}@keyframes aurora-a{0%{transform:translate(0) rotate(0) scale(1);filter:hue-rotate(0deg)}33%{transform:translate(-6%,4%) rotate(8deg) scale(1.08)}66%{transform:translate(5%,-3%) rotate(-6deg) scale(1.03);filter:hue-rotate(-18deg)}to{transform:translate(-3%,-5%) rotate(4deg) scale(1.1);filter:hue-rotate(12deg)}}@keyframes aurora-b{0%{transform:translate(0) rotate(0) scale(1.05)}50%{transform:translate(7%,-5%) rotate(-10deg) scale(1)}to{transform:translate(-5%,6%) rotate(6deg) scale(1.12)}}.glass,.panel,.top,.tabs,.side,.sheet,.toast,.mobilebar,.seg,.readypack,.persona,.lesson-row,.opt,.callout,.binder-page,.chip,.iconbtn,.btn:not(.primary):not(.danger){position:relative;background:linear-gradient(180deg,#ffffff12,#ffffff04 40%),var(--mat);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 .5px #ffffff0f,0 10px 30px -18px #000000b3}[data-theme=light] :is(.glass,.panel,.top,.tabs,.side,.sheet,.toast,.mobilebar,.seg,.readypack,.persona,.lesson-row,.opt,.callout,.binder-page,.chip,.iconbtn,.btn:not(.primary):not(.danger)){background:linear-gradient(180deg,#ffffffb3,#fff6),var(--mat);box-shadow:inset 0 1px #fff,0 10px 30px -20px #00000040,0 0 0 .5px #0000000f}:is(.panel,.top,.tabs,.sheet,.toast,.mobilebar,.readypack,.persona,.binder-page,.lesson-row):after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:0;background:linear-gradient(145deg,var(--rim),rgba(255,255,255,.03) 28%,rgba(255,255,255,0) 55%,rgba(100,210,255,.16) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.app{min-height:100dvh;isolation:isolate}.side{display:none}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-radius:0;background:var(--glass);box-shadow:inset 0 -.5px 0 var(--line)}.top:after{display:none}.brand{display:flex;align-items:center;gap:10px;font:800 24px var(--font-display);letter-spacing:-.05em;text-decoration:none;min-height:44px}.brand .wm{background:var(--holo-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em;line-height:1.15}.brand .mark{width:32px;height:32px;border-radius:10px;background:var(--navy);display:grid;place-items:center;flex:none;box-shadow:0 6px 18px -6px #5fd4ffb3,inset 0 1px #ffffff38,inset 0 0 0 1px #5fd4ff40}.top .chip.accent{background:linear-gradient(var(--chip-fill),var(--chip-fill)) padding-box,var(--holo) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;border:1.5px solid transparent;color:var(--fg);font-weight:700}.top .chip.accent:before{content:"✦";margin-right:6px;background:var(--holo-text);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .mark svg path:last-child,.pack .packmark svg path:last-child,.cardback .logo svg path:last-child{transform-origin:80% 17%;animation:twinkle 3.2s ease-in-out infinite}@keyframes twinkle{0%,70%,to{opacity:1;scale:1}82%{opacity:.35;scale:.55}}.top .grow{flex:1}.main{padding:18px 16px calc(118px + env(safe-area-inset-bottom));max-width:1180px;margin:0 auto}.tabs{position:fixed;z-index:40;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:999px;max-width:520px;margin:0 auto;background:var(--glass)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:999px;color:var(--mute);text-decoration:none;font-size:12px;font-weight:600;position:relative;z-index:1;transition:color .25s var(--ease)}.tab svg{transition:transform .35s var(--spring)}.tab:active svg{transform:scale(.86)}.tab[aria-current=page]{color:var(--fg)}.tab[aria-current=page]:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:999px;background:linear-gradient(180deg,#ffffff29,#ffffff0f);box-shadow:inset 0 1px #ffffff40,inset 0 0 0 .5px #ffffff1f;animation:lens .45s var(--spring)}[data-theme=light] .tab[aria-current=page]:before{background:#0000000f}.tab[aria-current=page] svg{color:var(--accent-text)}@keyframes lens{0%{transform:scale(.6);opacity:0}}.tab .dot{position:absolute;top:7px;right:calc(50% - 18px);width:9px;height:9px;border-radius:50%;background:var(--neon-g);box-shadow:0 0 10px var(--neon-g);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.35);opacity:.7}}@media(min-width:1024px){.app{display:grid;grid-template-columns:260px 1fr}.side{display:flex;flex-direction:column;gap:4px;position:sticky;top:12px;margin:12px 0 12px 12px;height:calc(100dvh - 24px);padding:20px 12px;border-radius:26px}.side .brand{padding:4px 10px 16px}.navlink{display:flex;align-items:center;gap:12px;padding:0 12px;min-height:44px;border-radius:12px;text-decoration:none;color:var(--mute);font-weight:600;position:relative;transition:background .2s,color .2s,transform .3s var(--spring)}.navlink:hover{background:#ffffff0f;color:var(--fg)}.navlink:active{transform:scale(.97)}.navlink[aria-current=page]{background:#ffffff1a;color:var(--fg);box-shadow:inset 0 1px #ffffff1f}[data-theme=light] .navlink[aria-current=page]{background:#0000000f}.navlink[aria-current=page] svg{color:var(--accent-text)}.navlink .count{margin-left:auto;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px;animation:pulse 1.8s ease-in-out infinite}.side .foot{margin-top:auto;display:grid;gap:10px}.top,.tabs{display:none}.main{padding:32px 40px 64px;width:100%}}.route{animation:route .42s var(--ease) backwards}@keyframes route{0%{opacity:0;transform:translateY(10px)}}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:not(.scrim){animation:rise .5s var(--ease) backwards}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(2){animation-delay:40ms}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(3){animation-delay:80ms}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(4){animation-delay:.12s}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(5){animation-delay:.16s}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(6){animation-delay:.2s}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(7){animation-delay:.24s}:is(.route,.home-grid,.grid2,.stack,.cards,.list,.unit,.minis)>:nth-child(n+8){animation-delay:.28s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:0;color:var(--fg);font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .35s var(--spring),filter .2s,opacity .2s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.95);transition-duration:.1s}.btn.primary{background:var(--holo);background-size:160% 100%;color:var(--on-holo);box-shadow:0 8px 24px -10px color-mix(in srgb,var(--accent) 80%,transparent),inset 0 1px #ffffff73}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line2);-webkit-backdrop-filter:none;backdrop-filter:none}.btn.danger{background:transparent;box-shadow:inset 0 0 0 1px var(--down);color:var(--down)}.btn.sm{min-height:40px;padding:0 15px;font-size:15px}.btn.lg{min-height:54px;padding:0 26px;font-size:17px}.btn.block{width:100%}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}.iconbtn{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;flex:none;text-decoration:none;transition:transform .35s var(--spring)}.iconbtn:active{transform:scale(.88)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 11px;border-radius:99px;font-size:13px;font-weight:600;color:var(--mute);white-space:nowrap}.chip.accent{background:var(--accent-soft);color:var(--accent-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--accent) 40%,transparent)}.chip.warn{background:var(--warn-soft);color:var(--warn)}button.chip{border:0;min-height:40px;transition:transform .3s var(--spring)}button.chip:active{transform:scale(.94)}.panel{border-radius:26px;padding:20px;min-width:0}.panel>*{position:relative;z-index:1}.panel h3{font-size:19px}.phead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;min-height:40px}.phead a,.link{color:var(--accent-text);font-weight:600;font-size:15px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;background:none;border:0;padding:0;transition:opacity .2s}.phead a:active,.link:active{opacity:.5}.eyebrow{font:600 12px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.mute{color:var(--mute)}.dim{color:var(--dim)}.small{font-size:13px}.up{color:var(--up)}.down{color:var(--down)}.num{font-family:var(--font-round);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.big{font-size:clamp(46px,12.5vw,78px);line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 30%,#ffffffb8);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .big{background:none;color:var(--fg)}.big .cents{font-size:.5em;vertical-align:.62em;margin-left:2px}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack,.grid2{display:grid;gap:16px}@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}}.page-title{margin-bottom:20px}.page-title h1{font-size:clamp(32px,6.4vw,40px);letter-spacing:-.03em}.page-title p{color:var(--mute);margin-top:6px;max-width:640px}.bar{height:10px;border-radius:99px;background:#7878803d;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--green));box-shadow:0 0 12px -2px color-mix(in srgb,var(--green) 70%,transparent);transition:width .7s var(--ease);transform-origin:left;animation:fill .9s var(--ease) both}@keyframes fill{0%{transform:scaleX(0)}}.mixbar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#7878803d;gap:2px}.mixbar i{display:block;height:100%;transition:flex-basis .4s var(--ease);transform-origin:left;animation:fill .8s var(--ease) both}.pips{display:inline-flex;gap:3px}.pips i{width:14px;height:6px;border-radius:9px;background:#7878804d}.pips i.on{background:currentColor}.list{display:grid}.li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:.5px solid var(--line)}.li:first-child{border-top:0}.li .ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#64d2ff2e,#30d1581f);color:var(--cyan);display:grid;place-items:center;flex:none;box-shadow:inset 0 1px #ffffff1f}.li .t{flex:1;min-width:0}.li .t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li .t span{font-size:13px;color:var(--mute)}.seg{display:inline-flex;border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;min-height:40px;padding:0 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--mute);position:relative;transition:color .2s}.seg button[aria-pressed=true]{color:var(--fg);background:linear-gradient(180deg,#fff3,#ffffff1a);box-shadow:0 3px 10px -4px #0009,inset 0 1px #fff3;animation:thumb .38s var(--spring)}[data-theme=light] .seg button[aria-pressed=true]{background:#fff;box-shadow:0 3px 8px -2px #00000026}@keyframes thumb{0%{transform:scale(.82);opacity:.4}}.seg.scroll{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.seg.scroll::-webkit-scrollbar{display:none}.seg.scroll button{flex:none;white-space:nowrap;min-width:44px}@media(max-width:420px){.seg.scroll button{padding:0 11px}}.seg.fill{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;max-width:520px}.seg.fill button{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch{position:relative;width:51px;height:31px;flex:none}.switch input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{position:absolute;inset:0;border-radius:99px;background:#78788052;transition:background .3s var(--ease)}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:99px;background:#fff;transition:transform .38s var(--spring),width .2s var(--ease);box-shadow:0 3px 8px #00000040,0 0 0 .5px #0000000a}.switch input:active+span:after{width:33px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(20px)}.switch input:checked:active+span:after{transform:translate(14px)}.switch input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--green);height:36px}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--mute)}.field input{min-height:46px;border-radius:12px;border:0;background:#7676803d;padding:0 14px;width:100%;transition:box-shadow .2s}.field input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 55%,transparent)}.note{font-size:12.5px;color:var(--dim)}.callout{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;color:var(--fg);font-size:14px;background:linear-gradient(135deg,var(--warn-soft),rgba(10,132,255,.06)),var(--mat);animation:rise .45s var(--ease) backwards}.callout svg{color:var(--warn);flex:none;margin-top:2px}.callout.good{background:linear-gradient(135deg,var(--accent-soft),rgba(64,200,224,.06)),var(--mat)}.callout.good svg{color:var(--accent-text)}.term{all:unset;cursor:help}.explain .term{text-decoration:underline dotted 2px;text-decoration-color:var(--teal);text-underline-offset:4px}.explain .term:focus-visible{outline:2px solid var(--blue);border-radius:4px}.pop{position:fixed;z-index:96;width:min(320px,calc(100vw - 32px));border-radius:18px;padding:14px 16px;font-size:14px;color:var(--fg);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),var(--mat-thick);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:var(--shadow),inset 0 1px #ffffff2e;animation:popin .32s var(--spring);transform-origin:top center}.pop b{font-family:var(--font-display);font-size:16px;display:block;margin-bottom:4px}@keyframes popin{0%{opacity:0;transform:translateY(6px) scale(.94)}}.scrim{position:fixed;inset:0;z-index:80;background:#0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:fade .25s ease}.sheet{width:100%;max-height:92dvh;overflow:auto;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 30%),var(--mat-thick);border-radius:34px 34px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));animation:sheet .5s var(--spring);color:var(--fg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%)}.sheet>*{position:relative;z-index:1}.sheet .grab{width:36px;height:5px;border-radius:9px;background:#ebebf54d;margin:0 auto 12px}.sheet .shead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sheet .shead h2{font-size:22px}@media(min-width:760px){.scrim{align-items:center;padding:24px}.sheet{max-width:560px;border-radius:30px;padding:22px 26px 26px;animation:popin .4s var(--spring)}.sheet.wide{max-width:860px}.sheet .grab{display:none}}@keyframes fade{0%{opacity:0}}@keyframes sheet{0%{transform:translateY(60%);opacity:.4}}.toasts{position:fixed;z-index:99;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom));display:grid;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}@media(min-width:1024px){.toasts{bottom:28px}}.app:has(.stage) .toasts{top:calc(64px + env(safe-area-inset-top));bottom:auto}.toast{border-radius:18px;padding:12px 16px;font-weight:600;font-size:14px;color:var(--fg);animation:toast .5s var(--spring)}.toast>*{position:relative;z-index:1}.toast.good{background:linear-gradient(135deg,#30d15852,#40c8e038),var(--mat)}@keyframes toast{0%{opacity:0;transform:translateY(16px) scale(.92)}}@property --mx{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --my{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --ang{syntax: "<angle>"; inherits: false; initial-value: 155deg;}.tcard{--rc: var(--r-common);--rc2: #4b5a60;--rc3: #dfe8ea;--hyp: 0;position:relative;aspect-ratio:5 / 7;border-radius:14px;padding:4.5px;color:#fff;container-type:inline-size;user-select:none;-webkit-user-select:none;isolation:isolate;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),linear-gradient(var(--ang),var(--rc3) 0%,var(--rc) 30%,var(--rc2) 64%,var(--rc3) 100%);box-shadow:0 1px #ffffff59 inset,0 -1px #0006 inset,0 14px 30px -16px #000000e6,0 6px 26px -14px color-mix(in srgb,var(--rc) 70%,transparent);transition:box-shadow .3s,transform .35s var(--spring)}.tcard[data-r=uncommon]{--rc: #40c8e0;--rc2: #0f4f5c;--rc3: #b8f3ff}.tcard[data-r=rare]{--rc: #2f8fff;--rc2: #0a2f72;--rc3: #b9dbff}.tcard[data-r=ultra]{--rc: #3dff8f;--rc2: #0a5bd6;background:linear-gradient(var(--ang),#d8fff0 0%,#3dff8f 18%,#22c6d8 40%,#0a84ff 60%,#64d2ff 78%,#3dff8f 100%);animation:aurora-frame 6s linear infinite}@keyframes aurora-frame{to{--ang: 515deg}}.tcard.hot{box-shadow:0 1px #fff6 inset,0 30px 50px -22px #000000f2,0 10px 40px -12px color-mix(in srgb,var(--rc) 80%,transparent)}.tcard .face{position:relative;height:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:#070b0d;box-shadow:0 0 0 1px #0009,0 0 0 1px #ffffff0f inset}.tcard .art{position:relative;flex:1 1 58%;overflow:hidden;display:grid;place-items:center;box-shadow:0 -10px 18px -10px #000c inset}.tcard .art svg{position:absolute;inset:0;width:100%;height:100%}.tcard:not([data-r=ultra]) .art{place-items:end center;padding-bottom:6cqw}.tcard[data-r=ultra] .art{place-items:center;padding-top:14cqw}.tcard .tick{position:relative;font:800 clamp(15px,15cqw,36px)/1 var(--font-round);letter-spacing:-.035em;color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.35),0 3px 18px rgba(0,0,0,.55)}.tcard[data-r=ultra] .tick{background:linear-gradient(180deg,#f2fff9,#3dff8f 52%,#19b8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.tcard .info{position:relative;padding:5.5cqw 6.5cqw 6cqw;display:grid;gap:2.4cqw;background:linear-gradient(180deg,#10171a,#070b0d);border-top:1px solid rgba(255,255,255,.07)}.tcard .info>*{min-width:0}.tcard .nm{font-weight:600;font-size:clamp(12px,7.4cqw,17px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcard .meta{display:flex;justify-content:space-between;align-items:center;font-size:clamp(12px,6cqw,13px);color:#c4d0d3;gap:4px}.tcard .rl{display:inline-flex;align-items:center;gap:5px;font:600 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rc);white-space:nowrap;min-width:0;overflow:hidden}.tcard .rl .lbl{overflow:hidden;text-overflow:ellipsis}.tcard .meta .pips,.tcard .rl svg{flex:none}.tcard .pips i{width:clamp(5px,5cqw,14px);height:clamp(3px,2.4cqw,6px);background:#26343a}.tcard .pips i.on{background:var(--rc);box-shadow:0 0 6px color-mix(in srgb,var(--rc) 60%,transparent)}.tcard .foot{display:none;justify-content:space-between;align-items:center;font:500 12px/1 var(--font-mono);letter-spacing:.04em;color:#ffffff6b;padding-top:2cqw;border-top:1px dashed rgba(255,255,255,.1);font-variant-numeric:tabular-nums}.tcard .foot span{display:inline-flex;align-items:center;gap:5px}.tcard .foot svg{opacity:.8}@container (min-width: 200px){.tcard .foot{display:flex}}@container (max-width: 160px){.tcard .kind,.tcard .rl .lbl{display:none}.tcard .meta{justify-content:flex-start;gap:6px}}.tcard .grade{position:absolute;top:6cqw;right:6cqw;z-index:3;font:600 12px/1.5 var(--font-mono);letter-spacing:.04em;background:#000000b8;border:1px solid color-mix(in srgb,var(--rc) 70%,transparent);color:#fff;padding:0 6px;border-radius:4px}.tcard .kind{position:absolute;top:6cqw;left:6cqw;z-index:3;font:600 12px/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.8)}.tcard[data-r=ultra] .art{position:absolute;inset:0}.tcard[data-r=ultra] .info{margin-top:auto;background:linear-gradient(180deg,transparent,rgba(2,8,10,.78) 34%,rgba(2,8,10,.94));border-top:0;padding-top:14cqw}.tcard[data-r=ultra] .face:before{content:"";flex:1 1 auto}.tcard .foil,.tcard .glare{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:10px}.tcard[data-r=common] .foil{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.16) calc(var(--mx) - 4%),rgba(255,255,255,.04) calc(var(--mx) + 6%),transparent calc(var(--mx) + 18%));mix-blend-mode:soft-light;opacity:.7}.tcard[data-r=uncommon] .info:after,.tcard[data-r=rare] .art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:color-dodge;transition:opacity .3s}.tcard[data-r=uncommon] .info:after{background:radial-gradient(circle,rgba(255,255,255,.55) .7px,transparent 1.2px) 0 0 / 5px 5px,linear-gradient(115deg,#3dff8f,#64d2ff 25%,#0a84ff,#63e6e2 75%,#3dff8f) var(--mx) var(--my) / 300% 300%;opacity:.16}.tcard[data-r=rare] .art:after{background:radial-gradient(circle at 20% 30%,#fff 0 .8px,transparent 1.5px) 0 0 / 23px 19px,radial-gradient(circle at 70% 60%,#fff 0 .6px,transparent 1.2px) 0 0 / 17px 29px,repeating-linear-gradient(110deg,#47f564,#47f5bb,#42ebfa,#4cb2fa,#567ffb,#47f564 35%) var(--mx) var(--my) / 260% 260%;opacity:.3}.tcard[data-r=rare] .tick{z-index:2}.tcard[data-r=ultra] .foil{background:radial-gradient(circle at 30% 40%,#fff 0 .7px,transparent 1.4px) 0 0 / 13px 11px,radial-gradient(circle at 60% 70%,#c8fff0 0 1px,transparent 1.8px) 0 0 / 31px 23px,conic-gradient(from calc(var(--mx) * 3.6) at var(--mx) var(--my),#3dff8f,#22d3ee,#0a84ff,#64d2ff,#3dff8f);mix-blend-mode:color-dodge;opacity:.42;transition:opacity .3s;animation:drift 7s ease-in-out infinite alternate}@keyframes drift{0%{--mx: 30%;--my: 35%}to{--mx: 70%;--my: 65%}}.tcard.hot .foil{animation:none}.tcard.hot[data-r=uncommon] .info:after{opacity:.5}.tcard.hot[data-r=rare] .art:after{opacity:.62}.tcard.hot[data-r=ultra] .foil{opacity:.66}.tcard .glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my),rgba(255,255,255,.45) 0%,rgba(255,255,255,.08) 25%,transparent 55%);mix-blend-mode:overlay;opacity:0;transition:opacity .25s}.tcard.hot .glare{opacity:calc(.35 + var(--hyp) * .5)}.tcard.tilt{transform:perspective(820px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));will-change:transform;transition:box-shadow .3s}.tcard.sm .info{padding:5cqw}.tcard.sm .kind{display:none}.cardback{position:absolute;inset:0;border-radius:14px;padding:4.5px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(155deg,#2e3a40,#070b0d 45%,#1d2a30);display:grid;box-shadow:0 1px #fff3 inset,0 16px 34px -16px #000;transition:box-shadow .4s}.cardback .in{position:relative;overflow:hidden;border-radius:10px;border:1px solid #22313a;display:grid;place-items:center;background:repeating-radial-gradient(circle at 50% 50%,#40c8e000 0 5px,#40c8e021 5.5px 6px),repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.03) 0 4deg,transparent 4deg 8deg),radial-gradient(circle at 50% 45%,#0b3340,#020607 72%)}.cardback .ring{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(100,210,255,.35);animation:spin 24s linear infinite}.cardback .logo{position:relative;width:32%;aspect-ratio:1;border-radius:26%;background:var(--navy);display:grid;place-items:center;box-shadow:0 0 0 4px #0009,0 0 40px #40c8e073,inset 0 1px #ffffff80}.cardback[data-hint=uncommon]{box-shadow:0 0 0 1px #40c8e099,0 0 30px #40c8e073}.cardback[data-hint=rare]{box-shadow:0 0 0 1px #2f8fffb3,0 0 40px #2f8fff8c;animation:hint 1.3s ease-in-out infinite}.cardback[data-hint=ultra]{box-shadow:0 0 0 1.5px #3dff8fd9,0 0 60px #3dff8f80;animation:hint .9s ease-in-out infinite}.cardback[data-hint=ultra] .ring{border-color:#3dff8fbf;animation-duration:5s}@keyframes hint{50%{filter:brightness(1.35);transform:scale(1.012)}}.flip{perspective:1100px}.flip .fi{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.3,1.4,.4,1);transform-style:preserve-3d}.flip.on .fi{transform:rotateY(180deg)}.flip .f1,.flip .f2{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip .f2{transform:rotateY(180deg)}.pack-wrap{position:relative;display:grid;place-items:center}.pack{--p: 0;--mx: 50%;position:relative;width:min(250px,60vw);aspect-ratio:5 / 8;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}.pack .body,.pack .top{position:absolute;left:0;right:0;color:#eef7f6;background:linear-gradient(100deg,transparent calc(var(--mx) - 24%),rgba(255,255,255,.26) var(--mx),transparent calc(var(--mx) + 24%)),linear-gradient(115deg,rgba(61,255,143,0) calc(var(--mx) - 40%),rgba(61,255,143,.16) calc(var(--mx) - 15%),rgba(100,210,255,.22) var(--mx),rgba(10,132,255,.18) calc(var(--mx) + 15%),rgba(10,132,255,0) calc(var(--mx) + 40%)),repeating-linear-gradient(100deg,#fff0 0 9px,#ffffff0d 10px 11px,#0000 12px 20px),linear-gradient(160deg,#33444a,#141c20 34%,#070b0d 58%,#24343a 84%,#3f555c);background-blend-mode:normal,screen,normal,normal;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.pack .top{top:0;height:15%;border-radius:12px 12px 2px 2px;z-index:2;transform-origin:8% 100%;transform:rotate(calc(var(--p) * -7deg)) translateY(calc(var(--p) * -5px));transition:transform .08s linear}.pack .perf{position:absolute;left:4%;right:4%;bottom:-1px;border-bottom:2px dashed rgba(255,255,255,.55)}.pack .body{top:15%;bottom:0;border-radius:2px 2px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;gap:8px;box-shadow:0 30px 80px -30px #40c8e073,0 0 0 1px #ffffff29 inset,0 1px #ffffff4d inset}.pack .body:before{content:"";position:absolute;top:0;bottom:0;right:8%;width:4.5%;background:linear-gradient(180deg,var(--neon-g),var(--teal) 55%,var(--blue));box-shadow:-1px 0 #0006,1px 0 #ffffff40;opacity:.9}.pack .body h3{font-size:clamp(24px,7vw,32px);line-height:1;letter-spacing:-.03em}.pack .packmark{width:56px;height:56px;border-radius:16px;background:var(--navy);display:grid;place-items:center;box-shadow:0 0 0 3px #00000080,0 0 30px #40c8e073,inset 0 1px #ffffff80}.pack .crimp{position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 6px)}.pack .crimp.t{top:4px}.pack .crimp.b{bottom:4px}.pack .progress{position:absolute;z-index:3;left:4%;top:calc(15% - 2px);max-width:92%;height:3px;background:#fff;border-radius:9px;box-shadow:0 0 10px #fff,0 0 26px var(--leak);pointer-events:none}.pack.breathe{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.015) rotate(-.4deg)}}.pack.idle .perf{animation:perf 1.1s ease-in-out infinite}@keyframes perf{50%{border-bottom-color:#fff;filter:drop-shadow(0 0 6px var(--neon-g))}}.pack .arrow{position:absolute;z-index:4;top:4%;left:6%;font:700 18px var(--font-round);color:#fff;text-shadow:0 0 10px var(--neon-g);animation:nudge 1.1s ease-in-out infinite;pointer-events:none}@keyframes nudge{50%{transform:translate(26px)}}.pack.torn .top{transform:translate(110px,-150px) rotate(38deg);opacity:0;transition:transform .25s cubic-bezier(.3,.6,.4,1),opacity .25s .1s}.pack.torn .progress{opacity:0}.pack.torn{animation:jolt .14s ease-out}@keyframes jolt{30%{transform:translate(-3px,2px) rotate(-1deg)}70%{transform:translate(2px,-1px) rotate(.6deg)}}.pack.dropped{transform:translateY(70%);opacity:0;transition:transform .45s cubic-bezier(.5,0,.7,.4),opacity .45s}.leak{position:absolute;z-index:1;width:160%;aspect-ratio:1;top:-55%;left:-30%;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--leak) 90%,#fff) 0%,color-mix(in srgb,var(--leak) 50%,transparent) 18%,transparent 52%);animation:leak .9s ease-out forwards;mix-blend-mode:screen}@keyframes leak{0%{opacity:0;transform:scale(.3)}35%{opacity:1}to{opacity:.55;transform:scale(1.05)}}.rising{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.rise-card{position:absolute;width:min(200px,50vw);aspect-ratio:5/7;animation:risecard .5s cubic-bezier(.2,1.25,.3,1) both;animation-delay:calc(var(--k) * 50ms)}@keyframes risecard{0%{transform:translateY(55%) scale(.9);opacity:0}to{transform:translateY(calc(var(--k) * -3px)) rotate(calc(var(--k) * 1.5deg - 1.5deg));opacity:1}}.stage-title{transition:opacity .3s,transform .3s}.stage-title.gone{opacity:0;transform:translateY(-8px)}.minipack{width:54px;aspect-ratio:5/8;border-radius:6px;flex:none;position:relative;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%) 0 0 / 250% 100%,linear-gradient(160deg,#33444a,#070b0d 55%,#3f555c);box-shadow:0 8px 20px -8px #40c8e099,inset 0 0 0 1px #ffffff26;animation:shimmer 2.6s ease-in-out infinite}.minipack:before{content:"";position:absolute;top:18%;bottom:0;right:10%;width:8%;background:linear-gradient(180deg,var(--neon-g),var(--blue))}.minipack:after{content:"";position:absolute;left:3px;right:3px;top:16%;border-top:1.5px dashed rgba(255,255,255,.45)}@keyframes shimmer{50%{background-position:100% 0,0 0}}.minipack.waiting{filter:grayscale(.8) brightness(.7);animation:none}.app:has(.stage) .main,.app:has(.stage) .tabs,.app:has(.stage) .top,.app:has(.stage) .side,.app:has(.stage):before,.app:has(.stage):after{visibility:hidden}.stage{--leak: #cfe9e4;position:fixed;inset:0;z-index:70;color:#fff;display:flex;flex-direction:column;overflow:auto;overflow-x:hidden;background:radial-gradient(70% 55% at 50% 40%,color-mix(in srgb,var(--leak) 14%,#031014),#000 70%);transition:background .6s;animation:fade .3s ease}.stage.beating{background:radial-gradient(60% 45% at 50% 48%,color-mix(in srgb,var(--leak) 22%,#030606),#000 65%)}.stage .bar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 8px}.stage .center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:8px 16px 28px;text-align:center}.stage .hint{color:#ebf5f5b3;font-size:14px}.stage .iconbtn,.stage .chip,.stage .btn:not(.primary){color:#fff;background:#ffffff1a}.stage .callout{color:#fff}.deck{position:relative;width:min(230px,56vw);aspect-ratio:5/7}.deck-under{position:absolute;inset:0;transform:translate(calc(var(--k) * 5px),calc(var(--k) * -5px)) rotate(calc(var(--k) * 2.2deg));z-index:calc(10 - var(--k));filter:brightness(calc(1 - var(--k) * .15))}.reveal-card{position:absolute;inset:0;z-index:20;cursor:pointer;border:0;background:none;padding:0;color:#fff;touch-action:none;transition:transform .2s cubic-bezier(.2,1.4,.3,1);animation:settle .18s var(--ease) both}@keyframes settle{0%{transform:translate(5px,-5px) rotate(2.2deg);filter:brightness(.85)}}.reveal-card.flip .fi{transition:transform .5s cubic-bezier(.2,.8,.2,1.15)}.reveal-card.got-uncommon,.reveal-card.got-rare,.reveal-card.got-ultra,.reveal-card.got-common{animation:bump .32s ease-out .36s}@keyframes bump{40%{scale:1.06}}.reveal-card.got-ultra:before{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 8%,rgba(61,255,143,.4) 9% 12%,transparent 13% 25%,rgba(34,211,238,.3) 26% 29%,transparent 30% 42%,rgba(10,132,255,.35) 43% 46%,transparent 47% 60%,rgba(61,255,143,.4) 61% 64%,transparent 65% 78%,rgba(100,210,255,.3) 79% 82%,transparent 83%);border-radius:50%;animation:spin 9s linear infinite;mask:radial-gradient(circle,#000 22%,transparent 66%);-webkit-mask:radial-gradient(circle,#000 22%,transparent 66%);pointer-events:none}.reveal-card.got-rare:before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle,rgba(47,143,255,.5),transparent 64%);pointer-events:none;animation:fade .5s ease}@keyframes spin{to{transform:rotate(1turn)}}.clues{min-height:34px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.clue{--c: #fff;display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:10px;border:1px solid var(--c);color:var(--c);font:600 13px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--c) 40%,transparent);animation:clue .35s cubic-bezier(.2,1.4,.3,1) both;transition:color .3s,border-color .3s,box-shadow .3s}@keyframes clue{0%{opacity:0;transform:translateY(8px) scale(.9)}}.clue.typed span{display:inline-block;overflow:hidden;white-space:nowrap;width:calc(var(--n) * 1ch + .1ch);animation:type .5s steps(var(--n)) both;border-right:2px solid var(--c)}@keyframes type{0%{width:0}}.sparks{position:absolute;inset:0;z-index:25;pointer-events:none;display:grid;place-items:center}.sparks i{position:absolute;border-radius:50%;box-shadow:0 0 10px currentColor;animation:spark .75s cubic-bezier(.2,.7,.3,1) forwards;opacity:0}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translate(10px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translate(var(--d)) scale(.3)}}.flash{position:fixed;inset:0;z-index:75;pointer-events:none;background:radial-gradient(circle at 50% 45%,#effff8,rgba(61,255,143,.35) 40%,transparent 70%);animation:flash .5s ease-out forwards}@keyframes flash{0%{opacity:.9}to{opacity:0}}.reveal-info{min-height:150px;display:grid;gap:10px;justify-items:center;max-width:440px}.rev-title{display:inline-flex;align-items:center;gap:8px;font-size:22px;animation:clue .4s ease-out both}.dealt{display:flex;justify-content:center;gap:8px}.dealt .slot{width:14px;aspect-ratio:5/7;border-radius:3px;border:1.5px solid rgba(255,255,255,.3);transition:background .3s,border-color .3s,transform .4s var(--spring)}.dealt .slot.got{transform:scale(1.15)}.fan{display:flex;justify-content:center;align-items:flex-end;padding:18px 0 22px}.fan>*{width:min(150px,29vw);margin:0 -18px}.fan>*:nth-child(1){transform:rotate(-10deg) translateY(14px)}.fan>*:nth-child(3){transform:rotate(10deg) translateY(14px)}.fan>*:nth-child(2){z-index:3;transform:translateY(-14px) scale(1.06)}.fan.in>*{animation:deal .55s cubic-bezier(.2,1.3,.3,1) both;animation-delay:calc(var(--k) * 90ms)}@keyframes deal{0%{opacity:0;translate:0 40px;scale:.85}}.setrow{background:#ffffff0f;border-radius:14px;padding:10px 14px;animation:rise .5s var(--ease) backwards}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}@media(max-width:360px){.cards{grid-template-columns:1fr 1fr;gap:10px}}@media(min-width:760px){.cards{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}}.cardtile{border:0;background:none;padding:0;text-align:left;display:grid;gap:8px;border-radius:14px;min-width:0}.cardtile .under{display:flex;justify-content:space-between;font-size:13.5px;padding:0 2px;gap:6px}.cardtile:hover .tcard{transform:translateY(-4px) rotate(-.6deg)}.cardtile:active .tcard{transform:scale(.96)}.pick{position:relative;display:grid;gap:8px;border:0;background:none;padding:0;text-align:left;border-radius:14px;min-width:0}.pick .tcard{transition:transform .35s var(--spring),outline-color .2s,box-shadow .3s}.pick:active .tcard{transform:scale(.95)}.pick .sel{position:absolute;z-index:4;top:-6px;left:-6px;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--neon-g),var(--teal));color:#001a07;display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 3px var(--bg),0 0 14px #3dff8f99;animation:popin .4s var(--spring)}.pick[aria-pressed=true] .tcard{outline:3px solid var(--neon-g);outline-offset:3px;transform:translateY(-3px)}.pick .under{font-size:13px;color:var(--mute);padding:0 2px}.pick-wrap{position:relative;min-width:0}.pick-wrap .info-btn{position:absolute;z-index:5;top:8px;right:8px;width:40px;height:40px;border-radius:50%;border:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;transition:transform .3s var(--spring)}.pick-wrap .info-btn:active{transform:scale(.88)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slots>*{animation:popin .4s var(--spring) both}.slot-e{aspect-ratio:5/7;border-radius:14px;border:2px dashed var(--line2);display:grid;place-items:center;color:var(--dim);font-size:13px;text-align:center;padding:8px}.builder{display:grid;gap:18px;padding-bottom:170px}@media(min-width:1100px){.builder{grid-template-columns:minmax(0,1fr) 380px;align-items:start;padding-bottom:0}.builder .summary{position:sticky;top:24px}}.mobilebar{position:fixed;z-index:35;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;max-width:520px;margin:0 auto;animation:toast .5s var(--spring)}.mobilebar>*{position:relative;z-index:1}@media(min-width:1024px){.mobilebar{bottom:20px;left:284px;right:20px}}@media(min-width:1100px){.mobilebar{display:none}}.binder-page{position:relative;padding:16px 14px 16px 30px;border-radius:24px}.binder-page>*{position:relative;z-index:1}.binder-page .rings{position:absolute;left:9px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around}.binder-page .rings i{width:11px;height:11px;border-radius:50%;background:var(--bg);box-shadow:0 1px #ffffff1f,0 0 0 2px var(--line2) inset}.cards.pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(min-width:760px){.cards.pages{gap:18px}.binder-page{padding:22px 22px 22px 44px}.binder-page .rings{left:14px}.binder-page .rings i{width:14px;height:14px}}@media(min-width:1100px){.binder-page{max-width:760px}}.pocket{position:relative;border-radius:14px}.pocket:after{content:"";position:absolute;left:-3px;right:-3px;top:-3px;aspect-ratio:5/7;border-radius:15px;pointer-events:none;z-index:5;background:linear-gradient(115deg,#ffffff1a,#fff0 22% 70%,#ffffff12);box-shadow:0 0 0 1px #ffffff14 inset,0 1px #ffffff2e inset}.pocket.ghost{border:0;background:none;padding:0;text-align:left;display:grid;gap:8px;min-width:0;color:var(--fg)}.ghost-card{aspect-ratio:5/7;border-radius:14px;border:1.5px dashed var(--line2);display:grid;place-content:center;justify-items:center;gap:4px;padding:8px;text-align:center;color:var(--dim);background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.015) 8px 16px);transition:border-color .25s,color .25s,transform .35s var(--spring)}.ghost-card b{font:700 clamp(14px,3.2vw,18px) var(--font-round);color:var(--mute)}.ghost-card .gname{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ghost-card .mono{font-size:12px;letter-spacing:.08em}.pocket.ghost:hover .ghost-card{border-color:var(--teal);color:var(--teal)}.pocket.ghost:active .ghost-card{transform:scale(.96)}.pocket.ghost .under,.pocket.cardtile .under{font-size:12.5px;flex-wrap:wrap;row-gap:0}.slab{margin:0 auto;width:100%;max-width:280px;padding:10px 10px 14px;border-radius:18px;background:linear-gradient(160deg,#ffffff38,#ffffff0d 40%,#ffffff1f);border:1px solid rgba(255,255,255,.28);box-shadow:0 1px #fff6 inset,0 30px 60px -30px #000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:popin .5s var(--spring)}.slab-label{border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,#f2f7f6,#dfe8e6);color:#061014;font:500 12px/1.3 var(--font-mono);display:grid;gap:3px;border:2px solid var(--teal)}.slab-label .sl-top,.slab-label .sl-bot{display:flex;justify-content:space-between;gap:6px;align-items:center}.slab-label .sl-mid{display:flex;justify-content:space-between;align-items:center;gap:8px}.slab-label .sl-mid b{font:700 12px/1.25 var(--font-display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slab-label .sl-grade{font:800 30px/1 var(--font-round);letter-spacing:-.04em;color:#0a6e8a}.slab-label .bars{display:inline-flex;gap:1px;height:14px;align-items:stretch}.slab-label .bars i{display:block;background:#061014}.slab-label .sl-cert{text-align:right;opacity:.6}.slab-well{margin-top:10px;padding:8px;border-radius:12px;background:#00000059;box-shadow:0 0 0 1px #ffffff1f inset,0 10px 20px -10px #0009 inset}.hero{display:grid;gap:14px;margin-bottom:18px}.hero .actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;max-width:560px}.hero .actions>:first-child{grid-column:1 / -1}@media(min-width:760px){.hero .actions{grid-template-columns:auto auto auto;justify-content:start}.hero .actions>:first-child{grid-column:auto}}.home-grid{display:grid;gap:14px}@media(min-width:900px){.home-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.span7{grid-column:span 7}.span5{grid-column:span 5}.span6{grid-column:span 6}.span12{grid-column:span 12}}.readypack{display:flex;align-items:center;gap:14px;padding:14px;border-radius:24px;background:linear-gradient(120deg,#3dff8f2e,#0a84ff1a),var(--mat);transition:transform .35s var(--spring)}.readypack>*{position:relative;z-index:1}.readypack:active{transform:scale(.98)}.readypack .t{flex:1;min-width:0}.minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:460px}.minis a{text-decoration:none;display:block;border-radius:14px}.minis a .tcard{transition:transform .35s var(--spring)}.minis a:hover .tcard{transform:translateY(-4px)}.minis .slot-e{text-decoration:none;font-weight:600;transition:border-color .2s,color .2s}.minis .slot-e:hover{border-color:var(--teal);color:var(--teal)}.drop{display:flex;gap:14px;align-items:center}.kcard{width:74px;flex:none;aspect-ratio:5/7;border-radius:10px;padding:3px;background:linear-gradient(150deg,var(--neon-g),var(--teal) 50%,var(--blue));box-shadow:0 8px 22px -10px #40c8e0b3}.kcard .in{height:100%;border-radius:8px;background:#061014;display:grid;place-items:center;color:#fff;font:800 24px var(--font-round)}.flip:not(.on) .kcard{animation:hint 2.2s ease-in-out infinite}.unit{display:grid;gap:10px}.lesson-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;text-decoration:none;min-height:64px;transition:transform .35s var(--spring)}.lesson-row>*{position:relative;z-index:1}.lesson-row:hover{transform:translate(3px)}.lesson-row:active{transform:scale(.98)}.lesson-row .badge{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:#7878803d;font-weight:700}.lesson-row.done .badge{background:linear-gradient(145deg,var(--green),var(--teal));color:#001a07}.lesson-row .t{flex:1;min-width:0}.slide{min-height:240px;display:grid;align-content:center;gap:12px;animation:route .45s var(--ease) backwards}.slide h2{font-size:clamp(28px,6.4vw,38px)}.slide p{font-size:18px;line-height:1.55;color:var(--fg);max-width:620px}.dots{display:flex;gap:6px}.dots i{flex:1;height:5px;border-radius:9px;background:#7878804d;transition:background .4s var(--ease)}.dots i.on{background:linear-gradient(90deg,var(--teal),var(--green))}.opt{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;border-radius:16px;border:0;text-align:left;font-weight:600;font-size:16px;transition:transform .35s var(--spring),box-shadow .25s}.opt>*{position:relative;z-index:1}.opt:hover:not([disabled]){box-shadow:inset 0 0 0 1.5px var(--line2)}.opt:active:not([disabled]){transform:scale(.98)}.opt.right{background:linear-gradient(135deg,#30d1583d,#40c8e01f),var(--mat);box-shadow:inset 0 0 0 1.5px var(--green);animation:correct .5s var(--spring)}.opt.wrong{background:linear-gradient(135deg,rgba(255,69,58,.18),transparent),var(--mat);box-shadow:inset 0 0 0 1.5px var(--down);animation:shake .4s ease}@keyframes correct{40%{transform:scale(1.03)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.opt[disabled]{cursor:default}.gm{display:grid;gap:18px}@media(min-width:900px){.gm{grid-template-columns:300px minmax(0,1fr);align-items:start}}.chart{width:100%;height:auto;display:block}.chart .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.chart .area{animation:fade 1.2s ease both}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--mute)}.legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}.onboard{position:fixed;inset:0;z-index:90;overflow:auto;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(50% 40% at 20% 10%,rgba(48,209,88,.25),transparent 70%),radial-gradient(50% 40% at 85% 85%,rgba(10,132,255,.28),transparent 70%),var(--bg)}.onboard .box{width:100%;max-width:760px;display:grid;gap:22px;animation:route .6s var(--ease) backwards}.onboard .box>*{animation:rise .6s var(--ease) backwards}.onboard .box>:nth-child(2){animation-delay:.08s}.onboard .box>:nth-child(3){animation-delay:.16s}.onboard .box>:nth-child(4){animation-delay:.24s}.persona{display:grid;gap:10px;text-align:left;padding:20px;border-radius:26px;border:0;min-height:150px;align-content:start;color:var(--fg);transition:transform .4s var(--spring)}.persona>*{position:relative;z-index:1}.persona:hover{transform:translateY(-3px)}.persona:active{transform:scale(.97)}.persona .em{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#3dff8f38,#0a84ff38);color:var(--cyan);box-shadow:inset 0 1px #fff3}@media(hover:hover)and (pointer:fine){:is(.readypack,.persona,.lesson-row,.opt,.iconbtn,.btn,.navlink,.cardtile .tcard,.minis a .tcard,.ghost-card,.slot-e){transition:transform .35s var(--spring),box-shadow .3s ease,filter .3s ease,border-color .2s,color .2s,opacity .2s,background .2s}:is(a.readypack,.persona,.lesson-row,.opt:not([disabled]),.iconbtn,.btn:not(.primary):not(.danger):not([disabled])):hover{box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #64d2ff52,0 0 0 1px #40c8e01a,0 10px 30px -10px #40c8e080}.btn.primary:not([disabled]):hover{background-position:100% 0;box-shadow:0 0 0 1px #7cffcb80,0 10px 32px -6px #5fd4ff99,inset 0 1px #fff6}.btn.danger:hover{box-shadow:inset 0 0 0 1px var(--down),0 8px 26px -10px #ff453a8c}.navlink:hover{box-shadow:inset 0 0 0 1px #64d2ff29,0 0 22px -8px #40c8e08c}.tab:hover{color:var(--fg)}.tab:hover svg{filter:drop-shadow(0 0 6px rgba(100,210,255,.7))}:is(.cardtile:hover,.minis a:hover) .tcard{filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--rc) 50%,transparent)) brightness(1.06)}:is(.pocket.ghost:hover .ghost-card,.minis .slot-e:hover){box-shadow:0 0 22px -6px #40c8e080}[data-theme=light] :is(a.readypack,.persona,.lesson-row,.opt:not([disabled]),.iconbtn,.btn:not(.primary):not(.danger):not([disabled])):hover{box-shadow:inset 0 1px #fff,0 0 0 1px #0a84ff40,0 10px 26px -12px #0a84ff66}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.flip .fi,.flip.on .fi{transform:none!important}.flip .f2{transform:none;opacity:0;transition:opacity .15s!important}.flip.on .f2{opacity:1}.flip .f1{transition:opacity .15s!important}.flip.on .f1{opacity:0}.app:before,.app:after{animation:none!important}}