:root{--k-milk:#fffdf9;--k-sakura:#f6b9cc;--k-sakura-soft:#fff0f5;--k-matcha:#78a884;--k-matcha-soft:#eff8f0;--k-sky:#b9dff3;--k-cream:#fff4d7;--k-ink:#354139;--k-pencil:#7f8b83;--k-line:rgba(70,88,76,.09);--k-shadow:0 12px 36px rgba(72,84,75,.075)}body{background:radial-gradient(circle at 100% 3%,rgba(246,185,204,.23),transparent 22%),radial-gradient(circle at 0 18%,rgba(185,223,243,.21),transparent 24%),linear-gradient(180deg,#fffdf9 0%,#f8faf6 58%,#fffaf8 100%);color:var(--k-ink)}.app{padding-left:14px;padding-right:14px}.topbar{background:transparent}.brand{letter-spacing:-.5px}.hero{position:relative;background:radial-gradient(circle at 93% 18%,rgba(255,255,255,.75),transparent 20%),linear-gradient(145deg,#f5fbef 0%,#fff3f7 52%,#fff8df 100%);border:1px solid rgba(111,150,122,.1);box-shadow:var(--k-shadow);overflow:hidden}.hero:before{content:'✿';position:absolute;left:14px;bottom:8px;font-size:20px;color:rgba(234,153,184,.28);transform:rotate(-14deg)}.hero:after{content:'• ｡ﾟ✧';position:absolute;right:22px;top:12px;font-size:12px;letter-spacing:3px;color:rgba(111,154,126,.3)}.mascot{filter:drop-shadow(0 8px 10px rgba(71,82,75,.1));transform-origin:bottom center;animation:kMascot 4.2s ease-in-out infinite}.quick-stats,.modern-review,.modern-hub{box-shadow:var(--k-shadow)}.quick-stats{background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}.modern-daily{background:linear-gradient(135deg,#5f9b70,#82b18d);box-shadow:0 13px 30px rgba(78,135,95,.18)}.modern-review{background:radial-gradient(circle at 80% 15%,rgba(246,185,204,.24),transparent 32%),linear-gradient(145deg,#fff7da,#fff)}.modern-hub{border-color:var(--k-line);transition:transform .16s ease,box-shadow .16s ease}.modern-hub.play{background:linear-gradient(145deg,#eff8ff,#fff)}.modern-hub.read{background:linear-gradient(145deg,#fff6d8,#fffdf9)}.modern-hub.grow{background:linear-gradient(145deg,#edf8ef,#fffdf9)}.modern-hub.together{background:linear-gradient(145deg,#ffeff5,#fffdf9)}.modern-hub:after{content:'✦';position:absolute;right:12px;top:10px;font-size:11px;color:rgba(115,139,123,.18)}.modern-hub:hover{box-shadow:0 16px 38px rgba(65,82,70,.1)}.modern-sheet-panel{background:linear-gradient(180deg,#fffdfb,#f8faf7);border:1px solid rgba(85,103,90,.07)}.modern-sheet-list>button{position:relative;border-color:var(--k-line);box-shadow:0 6px 18px rgba(70,85,74,.035);transition:.15s ease}.modern-sheet-list>button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(70,85,74,.065)}.modern-sheet-list>button>span{background:linear-gradient(145deg,#fff7dd,#f8eff8)}.bottom{background:rgba(255,253,249,.91);backdrop-filter:blur(18px)}button,input,select,textarea{font-family:inherit}.reader-panel,.community-app,.group-panel,.couples-panel,.open-review-card,.extra-panel,.innovation-app{border-color:var(--k-line)}.reader-book,.quest-card,.community-quick button,.group-mode-grid button{box-shadow:0 7px 22px rgba(62,78,67,.045)}.reader-sheep,.sheep{filter:drop-shadow(0 6px 9px rgba(73,82,76,.1))}.reader-chip,.account-chip{border-radius:999px}.completion-layer{background:radial-gradient(circle at 96% 4%,rgba(246,185,204,.19),transparent 20%),radial-gradient(circle at 4% 88%,rgba(185,223,243,.18),transparent 23%),#faf9f6}.completion-top{background:rgba(250,249,246,.9)}.completion-hero{position:relative}.completion-hero:after{content:'✿  ✧';position:absolute;right:17px;bottom:11px;color:rgba(233,153,183,.22);font-size:15px;letter-spacing:4px}.lexeme-card,.assignment-card,.presence-grid article,.presence-feed article,.vault-card{box-shadow:0 8px 24px rgba(59,74,64,.04)}.presence-pulse{animation:kPulse 2s ease-in-out infinite}.bq-avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 4px 12px rgba(53,68,58,.08)}.account-card{background:linear-gradient(180deg,#fff,#fffafc)}.avatar-options button{transition:.14s ease}.avatar-options button:hover,.avatar-options button.selected{transform:translateY(-1px)}.badge-grid article,.award-grid article{background:linear-gradient(145deg,#fff,#fffaf2)}@keyframes kPulse{0%,100%{box-shadow:0 0 0 4px #e8f8ec}50%{box-shadow:0 0 0 7px rgba(84,200,118,.12)}}@keyframes kMascot{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}