*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0B0A08;--surface: #15130F;--surface2: #1C1914;--surface3: #26221B;--border: rgba(245,238,224,.08);--border-hover: rgba(245,238,224,.16);--jade: #00C896;--jade-dim: rgba(0,200,150,.1);--jade-border: rgba(0,200,150,.25);--seal: #C8402E;--seal-dim: rgba(200,64,46,.1);--seal-border: rgba(200,64,46,.28);--flame: #FF4D00;--flame-dim: rgba(255,77,0,.08);--flame-border: rgba(255,77,0,.2);--gold: #E0A940;--gold-dim: rgba(224,169,64,.1);--gold-border: rgba(224,169,64,.26);--text1: #F5F0E6;--text2: #ACA294;--text3: #6B6353;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3)}[data-theme=light]{--bg: #F6F2E7;--surface: #FEFCF7;--surface2: #F0EADB;--surface3: #E4DCC6;--border: rgba(35,26,10,.08);--border-hover: rgba(35,26,10,.16);--jade: #00805F;--jade-dim: rgba(0,128,95,.08);--jade-border: rgba(0,128,95,.2);--seal: #A72E20;--seal-dim: rgba(167,46,32,.08);--seal-border: rgba(167,46,32,.22);--flame: #C43600;--flame-dim: rgba(196,54,0,.07);--flame-border: rgba(196,54,0,.18);--gold: #8C6212;--gold-dim: rgba(140,98,18,.08);--gold-border: rgba(140,98,18,.22);--text1: #1D1811;--text2: #5C5343;--text3: #8F8570;--shadow-card: 0 1px 3px rgba(35,26,10,.06), 0 8px 24px rgba(35,26,10,.07)}html,body{height:100%;background:var(--bg);color:var(--text1);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}#root{min-height:100vh}::selection{background:var(--jade-dim);color:var(--jade)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}:focus-visible{outline:2px solid var(--jade);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header-menu-btn,.upload-camera-btn{display:none}@media (max-width: 720px){.header-nav,.header-status,.header-signin{display:none!important}.header-menu-btn{display:flex!important}.hero-cards{display:none!important}.hero-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.upload-camera-btn{display:flex!important}}@media (max-width: 640px){.header-bar{padding:.9rem 1.1rem!important}.page-main{padding-left:1.1rem!important;padding-right:1.1rem!important}.login-main{padding-top:2.5rem!important}.card-editor-row{flex-direction:column!important}.card-editor-kanji{width:100%!important;min-height:56px!important;height:auto!important;font-size:min(1.8rem,var(--kanji-font-size, 1.8rem))!important}.card-editor-remove{position:absolute!important;top:.9rem!important;right:.9rem!important;z-index:1!important}}@media (max-width: 480px){.review-fields{grid-template-columns:1fr!important}.success-stats{grid-template-columns:1fr 1fr!important}.hero-eyebrow{font-size:.62rem!important;padding:.25rem .6rem!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gridScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes shimmer{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}