:root{--bg: #fbeee4;--bg2: #f5e3d4;--bg-card: #ffffff;--bg-soft: #f5e3d4;--bg-sunken: #f7e8dc;--ink: #3a2a2e;--ink-soft: #87646c;--ink-faint: #c2a59f;--accent: #e57399;--accent-tint: #fbe9ef;--accent-soft: #f9e2ea;--accent-wash: #fef6f8;--accent2: #8aa86d;--accent2-tint: #eef4ea;--warm: #efb87a;--warm-text: #b66f2c;--warm-tint: #fbeede;--cool: #7fa8c4;--purple: #a878b8;--danger: #c83a3a;--danger-tint: #f6e2e2;--kred: #d6455b;--border: rgba(58, 42, 46, .07);--border2: rgba(58, 42, 46, .12);--white: #ffffff;--stamen: #ffd8a6;--radius-sm: 10px;--radius: 16px;--radius-card: 22px;--radius-xl: 30px;--radius-pill: 999px;--shadow-card: 0 6px 12px rgba(58, 42, 46, .1);--shadow-hi: 0 16px 20px rgba(58, 42, 46, .14);--shadow-accent: 0 8px 22px -8px rgba(229, 115, 153, .75);--grad-accent-matcha: linear-gradient(135deg, #e57399, #cf8390);--grad-accent-matcha-50: linear-gradient(135deg, #e57399, #b98e83);--grad-avatar: linear-gradient(135deg, #e57399, #8aa86d);--grad-splash: linear-gradient(180deg, #fdf6ee, #fbeee4, #f8d8c9);--grad-paywall: linear-gradient(180deg, #fbeee4, #fdf6ee, #fbeee4);--grad-fav-hero: linear-gradient(135deg, #fbe9ef, #f4f7f0);--font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--lvl-n5: #e57399;--lvl-n4: #efb87a;--lvl-n3: #8aa86d;--lvl-n2: #7fa8c4;--lvl-n1: #a878b8}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.jp{font-family:var(--font-jp)}.romaji{font-family:var(--font-mono)}*{scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}.shell{min-height:100dvh;display:grid;grid-template-columns:240px 1fr}.side{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:6px;padding:26px 18px;background:linear-gradient(180deg,#fdf6ee,var(--bg));border-right:1px solid var(--border)}.side-logo{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}.side-flower{width:30px;height:30px;filter:drop-shadow(0 3px 6px rgba(229,115,153,.35))}.side-word{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:.2px}.side-jp{color:var(--ink-soft);font-size:15px;font-weight:500;margin-left:2px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius);font-weight:600;font-size:14.5px;color:var(--ink-soft);transition:background .18s ease,color .18s ease}.side-item:hover{background:var(--accent-wash);color:var(--ink)}.side-item.active{background:var(--accent-tint);color:var(--accent)}.side-item.small{font-size:13.5px;padding:9px 12px}.side-glyph{width:30px;height:30px;display:grid;place-items:center;font-size:17px;border-radius:9px;background:var(--bg-card);border:1px solid var(--border);color:var(--ink);transition:all .18s ease}.side-item.active .side-glyph{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-4deg);box-shadow:var(--shadow-accent)}.side-sep{height:1px;background:var(--border);margin:12px 10px}.side-foot{margin-top:auto;padding:10px}.plus-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;background:var(--grad-accent-matcha);color:#fff;box-shadow:var(--shadow-accent);transition:transform .15s ease}.plus-chip:hover{transform:translateY(-1px)}.plus-chip.on{background:var(--accent2-tint);color:var(--accent2);box-shadow:none}.topbar{display:none;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;padding:10px 16px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topbar .side-logo{padding:0}.topbar .side-flower{width:24px;height:24px}.topbar .side-word{font-size:18px}.topbar-actions{display:flex;gap:8px}.topbar-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);font-size:17px;color:var(--ink-soft)}.main{min-width:0;padding:34px clamp(18px,4vw,48px) 120px}.page{max-width:700px;margin:0 auto;animation:page-in .35s ease both}.page.wide{max-width:860px}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabbar{display:none;position:fixed;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:40;padding:8px 6px;border-radius:22px;background:color-mix(in srgb,#ffffff 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-hi);justify-content:space-around}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:4px 8px}.tab-stamp{width:34px;height:34px;display:grid;place-items:center;font-size:18px;border-radius:10px;color:var(--ink);transition:all .22s cubic-bezier(.34,1.56,.64,1)}.tab.active .tab-stamp{background:var(--accent);color:#fff;transform:rotate(-4deg) scale(1.04);box-shadow:var(--shadow-accent)}.tab-label{font-size:10.5px;font-weight:600;color:var(--ink-faint)}.tab.active .tab-label{color:var(--accent)}.hero{margin-bottom:26px}.hero-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,4.4vw,34px);line-height:1.18}.hero-sub{color:var(--ink-soft);margin-top:8px;font-size:14.5px}.sec-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint);margin:28px 0 12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:14.5px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-accent-matcha);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;border:1.5px solid var(--border2);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-soft{background:var(--accent-tint);color:var(--accent)}.btn-danger{background:var(--danger-tint);color:var(--danger)}.btn:disabled{opacity:.45;pointer-events:none}.btn-block{width:100%}.pbar{height:8px;border-radius:999px;background:var(--bg-sunken);overflow:hidden}.pbar-fill{height:100%;border-radius:999px;background:var(--grad-accent-matcha);transition:width .5s cubic-bezier(.22,1,.36,1)}.switch{width:48px;height:29px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border2);position:relative;transition:background .2s ease;flex:none}.switch.on{background:var(--accent);border-color:var(--accent)}.switch-knob{position:absolute;top:2.5px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #3a2a2e40;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.switch.on .switch-knob{transform:translate(18px)}.hanko{display:inline-grid;place-items:center;border-radius:11px;color:#fff;transform:rotate(-4deg);box-shadow:var(--shadow-accent);flex:none}.hl{background:var(--accent-tint);color:var(--accent);border-radius:3px;padding:0 1px}.wlist{display:flex;flex-direction:column;gap:8px}.wrow{display:grid;grid-template-columns:minmax(96px,auto) 1fr auto;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;content-visibility:auto;contain-intrinsic-size:auto 64px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.wrow:hover{transform:translateY(-1px);box-shadow:var(--shadow-card);border-color:var(--border2)}.wrow-jp{display:flex;flex-direction:column}.wrow-kana{font-size:16.5px;font-weight:500}.wrow-kanji{font-size:12.5px;color:var(--ink-faint)}.wrow-fr{color:var(--ink-soft);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrow-end{display:flex;align-items:center;gap:10px}.wrow-new{font-family:var(--font-jp);font-size:12px;color:var(--warm-text);background:var(--warm-tint);border-radius:7px;padding:3px 6px}.wrow-heart{font-size:18px;color:var(--ink-faint);transition:transform .15s ease,color .15s ease}.wrow-heart.on{color:var(--accent)}.wrow-heart:hover{transform:scale(1.2);color:var(--accent)}.wrow.locked{opacity:.75}.wrow .blur{filter:blur(4px);-webkit-user-select:none;user-select:none}.wrow-lock{font-size:14px}.greet-jp{font-family:var(--font-display);color:var(--accent);font-size:15px;font-weight:500;margin-bottom:6px}.n5bar{display:flex;align-items:center;gap:12px;margin:18px 0 24px;font-size:12px;color:var(--ink-soft)}.n5bar .pbar{flex:1;height:6px}.today-card{border-radius:var(--radius-card);padding:24px;background:var(--grad-accent-matcha);color:#fff;box-shadow:var(--shadow-accent);position:relative;overflow:hidden}.today-card:after{content:"花";position:absolute;right:-14px;bottom:-30px;font-family:var(--font-jp);font-size:120px;opacity:.12;transform:rotate(-8deg)}.today-kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;opacity:.85;margin-bottom:10px}.today-title{font-family:var(--font-display);font-weight:700;font-size:22px;margin-bottom:16px}.today-counts{display:flex;gap:22px;margin-bottom:18px}.today-count b{display:block;font-size:26px;font-family:var(--font-display);line-height:1.1}.today-count span{font-size:12px;opacity:.85}.today-card .btn{background:#fff;color:var(--accent);box-shadow:0 6px 16px -6px #00000040}.goal-note{margin-top:12px;font-size:12px;opacity:.9}.free-card{margin-top:16px;border:1.5px dashed var(--border2);border-radius:var(--radius-card);padding:18px 20px;display:flex;align-items:center;gap:14px;background:color-mix(in srgb,#ffffff 55%,transparent);transition:border-color .15s ease,background .15s ease}.free-card:hover{border-color:var(--accent);background:var(--accent-wash)}.free-card-txt b{font-family:var(--font-display);font-size:15.5px;display:block}.free-card-txt span{font-size:12.5px;color:var(--ink-soft)}.calstrip{display:flex;gap:8px;margin-top:16px}.calday{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);font-size:11px;color:var(--ink-faint)}.calday .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg-sunken);font-size:11px}.calday.done .dot{background:var(--accent);color:#fff}.calday.today{border-color:var(--accent)}.streak-pill{display:inline-flex;align-items:center;gap:7px;background:var(--warm-tint);color:var(--warm-text);font-weight:700;font-size:13px;border-radius:999px;padding:7px 14px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hub-card{border-radius:var(--radius-card);padding:20px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;transition:transform .16s ease,box-shadow .16s ease;position:relative}.hub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hi)}.hub-card.disabled{opacity:.72}.hub-card.disabled:hover{transform:none;box-shadow:var(--shadow-card)}.hub-title{font-family:var(--font-display);font-weight:700;font-size:16.5px}.hub-sub{font-size:12.5px;color:var(--ink-soft)}.hub-badge{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;background:var(--bg-sunken);color:var(--ink-faint);border-radius:999px;padding:4px 9px}.play{max-width:480px;margin:0 auto}.play-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.play-close{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg-card);border:1px solid var(--border);font-size:17px;color:var(--ink-soft)}.play-progress{flex:1}.play-count{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.free-banner{text-align:center;font-size:12px;color:var(--ink-soft);background:var(--accent-tint);border-radius:999px;padding:7px 14px;margin-bottom:16px}.fc-stage{perspective:1200px;position:relative;height:400px;margin-bottom:20px}.fc-behind{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.93) translateY(14px);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);opacity:.7}.fc-card{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.4,.2,.2,1);cursor:pointer}.fc-card.flipped{transform:rotateY(180deg)}.fc-card.fly-right{transition:transform .4s ease-in,opacity .4s ease-in;transform:translate(120%) rotate(8deg);opacity:0}.fc-card.fly-left{transition:transform .4s ease-in,opacity .4s ease-in;transform:translate(-120%) rotate(-8deg);opacity:0}.fc-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-hi);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center}.fc-face.back{transform:rotateY(180deg)}.fc-face.present{background:linear-gradient(180deg,#fffdfd,var(--accent-wash))}.fc-kana{font-size:clamp(34px,8vw,44px);font-weight:500;line-height:1.25}.fc-kanji{font-size:clamp(44px,10vw,60px);font-weight:500;line-height:1.2}.fc-kana-sub{font-size:18px;color:var(--ink-soft)}.fc-romaji{font-family:var(--font-mono);font-size:14px;color:var(--ink-faint);letter-spacing:.8px}.fc-fr{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--accent)}.fc-fr.long{font-size:17px;line-height:1.45}.fc-hint{position:absolute;bottom:18px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint)}.fc-example{margin-top:8px;padding-top:14px;border-top:1px dashed var(--border2);font-size:14px;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.fc-example .jp{font-size:16px;color:var(--ink)}.fc-example mark{background:var(--accent-tint);color:var(--accent);border-radius:3px;padding:0 2px}.fc-tag{position:absolute;top:16px;left:16px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--warm-tint);color:var(--warm-text);padding:4px 10px;border-radius:999px}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grade{padding:13px 6px;border-radius:var(--radius);font-weight:700;font-size:13.5px;color:#fff;display:flex;flex-direction:column;gap:2px;align-items:center;transition:transform .12s ease,filter .12s ease}.grade:hover{transform:translateY(-2px);filter:brightness(1.05)}.grade small{font-size:10px;font-weight:500;opacity:.85}.g-again{background:#c2596b}.g-hard{background:var(--warm-text)}.g-good{background:var(--accent2)}.g-easy{background:#4a7a99}.present-nav{display:flex;gap:10px}.present-nav .btn{flex:1}.finish{text-align:center;padding-top:30px}.finish-flower{width:84px;height:84px;margin:0 auto 16px;animation:bloom .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes bloom{0%{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}.finish-jp{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:6px}.finish-stats{display:flex;justify-content:center;gap:14px;margin:24px 0}.finish-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 22px;min-width:92px}.finish-stat b{display:block;font-family:var(--font-display);font-size:26px}.finish-stat span{font-size:11.5px;color:var(--ink-soft)}.queue-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.queue-row:last-child{border-bottom:0}.queue-txt{flex:1}.queue-txt b{display:block;font-size:14.5px}.queue-txt span{font-size:12px;color:var(--ink-soft)}.queue-n{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--accent)}.word-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:34px 28px 28px;text-align:center;position:relative;margin-bottom:20px}.word-level{position:absolute;top:16px;left:16px;font-size:11px;font-weight:700;letter-spacing:1px;background:var(--accent-tint);color:var(--accent);border-radius:999px;padding:4px 10px}.word-fav{position:absolute;top:12px;right:14px;font-size:24px;color:var(--ink-faint);transition:transform .18s cubic-bezier(.34,1.56,.64,1),color .15s ease}.word-fav.on{color:var(--accent)}.word-fav:hover{transform:scale(1.25)}.word-kana-top{font-size:17px;color:var(--ink-soft)}.word-main{font-size:clamp(44px,10vw,62px);font-weight:500;line-height:1.2;margin:4px 0}.word-romaji{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:1px;font-size:14px}.word-fr{font-family:var(--font-display);font-size:21px;font-weight:700;margin-top:14px}.word-example .jp{font-size:17px;line-height:1.7}.word-example mark{background:var(--accent-tint);color:var(--accent);border-radius:4px;padding:0 3px}.word-example .rm{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);margin-top:6px}.word-example .fr{font-size:14px;color:var(--ink-soft);margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center}.stat-cell b{display:block;font-family:var(--font-display);font-size:19px}.stat-cell span{font-size:11px;color:var(--ink-soft)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:13px;transition:border-color .14s ease,color .14s ease}a.chip:hover{border-color:var(--accent);color:var(--accent)}.chip .jp{margin-right:6px}.chip.static{color:var(--ink-soft)}.plus-banner{border-radius:var(--radius-card);background:var(--grad-accent-matcha);color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0;box-shadow:var(--shadow-accent)}.plus-banner b{font-family:var(--font-display);display:block;font-size:15.5px}.plus-banner span{font-size:12px;opacity:.9}.plus-banner .btn{background:#fff;color:var(--accent);padding:9px 16px;flex:none}.level-card{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px 20px;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}.level-card:hover:not(.locked){transform:translateY(-2px);box-shadow:var(--shadow-hi)}.level-card.locked{opacity:.62;pointer-events:none}.level-badge{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;transform:rotate(-4deg);flex:none}.level-txt{flex:1;min-width:0}.level-txt b{font-family:var(--font-display);font-size:16px;display:block}.level-txt span{font-size:12.5px;color:var(--ink-soft)}.level-txt .pbar{margin-top:8px}.searchbar{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1.5px solid var(--border2);border-radius:var(--radius);padding:12px 16px;margin-bottom:18px;transition:border-color .15s ease}.searchbar:focus-within{border-color:var(--accent)}.searchbar input{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink)}.searchbar .icon{color:var(--ink-faint);font-size:17px}.searchbar .clear{color:var(--ink-faint);font-size:15px}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--grad-splash);position:relative;overflow:hidden}.auth-card{width:100%;max-width:400px;background:color-mix(in srgb,#ffffff 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-hi);padding:34px 30px;position:relative;z-index:2}.auth-flower{width:52px;height:52px;margin:0 auto 14px;filter:drop-shadow(0 4px 10px rgba(229,115,153,.4))}.auth-title{font-family:var(--font-display);font-weight:700;font-size:23px;text-align:center}.auth-sub{text-align:center;color:var(--ink-soft);font-size:13.5px;margin:6px 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--ink-soft);margin-bottom:6px}.field input{width:100%;border:1.5px solid var(--border2);border-radius:var(--radius);background:#fff;padding:13px 15px;font-size:15px;color:var(--ink);outline:0;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.auth-error{background:var(--danger-tint);color:var(--danger);border-radius:var(--radius);padding:11px 14px;font-size:13px;margin-bottom:14px}.auth-links{margin-top:18px;text-align:center;font-size:13.5px;color:var(--ink-soft);display:flex;flex-direction:column;gap:8px}.auth-links a{color:var(--accent);font-weight:600}.pw-reqs{list-style:none;padding:0;margin:-4px 0 14px;font-size:12px;color:var(--ink-faint);display:flex;gap:12px;flex-wrap:wrap}.pw-reqs .ok{color:var(--accent2)}.ob-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ob-pill{border:1.5px solid var(--border2);border-radius:999px;padding:11px 20px;font-weight:700;font-size:15px;background:#fff;transition:all .15s ease}.ob-pill.on{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.ob-opt{display:flex;align-items:center;gap:12px;width:100%;border:1.5px solid var(--border2);border-radius:var(--radius);background:#fff;padding:14px 16px;font-weight:600;font-size:14.5px;margin-bottom:10px;text-align:left;transition:all .15s ease}.ob-opt .ob-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--bg-sunken);transition:all .18s ease}.ob-opt.on{border-color:var(--accent);background:var(--accent-wash)}.ob-opt.on .ob-ico{background:var(--accent);color:#fff;transform:rotate(-4deg)}.ob-steps{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.ob-step{width:26px;height:4px;border-radius:999px;background:var(--border2)}.ob-step.done{background:var(--accent)}.profile-card{display:flex;align-items:center;gap:16px}.avatar{width:60px;height:60px;border-radius:50%;background:var(--grad-avatar);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:24px;flex:none;box-shadow:var(--shadow-accent)}.profile-id b{font-family:var(--font-display);font-size:18px;display:block}.profile-id span{font-size:13px;color:var(--ink-soft)}.row-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.row-line:last-child{border-bottom:0}.row-line .lbl b{font-size:14.5px;display:block}.row-line .lbl span{font-size:12px;color:var(--ink-soft)}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:32px;height:32px;border-radius:10px;background:var(--accent-tint);color:var(--accent);font-weight:700;font-size:17px}.stepper button:disabled{opacity:.35}.stepper b{font-family:var(--font-display);font-size:17px;min-width:28px;text-align:center}.pillar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.pillar .lbl{width:88px;font-size:12.5px;color:var(--ink-soft)}.pillar .pbar{flex:1}.pillar .pct{width:40px;text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.plus-hero{text-align:center;padding:30px 0 10px}.plus-logo{font-family:var(--font-display);font-weight:700;font-size:34px}.plus-logo .plus{color:var(--accent)}.value-list{display:flex;flex-direction:column;gap:0}.value-row{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.value-row:last-child{border-bottom:0}.value-ico{width:40px;height:40px;border-radius:12px;background:var(--accent-tint);color:var(--accent);display:grid;place-items:center;font-family:var(--font-jp);font-size:18px;flex:none}.value-row b{font-size:14.5px;display:block}.value-row span{font-size:12.5px;color:var(--ink-soft)}.empty{text-align:center;padding:44px 20px}.empty-flower{width:74px;height:74px;margin:0 auto 14px;opacity:.5}.empty b{font-family:var(--font-display);font-size:17px;display:block;margin-bottom:6px}.empty p{color:var(--ink-soft);font-size:13.5px;margin-bottom:18px}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.petal{position:absolute;top:-30px;left:calc((var(--i) * 13% + 4%));width:calc(14px + (var(--i) - 3) * 2px);aspect-ratio:1;opacity:0;animation:petal-fall calc(11s + var(--i) * 2.3s) linear infinite;animation-delay:calc(var(--i) * -3.7s)}@keyframes petal-fall{0%{transform:translateY(-4vh) translate(0) rotate(0);opacity:0}8%{opacity:.9}50%{transform:translateY(50vh) translate(6vw) rotate(200deg)}92%{opacity:.7}to{transform:translateY(108vh) translate(-3vw) rotate(390deg);opacity:0}}@media (prefers-reduced-motion: reduce){.petals{display:none}.page{animation:none}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.side{display:none}.topbar,.tabbar{display:flex}.main{padding:22px 18px calc(env(safe-area-inset-bottom,0px) + 110px)}.hub-grid{grid-template-columns:1fr}.fc-stage{height:360px}.grades{gap:8px}.finish-stats{flex-wrap:wrap}}@media (max-width: 420px){.today-counts{gap:16px}.stat-grid{grid-template-columns:1fr 1fr}}