._topbar_n2php_1{background:var(--paper);border-bottom:2px solid var(--line);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:var(--z-sticky)}._search_n2php_14{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--cream);border:2px solid var(--line);border-radius:999px;color:var(--ink-soft);font-size:14px;font-weight:500}._search_n2php_14 input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--ink);padding:0;width:auto;border-radius:0;box-shadow:none!important}._search_n2php_14 input::placeholder{color:var(--ink-soft)}._right_n2php_45{display:flex;align-items:center;gap:10px}._pill_n2php_51{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--line);border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:14px;box-shadow:0 2px 0 var(--line);color:var(--ink);white-space:nowrap}._pillCoin_n2php_66{background:var(--sun)}._pillStreak_n2php_67{background:var(--coral);color:var(--paper)}._pillXp_n2php_68{background:var(--cream-2)}._lang_n2php_70{font-family:var(--font-display);font-weight:700;font-size:12px;padding:7px 12px;border:2px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--line);transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);letter-spacing:.04em}._lang_n2php_70:hover{transform:translate(-1px,-1px);box-shadow:0 3px 0 var(--line)}._logout_n2php_91{font-family:var(--font-display);font-weight:700;font-size:14px;padding:9px 18px;border:2.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--line);transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}._logout_n2php_91:hover{transform:translate(-1px,-1px);box-shadow:0 4px 0 var(--line)}._logout_n2php_91:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}@media(max-width:900px){._topbar_n2php_1{padding:12px 16px}._search_n2php_14{max-width:none}}@media(max-width:600px){._pillStreak_n2php_67,._pillXp_n2php_68{display:none}}._sidebar_4kace_1{background:var(--paper);border-right:3px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}._brand_4kace_14{display:flex;align-items:center;gap:12px;padding:0 4px 14px;border-bottom:2px dashed rgba(15,46,36,.15);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%}._brandMark_4kace_28{width:44px;height:44px;background:var(--sun);border:2.5px solid var(--line);border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink);box-shadow:0 3px 0 var(--line);transform:rotate(-4deg);flex-shrink:0}._brandText_4kace_45{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.02em;line-height:1;text-align:left}._brandText_4kace_45 small{display:block;font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--ink-soft);letter-spacing:.05em;margin-top:3px;text-transform:uppercase}._sectionLabel_4kace_65{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink-soft);letter-spacing:.12em;padding:0 8px;margin-bottom:6px}._navList_4kace_75{display:flex;flex-direction:column;gap:4px}._navItem_4kace_77{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;border:2px solid transparent;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:14px;font-weight:500;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-smooth)}._navItem_4kace_77:hover{background:var(--cream)}._navItem_4kace_77._active_4kace_97{background:var(--sun);border-color:var(--line);font-weight:700;box-shadow:0 3px 0 var(--line)}._navItem_4kace_77 ._label_4kace_104{flex:1}._badge_4kace_106{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--coral);color:var(--paper);font-family:var(--font-mono);font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px;min-width:18px;text-align:center;border:1.5px solid var(--line)}._kid_4kace_123{margin-top:auto;padding:12px;background:var(--cream);border:2px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 0 var(--line)}._avatar_4kace_135{width:40px;height:40px;border-radius:10px;background:var(--mint);color:var(--paper);border:2px solid var(--line);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;flex-shrink:0}._kidText_4kace_150{flex:1;min-width:0}._kidText_4kace_150 b{font-family:var(--font-display);font-weight:800;font-size:14px;display:block;line-height:1.1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._kidText_4kace_150 span{font-size:11px;color:var(--ink-soft);font-weight:500}._changeYear_4kace_173{background:none;border:none;padding:0;font:inherit;color:var(--ink);font-weight:700;text-decoration:underline;cursor:pointer}._changeYear_4kace_173:hover{color:var(--coral)}@media(max-width:900px){._sidebar_4kace_1{position:static;height:auto;border-right:none;border-bottom:3px solid var(--line)}}._banner_9d5no_1{display:flex;align-items:center;gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);background:#fef3c7;border-bottom:1px solid rgba(245,158,11,.3);color:#92400e;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);position:sticky;top:0;z-index:var(--z-toast)}._btn_1d1dc_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;border:1.5px solid transparent;outline:none;transition:background-color var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth);position:relative;overflow:hidden;min-height:44px;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:.01em}._btn_1d1dc_1:active{transform:scale(.98)}._primary_1d1dc_31{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary);box-shadow:0 1px 2px #0d94882e,0 4px 12px #0d94882e}._primary_1d1dc_31:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 2px 4px #0d948838,0 8px 20px #0d948833}._primary_1d1dc_31:active{box-shadow:0 1px 2px #0d94882e}._secondary_1d1dc_48{background:var(--color-secondary);color:var(--text-on-primary);border-color:var(--color-secondary);box-shadow:0 1px 2px #ea580c2e,0 4px 12px #ea580c2e}._secondary_1d1dc_48:hover{background:var(--color-secondary-hover);border-color:var(--color-secondary-hover);box-shadow:0 2px 4px #ea580c38,0 8px 20px #ea580c33}._secondary_1d1dc_48:active{box-shadow:0 1px 2px #ea580c2e}._accent_1d1dc_65{background:var(--color-accent);color:var(--text-on-primary);border-color:var(--color-accent);box-shadow:0 1px 2px #0ea5e92e,0 4px 12px #0ea5e92e}._accent_1d1dc_65:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);box-shadow:0 2px 4px #0ea5e938,0 8px 20px #0ea5e933}._accent_1d1dc_65:active{box-shadow:0 1px 2px #0ea5e92e}._ghost_1d1dc_82{background:transparent;color:var(--text-primary);border:1.5px solid rgba(15,23,42,.12);box-shadow:none}._ghost_1d1dc_82:hover{background:var(--bg-input);border-color:#0f172a2e}._danger_1d1dc_94{background:var(--color-danger);color:var(--text-on-primary);border-color:var(--color-danger);box-shadow:0 1px 2px #ef44442e,0 4px 12px #ef44442e}._danger_1d1dc_94:hover{background:#dc2626;border-color:#dc2626}._fullWidth_1d1dc_106{width:100%}._large_1d1dc_110{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px;border-radius:var(--radius-lg)}._small_1d1dc_117{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px;border-radius:var(--radius-sm)}._loading_1d1dc_124{pointer-events:none;opacity:.7}._spinner_1d1dc_129{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:_spin_1d1dc_129 .8s linear infinite}._disabled_1d1dc_138{opacity:.5;cursor:not-allowed;pointer-events:none}:root{--cream: #ECFDF5;--cream-2: #D1FAE5;--muted: #E8F5EE;--paper: #FFFFFF;--sun: #FACC15;--mango: #FB923C;--coral: #F97316;--mint: #14B8A6;--grape: #7B5EA7;--ink: #0F2E24;--ink-soft: #3D5A4F;--line: #0F2E24;--shadow-hard: 0 3px 0 var(--line);--shadow-hard-lg: 0 5px 0 var(--line);--shadow-soft: 0 8px 20px rgba(15, 46, 36, .08);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--color-primary: var(--mint);--color-primary-light: var(--cream-2);--color-primary-dark: #0F766E;--color-primary-hover: #0F766E;--color-secondary: var(--coral);--color-secondary-light: #FFEDD5;--color-secondary-dark: #C2410C;--color-secondary-hover: #DC5B0D;--color-accent: #0EA5E9;--color-accent-light: #E0F2FE;--color-accent-dark: #0284C7;--color-highlight: var(--sun);--color-highlight-light: #FEF3C7;--color-highlight-dark: #B45309;--color-xp: var(--grape);--color-xp-light: #EDE9FE;--color-streak: var(--coral);--color-streak-light: #FFEDD5;--color-level: #06B6D4;--color-level-light: #CFFAFE;--color-success: #10B981;--color-success-light: var(--cream-2);--color-danger: #EF4444;--color-danger-light: #FEE2E2;--color-warning: var(--sun);--color-warning-light: #FEF3C7;--bg-primary: var(--cream);--bg-card: var(--paper);--bg-elevated: var(--paper);--bg-overlay: hsla(160, 25%, 10%, .55);--bg-input: var(--muted);--text-primary: var(--ink);--text-secondary: var(--ink-soft);--text-muted: var(--ink-soft);--text-inverse: var(--paper);--text-on-primary: var(--paper);--font-display: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: var(--shadow-hard);--shadow-md: var(--shadow-hard);--shadow-lg: var(--shadow-hard-lg);--shadow-xl: var(--shadow-hard-lg);--shadow-clay: var(--shadow-hard);--shadow-clay-hover: var(--shadow-hard-lg);--shadow-clay-pressed: 0 1px 0 var(--line);--shadow-clay-inset: inset 0 1px 0 rgba(15, 46, 36, .1);--shadow-glow-primary: 0 4px 20px rgba(20, 184, 166, .3);--shadow-glow-secondary: 0 4px 20px rgba(249, 115, 22, .3);--shadow-glow-accent: 0 4px 20px rgba(14, 165, 233, .3);--shadow-glow-highlight: 0 4px 20px rgba(250, 204, 21, .4);--shadow-glow-xp: 0 4px 20px rgba(123, 94, 167, .3);--border-clay: 2px solid var(--line);--border-clay-colored: 2.5px solid;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-jelly: cubic-bezier(.25, .46, .45, 1.6);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .4s;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--z-confetti: 60;--sidebar-width: 260px;--topbar-height: 68px;--bottomnav-height: 0px;--max-content-width: 1200px;--content-padding: var(--space-4);--quiz-time-per-question: 90}[data-theme=dark]{--cream: #0F1A14;--muted: #14241B;--paper: #1A2A22;--ink: #ECFDF5;--ink-soft: #A7C4B5;--line: #ECFDF5;--bg-primary: var(--cream);--bg-card: var(--paper);--bg-elevated: var(--paper);--bg-input: var(--muted);--bg-overlay: hsla(160, 25%, 5%, .7);--text-primary: var(--ink);--text-secondary: var(--ink-soft);--text-muted: var(--ink-soft)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes jelly{0%{transform:scale(1)}25%{transform:scale(.93,1.07)}50%{transform:scale(1.05,.95)}75%{transform:scale(.98,1.02)}to{transform:scale(1)}}@keyframes letterBounce{0%{opacity:0;transform:translateY(-60px) scale(.5)}60%{transform:translateY(8px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes pulseGlow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes coinPop{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes xpPop{0%{opacity:0;transform:translateY(10px) scale(.5)}40%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@keyframes celebrate{0%{transform:scale(0) rotate(0);opacity:0}25%{transform:scale(1.3) rotate(15deg);opacity:1}50%{transform:scale(.9) rotate(-10deg);opacity:1}75%{transform:scale(1.1) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes streakFlame{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.15) scaleX(.92)}50%{transform:scaleY(.9) scaleX(1.1)}75%{transform:scaleY(1.1) scaleX(.95)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.05)}60%{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes progressFill{0%{width:0%}}@keyframes timerDrain{0%{width:100%}to{width:0%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes buttonPress{0%{transform:scale(1) translateY(0)}50%{transform:scale(.96) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes levelUp{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ringFill{0%{stroke-dashoffset:283}}.stagger-children>*:nth-child(1){animation-delay:50ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.animate-bounce-in{animation:bounceIn .6s var(--ease-bounce) both}.animate-slide-up{animation:slideUp .4s var(--ease-smooth) both}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-wiggle{animation:wiggle .4s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-jelly{animation:jelly .5s var(--ease-jelly)}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-celebrate{animation:celebrate .8s var(--ease-bounce) both}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}img,svg{display:block;max-width:100%}ul,ol{list-style:none}::selection{background-color:var(--sun);color:var(--ink)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:2px solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--line);background-color:var(--bg-card);box-shadow:var(--shadow-hard)}input::placeholder{color:var(--text-muted)}:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:3px solid var(--sun);outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--ink-soft);border:2px solid var(--muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100dvh}.shell-main{min-height:100dvh;display:flex;flex-direction:column}.pane{padding:28px 32px 48px;max-width:var(--max-content-width);width:100%;margin:0 auto}.pane-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}.pane-head h1{font-family:var(--font-display);font-weight:800;font-size:38px;letter-spacing:-.02em;line-height:1;margin-bottom:6px}.pane-head p{color:var(--ink-soft);font-size:15px;font-weight:500}@media(max-width:900px){.shell{grid-template-columns:1fr}}.card{background:var(--paper);border:2.5px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow-hard)}.section-title{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-title .chip{font-family:var(--font-mono);font-size:11px;font-weight:700;background:var(--muted);color:var(--ink-soft);padding:3px 8px;border-radius:6px;letter-spacing:.08em}.btn{font-family:var(--font-display);font-weight:700;font-size:14px;padding:9px 18px;border:2.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-hard);transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translate(-1px,-1px);box-shadow:0 4px 0 var(--line)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.btn.primary{background:var(--coral);color:var(--paper)}.btn.sun{background:var(--sun)}.btn.mint{background:var(--mint);color:var(--paper)}.btn.ink{background:var(--ink);color:var(--sun)}.btn.lg{font-size:16px;padding:13px 24px;border-radius:14px;box-shadow:0 4px 0 var(--line)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--line);border-radius:999px;background:var(--paper);font-family:var(--font-display);font-weight:700;font-size:14px;box-shadow:0 2px 0 var(--line);color:var(--ink)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}.clay-card{background:var(--paper);border:2.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow-hard);transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.clay-card:hover{transform:translate(-1px,-1px);box-shadow:0 4px 0 var(--line)}.clay-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:999px;border:2px solid var(--line);background:var(--paper);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);box-shadow:0 2px 0 var(--line)}.clay-icon{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper)}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--cream-2) 50%,var(--muted) 75%);background-size:400px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-primary-color{color:var(--color-primary)}.text-secondary-color{color:var(--color-secondary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}