@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--bg: #FFF8EE;--bg-warm: #FFEFD6;--paper: #FFFFFF;--ink: #1A1325;--ink-2: #4A3F5A;--ink-3: #7B6F8B;--line: #E8DDC9;--line-2: #D9CBB0;--plum: #6E3CC2;--plum-2: #9866E0;--plum-soft: #EDE0FF;--tang: #FF6A2C;--tang-2: #FF8B5A;--tang-soft: #FFE0D0;--teal: #1FA39A;--teal-2: #4FC2BB;--teal-soft: #D6F1EE;--sun: #FFC93C;--sun-2: #FFD66E;--pink: #FF4F9E;--pink-soft: #FFD9E9;--leaf: #4FAE5A;--leaf-soft: #DBF0DD;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-full: 9999px;--shadow-sm: 0 2px 0 var(--ink);--shadow-md: 0 4px 0 var(--ink);--shadow-lg: 0 6px 0 var(--ink);--shadow-xl: 0 8px 0 var(--ink);--shadow-soft: 0 12px 32px rgba(110,60,194,.18);--t-fast: .14s cubic-bezier(.34,1.56,.64,1);--t-bouncy: .28s cubic-bezier(.34,1.56,.64,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;min-height:100vh;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(110,60,194,.15) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:0;opacity:.5}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}h1{font-size:clamp(2.4rem,6vw,4.4rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}h4{font-size:1.05rem;font-weight:700}p{font-size:1rem;line-height:1.65;color:var(--ink-2)}.script{font-family:Fraunces,serif;font-style:italic;font-weight:500}.muted{color:var(--ink-3)}.mono{font-family:JetBrains Mono,monospace}.center,.text-center{text-align:center}.bold{font-weight:700}.w-full{width:100%}.hidden{display:none!important}.relative{position:relative}.mw-720{max-width:720px;margin-left:auto;margin-right:auto}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.container-sm{max-width:640px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.nav{position:sticky;top:16px;z-index:50;margin:16px 24px 0}.nav-inner{max-width:1180px;margin:0 auto;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-full);padding:10px 14px 10px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-md)}.nav-logo{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-weight:900;font-size:1.15rem;color:var(--ink)}.nav-logo .mark{width:36px;height:36px;background:var(--plum);color:#fff;border-radius:50%;display:grid;place-items:center;font-family:Fraunces,serif;font-weight:900;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-6deg);transition:transform var(--t-bouncy)}.nav-logo:hover .mark{transform:rotate(8deg) scale(1.1)}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{padding:8px 14px;border-radius:var(--r-full);font-weight:600;font-size:.92rem;color:var(--ink-2);transition:background var(--t-fast),color var(--t-fast)}.nav-link:hover,.nav-link.active,.nav-link[data-status=active]{background:var(--plum-soft);color:var(--plum)}.nav-right{display:flex;gap:8px;align-items:center}.nav-burger{display:none;flex-direction:column;gap:4px;padding:10px 8px;border:2px solid var(--ink);border-radius:var(--r-full);background:var(--paper);box-shadow:2px 2px 0 var(--ink)}.nav-burger span{display:block;width:18px;height:2.5px;background:var(--ink);border-radius:2px}.nav-drawer{display:none}.nav-drawer-link{display:block;padding:12px 16px;font-weight:700;color:var(--ink);border-bottom:1px dashed var(--line);width:100%;background:none;border-left:none;border-right:none;border-top:none;font-size:1rem}.nav-drawer-link.active{color:var(--plum)}@media(max-width:820px){.nav{margin:10px 12px 0}.nav-inner{padding:8px 10px 8px 14px;gap:8px}.nav-links{display:none}.nav-burger{display:flex}.nav-hi,.nav-logout,.nav-cta{display:none}.nav-drawer{display:flex;flex-direction:column;margin-top:8px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:6px;box-shadow:var(--shadow-md);max-width:1180px;margin-left:auto;margin-right:auto}}@media(max-width:480px){.nav-logo span:not(.mark){font-size:1rem}.nav-logo .mark{width:30px;height:30px;font-size:.9rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-family:Inter,sans-serif;font-weight:700;font-size:.95rem;border:2.5px solid var(--ink);border-radius:var(--r-full);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-md);transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--plum);color:#fff}.btn-tang{background:var(--tang);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-sun{background:var(--sun);color:var(--ink)}.btn-ghost{border:none;box-shadow:none;background:transparent;padding:8px 14px}.btn-ghost:hover{transform:none;box-shadow:none;background:var(--plum-soft);color:var(--plum)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 28px;font-size:1rem}.btn-xl{padding:18px 32px;font-size:1.1rem}.card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-md);transition:transform var(--t-bouncy),box-shadow var(--t-bouncy)}.card.hoverable:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:8px 8px 0 var(--ink)}.banner{background:var(--sun);border-bottom:2.5px solid var(--ink);padding:8px 16px;text-align:center;font-size:.85rem;font-weight:600;color:var(--ink);position:relative;z-index:51}.hero{padding:64px 0 80px;position:relative}.hero h1 .accent{display:inline-block;position:relative;color:var(--plum)}.hero h1 .accent:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:8px;background:var(--sun);border-radius:4px;z-index:-1}.hero-sub{font-size:1.15rem;color:var(--ink-2);max-width:540px;margin-top:20px;line-height:1.6}.hero-row{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}@media(max-width:900px){.hero-row{grid-template-columns:1fr;gap:32px}}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--plum-soft);color:var(--plum);border:2px solid var(--plum);border-radius:var(--r-full);font-size:.82rem;font-weight:700;margin-bottom:24px;box-shadow:2px 2px 0 var(--plum)}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--plum);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.doodle{position:absolute;pointer-events:none;animation:float 6s ease-in-out infinite;z-index:0}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(6deg)}}.preview{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:8px 8px 0 var(--ink);transform:rotate(1.5deg);transition:transform var(--t-bouncy)}.preview:hover{transform:rotate(0) scale(1.02)}.preview-bar{background:var(--bg-warm);padding:12px 16px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:6px}.preview-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink)}.preview-body{padding:22px}.q-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--plum);background:var(--plum-soft);display:inline-block;padding:4px 10px;border-radius:var(--r-full);margin-bottom:14px}.q-text{font-size:.98rem;line-height:1.55;margin-bottom:16px;color:var(--ink)}.choice{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid var(--ink);border-radius:var(--r-md);background:var(--paper);margin-bottom:8px;cursor:pointer;font-size:.92rem;font-weight:500;transition:all var(--t-fast);box-shadow:2px 2px 0 var(--ink)}.choice:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:var(--bg-warm)}.choice.selected{background:var(--sun)}.choice.correct{background:var(--leaf-soft);border-color:var(--leaf)}.choice.wrong{background:var(--pink-soft);border-color:var(--pink)}.choice-letter{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.82rem;flex-shrink:0}.choice.selected .choice-letter{background:var(--plum)}.floaty-badge{position:absolute;bottom:-18px;left:-18px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-4deg);animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-4px)}}.ribbon{background:var(--plum);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:32px 0;color:#fff;margin-top:40px;position:relative;overflow:hidden}.ribbon:before,.ribbon:after{content:"★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★";position:absolute;white-space:nowrap;color:#ffffff1f;font-size:2rem;letter-spacing:1.2em;top:50%;transform:translateY(-50%);animation:scrollX 60s linear infinite}.ribbon:before{left:0}.ribbon:after{right:0;animation-direction:reverse}@keyframes scrollX{0%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}.ribbon .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:768px){.ribbon .container{grid-template-columns:repeat(2,1fr)}}.stat{text-align:center;position:relative;z-index:1}.stat .num{font-family:Fraunces,serif;font-weight:900;font-size:2.4rem;line-height:1;color:var(--sun);text-shadow:3px 3px 0 var(--ink)}.stat .lbl{font-size:.85rem;font-weight:600;margin-top:6px;color:#ffffffd9}.features{padding:100px 0}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}@media(max-width:900px){.feat-grid{grid-template-columns:1fr}}.feat{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-md);transition:transform var(--t-bouncy),box-shadow var(--t-bouncy);position:relative;overflow:hidden}.feat:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink)}.feat:nth-child(1):hover{transform:translate(-4px,-4px) rotate(-1deg)}.feat:nth-child(2):hover{transform:translate(-4px,-4px) rotate(1deg)}.feat:nth-child(3):hover{transform:translate(-4px,-4px) rotate(-1deg)}.feat-icon{width:56px;height:56px;border-radius:var(--r-md);display:grid;place-items:center;border:2.5px solid var(--ink);margin-bottom:18px;box-shadow:3px 3px 0 var(--ink);font-size:1.6rem}.feat-icon.plum{background:var(--plum-soft);color:var(--plum)}.feat-icon.tang{background:var(--tang-soft);color:var(--tang)}.feat-icon.teal{background:var(--teal-soft);color:var(--teal)}.feat-icon.pink{background:var(--pink-soft);color:var(--pink)}.feat-icon.sun{background:var(--sun);color:var(--ink)}.feat-icon.leaf{background:var(--leaf-soft);color:var(--leaf)}.feat h3{margin-bottom:8px}.ap-section{padding:100px 0;background:var(--bg-warm);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:40px}.ap-card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-md);padding:14px 16px;box-shadow:3px 3px 0 var(--ink);transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);cursor:pointer}.ap-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--sun-2)}.ap-card:nth-child(3n+1):hover{background:var(--teal-soft)}.ap-card:nth-child(3n+2):hover{background:var(--pink-soft)}.ap-card:nth-child(3n+3):hover{background:var(--leaf-soft)}.ap-card .name{font-weight:700;font-size:.92rem}.ap-card .meta{font-size:.76rem;color:var(--ink-3);margin-top:2px}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:32px}.test-tile{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--t-bouncy),box-shadow var(--t-bouncy);position:relative;display:block}.test-tile:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.test-tile .badge{display:inline-block;padding:3px 10px;background:var(--plum-soft);color:var(--plum);border:1.5px solid var(--plum);border-radius:var(--r-full);font-size:.72rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.test-tile .badge.tang{background:var(--tang-soft);color:var(--tang);border-color:var(--tang)}.test-tile .badge.teal{background:var(--teal-soft);color:var(--teal);border-color:var(--teal)}.test-tile .badge.leaf{background:var(--leaf-soft);color:var(--leaf);border-color:var(--leaf)}.test-tile .badge.pink{background:var(--pink-soft);color:var(--pink);border-color:var(--pink)}.wall{padding:100px 0}.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}@media(max-width:900px){.wall-grid{grid-template-columns:1fr}}.tcard{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-md)}.tcard:nth-child(1){background:var(--sun-2);transform:rotate(-1deg)}.tcard:nth-child(2){background:var(--teal-soft)}.tcard:nth-child(3){background:var(--pink-soft);transform:rotate(1deg)}.tcard .quote{font-family:Fraunces,serif;font-size:1.05rem;line-height:1.5}.tcard .who{margin-top:14px;font-weight:700;font-size:.9rem}.tcard .role{font-size:.8rem;color:var(--ink-3)}.tcard .stars{color:var(--tang);font-size:.9rem;margin-bottom:8px}.tip-jar{padding:100px 0}.tip-card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-xl);box-shadow:12px 12px 0 var(--ink);padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(135deg,var(--paper) 0%,var(--paper) 60%,var(--sun-2) 100%)}@media(max-width:768px){.tip-card{grid-template-columns:1fr;padding:32px}.tip-jar-art{display:none}}.tip-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tip-amt{padding:10px 18px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-full);font-weight:700;font-size:.95rem;box-shadow:2px 2px 0 var(--ink);transition:all var(--t-fast)}.tip-amt:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:var(--sun-2)}.tip-amt.active{background:var(--plum);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.tip-jar-art{display:grid;place-items:center}.tip-jar-art svg{animation:bob 3s ease-in-out infinite}.educators{padding:100px 0;background:var(--bg-warm);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media(max-width:900px){.edu-grid{grid-template-columns:1fr}}.edu-card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-md);transition:transform var(--t-bouncy),box-shadow var(--t-bouncy)}.edu-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.edu-card.edu-featured{background:var(--plum-soft);border-color:var(--plum)}.edu-emoji{font-size:2.4rem;margin-bottom:10px}.edu-card h3{margin-bottom:8px}.edu-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:8px}.edu-list li{padding-left:26px;position:relative;font-size:.92rem;font-weight:500}.edu-list li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;background:var(--leaf);color:#fff;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:800}.cta-final{padding:100px 0;text-align:center}.cta-card{background:var(--plum);color:#fff;padding:56px 32px;border:3px solid var(--ink);border-radius:var(--r-xl);box-shadow:12px 12px 0 var(--ink);position:relative;max-width:720px;margin:0 auto;overflow:hidden}.cta-card h2{color:#fff}.cta-card p{color:#ffffffd9;margin-top:12px}.cta-card:before,.cta-card:after{content:"";position:absolute;border-radius:50%;border:2.5px solid var(--ink)}.cta-card:before{width:80px;height:80px;background:var(--sun);top:-30px;left:-30px}.cta-card:after{width:60px;height:60px;background:var(--tang);bottom:-20px;right:-20px}.cta-card .hero-actions{justify-content:center}footer{background:var(--ink);color:#ffffffd9;padding:56px 0 24px;margin-top:60px;position:relative;z-index:1}footer h4{color:#fff;font-family:Inter,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-weight:700}footer a{color:#ffffffb3;font-size:.92rem;display:block;padding:4px 0;transition:color var(--t-fast)}footer a:hover{color:var(--sun)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}@media(max-width:768px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.82rem;color:#ffffff8c}.section-head{text-align:center;max-width:640px;margin:0 auto}.section-head p{margin-top:12px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative;z-index:1}.auth-card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:36px 32px;width:100%;max-width:460px}.auth-logo{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-weight:900;font-size:1.2rem;margin-bottom:28px;justify-content:center}.divider{display:flex;align-items:center;margin:24px 0;font-size:.8rem;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--line)}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-md);font-size:1rem;color:var(--ink);font-weight:500;transition:box-shadow var(--t-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:4px 4px 0 var(--plum)}.form-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%231A1325' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px;color:var(--ink)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.role-pick{padding:14px 12px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-md);box-shadow:2px 2px 0 var(--ink);text-align:center;transition:all var(--t-fast);cursor:pointer}.role-pick:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:var(--bg-warm)}.role-pick.active{background:var(--plum);color:#fff}.role-pick .ic{font-size:1.4rem;margin-bottom:4px}.role-pick .nm{font-weight:700;font-size:.85rem}.dash-greet{font-family:Fraunces,serif;font-size:2.2rem;font-weight:900}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:32px}@media(max-width:900px){.dash-grid{grid-template-columns:1fr}}.streak{background:var(--tang);color:#fff;border:2.5px solid var(--ink);border-radius:var(--r-full);padding:8px 18px;display:inline-flex;align-items:center;gap:8px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}.xp-track{width:100%;height:14px;background:var(--bg-warm);border:2px solid var(--ink);border-radius:var(--r-full);overflow:hidden;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,var(--sun) 0%,var(--tang) 100%);border-right:2px solid var(--ink);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.quick-tile{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.quick-tile:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);background:var(--sun-2)}.quick-tile .ic{width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;border:2px solid var(--ink);background:var(--plum-soft);font-size:1.2rem;flex-shrink:0}.q-shell{max-width:760px;margin:0 auto;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.q-header{background:var(--bg-warm);border-bottom:2px solid var(--ink);padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.q-progress{height:6px;background:var(--line);border-radius:var(--r-full);overflow:hidden;margin-top:10px}.q-progress-fill{height:100%;background:var(--plum);transition:width .3s}.q-body{padding:32px 28px}.q-foot{border-top:2px solid var(--ink);padding:16px 24px;display:flex;justify-content:space-between;background:var(--bg-warm)}.timer-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--ink);color:var(--sun);border-radius:var(--r-full);font-family:JetBrains Mono,monospace;font-weight:700;font-size:.85rem}.lb-row{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-md);padding:14px 18px;margin-bottom:10px;box-shadow:2px 2px 0 var(--ink);font-weight:600}.lb-row .rank{width:36px;height:36px;border-radius:50%;background:var(--plum-soft);border:2px solid var(--plum);color:var(--plum);display:grid;place-items:center;font-family:Fraunces,serif;font-weight:900}.lb-row.top1 .rank{background:var(--sun);border-color:var(--ink);color:var(--ink)}.lb-row.top2 .rank{background:#dcdcdc;border-color:var(--ink);color:var(--ink)}.lb-row.top3 .rank{background:var(--tang-soft);border-color:var(--tang);color:var(--tang)}.bounce-in{animation:bounceIn .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes bounceIn{0%{transform:scale(.6) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.fade-up{animation:fadeUp .6s ease-out both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.page-head{padding:56px 0 24px}.page-head h1{font-size:clamp(2rem,4.5vw,3rem)}.page-head p{margin-top:10px;max-width:640px}@media print{.no-print,nav,footer{display:none!important}body{background:#fff}.q-shell{box-shadow:none!important;border:1px solid #ccc!important}}.pest-bob{animation:pestBob 2.4s ease-in-out infinite;transform-origin:center bottom}.pest-bob-slow{animation:pestBob 4s ease-in-out infinite;transform-origin:center bottom}.pest-wiggle{animation:pestWiggle .9s ease-in-out infinite;transform-origin:center 70%}.pest-droop{animation:pestDroop 3.2s ease-in-out infinite;transform-origin:center top}.pest-snooze{animation:pestSnooze 3.4s ease-in-out infinite;transform-origin:center bottom}@keyframes pestBob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}@keyframes pestWiggle{0%,to{transform:rotate(-4deg) scale(1.03)}50%{transform:rotate(4deg) scale(1.06)}}@keyframes pestDroop{0%,to{transform:translateY(2px) scaleY(.98)}50%{transform:translateY(6px) scaleY(.96)}}@keyframes pestSnooze{0%,to{transform:scale(1)}50%{transform:scale(1.02,.98)}}