:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#17322a;background:#eef0eb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #173d32;--ink-deep: #102d26;--paper: #fbfcf8;--paper-warm: #f5f1e7;--mist: #eef0eb;--line: #d9ded7;--muted: #66756f;--amber: #d59b52;--amber-soft: #f2dfbf;--blue: #6f91a2;--danger: #a95348;--shadow: 0 18px 55px rgba(26, 49, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;background:var(--mist)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(213,155,82,.48);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}h1,h2,p{margin-top:0}h1,h2{font-family:ui-serif,Songti SC,STSong,Georgia,serif;color:var(--ink-deep)}.app-shell{min-height:100vh;padding:max(22px,env(safe-area-inset-top)) 32px calc(106px + env(safe-area-inset-bottom))}.app-header{max-width:1480px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between}.brand{appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:0;cursor:pointer;text-align:left}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px 16px 16px 5px;background:var(--ink);color:#fff;font:700 25px/1 ui-serif,Songti SC,serif;box-shadow:0 9px 22px #173d322e}.brand strong{display:block;font:700 19px/1.2 ui-serif,Songti SC,serif}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:12px}.sync-state{display:flex;align-items:center;gap:7px;background:#ffffff9e;border:1px solid rgba(23,61,50,.1);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:13px}.icon-only{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(23,61,50,.12);border-radius:14px;background:#ffffffb8;cursor:pointer}.icon-only svg{width:20px}.main-content{max-width:1480px;margin:0 auto}.eyebrow{display:block;margin-bottom:8px;color:#71817a;font-size:12px;font-weight:760;letter-spacing:.15em;text-transform:uppercase}.today-hero{min-height:370px;display:grid;grid-template-columns:1.4fr .8fr;overflow:hidden;border-radius:34px;background:var(--ink);color:#fff;box-shadow:var(--shadow);position:relative}.today-hero:after{content:"";position:absolute;width:500px;height:500px;right:-180px;top:-220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 145px #ffffff05}.today-hero__copy{padding:60px 68px;position:relative;z-index:1}.today-hero .eyebrow{color:#b5c8be}.today-hero h1{max-width:780px;margin-bottom:20px;color:#fff;font-size:clamp(38px,5vw,68px);line-height:1.07;letter-spacing:-.035em}.today-hero p{max-width:620px;color:#cbd8d2;font-size:17px;line-height:1.7}.today-hero__meter{display:grid;place-items:center;align-content:center;padding:40px;position:relative;z-index:1}.ink-orbit{width:210px;height:210px;display:grid;place-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative;text-align:center}.ink-orbit:before,.ink-orbit:after{content:"";position:absolute;border-radius:50%}.ink-orbit:before{inset:12px;border:10px solid rgba(255,255,255,.07);border-top-color:var(--amber);transform:rotate(24deg)}.ink-orbit:after{width:9px;height:9px;left:44px;top:26px;background:var(--amber);box-shadow:0 0 0 7px #d59b522e}.ink-orbit span{font:700 66px/1 ui-serif,Georgia,serif}.ink-orbit small{margin-top:8px;color:#b5c8be}.memory-caption{display:flex;gap:10px;margin-top:30px;max-width:270px;color:#aebfb7;font-size:12px;line-height:1.6}.memory-caption i{width:28px;height:1px;margin-top:9px;flex:none;background:var(--amber)}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.danger-button,.reveal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:14px;font-weight:720;cursor:pointer}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff;box-shadow:0 8px 18px #173d3224}.today-hero .primary-button{border-color:#f7f8f3;background:#f7f8f3;color:var(--ink)}.primary-button--large{min-height:58px;padding:0 27px;font-size:16px}.secondary-button{border:1px solid rgba(23,61,50,.18);background:#ffffffb3}.today-hero .secondary-button{border-color:#ffffff38;background:#ffffff14;color:#fff;box-shadow:none}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink);font-weight:680;cursor:pointer;padding:8px 4px}.danger-button{border:1px solid #d7aaa3;background:#fff5f3;color:var(--danger)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.metric-grid article{min-height:128px;display:flex;align-items:center;gap:18px;padding:26px 30px;border-radius:24px;background:#ffffffbf;border:1px solid rgba(23,61,50,.08)}.metric-grid strong{display:block;margin-bottom:4px;font:700 30px/1 ui-serif,Georgia,serif}.metric-grid p{margin:0;color:var(--muted);font-size:13px}.metric-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px}.metric-icon--amber{background:#f4e6cf;color:#9b6727}.metric-icon--green{background:#dbe9e2;color:#31624f}.metric-icon--blue{background:#dde8ed;color:#4c7386}.today-route{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:20px;padding:24px 32px;border-radius:24px;background:#ffffff80;border:1px solid rgba(23,61,50,.08)}.today-route>div{display:grid;grid-template-columns:auto 1fr;column-gap:13px}.today-route strong{align-self:end}.today-route p{grid-column:2;margin:4px 0 0;color:var(--muted);font-size:12px}.today-route>i{height:1px;background:var(--line);margin:0 18px}.route-index{grid-row:1 / 3;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--amber);font:700 12px/1 ui-monospace,monospace}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(440px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px;border:1px solid rgba(23,61,50,.12);border-radius:23px;background:#fbfcf8e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 45px #173d3226}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;border:0;border-radius:17px;background:transparent;color:#718079;cursor:pointer}.bottom-nav button.active{background:var(--ink);color:#fff}.bottom-nav svg{width:19px}.bottom-nav span{font-weight:680}.empty-onboarding{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:70px;overflow:hidden;border-radius:34px;background:var(--paper);box-shadow:var(--shadow)}.onboarding-copy h1{font-size:clamp(40px,4vw,64px);line-height:1.08;letter-spacing:-.04em}.onboarding-copy>p{max-width:600px;color:var(--muted);font-size:17px;line-height:1.8}.onboarding-copy .button-row{margin:28px 0 10px}.onboarding-visual{min-height:430px;position:relative}.paper-sheet{position:absolute;inset:20px 12% 20px 4%;display:flex;flex-direction:column;padding:80px 66px;border:1px solid #dedfd7;border-radius:6px 32px 6px 6px;background:#fff;box-shadow:0 30px 70px #173d3224;transform:rotate(2deg)}.paper-sheet--back{inset:45px 8% 0 10%;background:#e6d5b9;transform:rotate(8deg)}.paper-sheet span{font:700 54px/1 ui-serif,Georgia,serif}.paper-sheet i{width:70%;height:1px;margin-top:42px;background:#d8ddd8}.paper-sheet strong{margin-top:36px;font-size:20px}.visual-pen{position:absolute;z-index:2;width:150px;height:150px;right:0;bottom:10px;padding:35px;border-radius:50%;background:var(--ink);color:#fff;transform:rotate(-20deg);box-shadow:0 20px 45px #173d3233}.page-section{min-height:650px;padding:38px;border-radius:30px;background:#fbfcf8db;box-shadow:var(--shadow)}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.page-heading h1{margin-bottom:8px;font-size:46px}.page-heading p{margin:0;color:var(--muted)}.library-toolbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.search-box{min-width:320px;display:flex;align-items:center;gap:9px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:#fff}.search-box input{width:100%;min-height:45px;border:0;outline:0;background:transparent}.segmented-control{display:flex;gap:4px;padding:4px;border-radius:14px;background:#e8ebe6}.segmented-control button{min-height:38px;padding:0 16px;border:0;border-radius:10px;background:transparent;cursor:pointer}.segmented-control button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px #173d3214}.word-list{display:flex;flex-direction:column;gap:8px}.word-row{display:grid;grid-template-columns:minmax(250px,1.3fr) .75fr auto auto;align-items:center;gap:20px;padding:18px 20px;border:1px solid rgba(23,61,50,.08);border-radius:17px;background:#ffffffb8}.word-row__main{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline}.word-row__main strong{font:700 22px/1.2 ui-serif,Georgia,serif}.word-row__main span{color:var(--amber);font-size:12px}.word-row__main p{grid-column:1 / 3;margin:5px 0 0;color:var(--muted);font-size:13px}.word-row__progress{display:flex;gap:12px;color:var(--muted);font-size:11px}.status-pill{min-width:65px;padding:6px 9px;border-radius:999px;background:#e8ede9;text-align:center;font-size:11px}.word-row__actions{display:flex;gap:5px}.word-row__actions button{border:1px solid var(--line);border-radius:9px;padding:6px 9px;background:#fff;color:var(--muted);font-size:11px;cursor:pointer}.word-row__actions .tag-active{border-color:#a9c6b8;background:#e5f0ea;color:var(--ink)}.word-row__actions .tag-active--warn{border-color:#dab080;background:#f8e9d6;color:#8c581f}.empty-list{padding:60px;text-align:center;color:var(--muted)}.stats-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats-summary article{padding:25px 20px;border-radius:20px;background:#fff;border:1px solid rgba(23,61,50,.08)}.stats-summary strong{display:block;margin-bottom:8px;font:700 30px/1 ui-serif,Georgia,serif}.stats-summary span{color:var(--muted);font-size:12px}.stats-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.chart-card{min-height:330px;padding:28px;border:1px solid rgba(23,61,50,.08);border-radius:23px;background:#fff}.card-title{display:flex;justify-content:space-between;align-items:start}.card-title h2{margin:0;font-size:24px}.card-title>svg{color:#91a199}.bar-chart{height:210px;display:flex;align-items:end;gap:8px;margin-top:25px;border-bottom:1px solid var(--line)}.bar-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar-column span{width:65%;min-height:4px;border-radius:7px 7px 2px 2px;background:var(--ink)}.bar-column small{color:#8c9993;font-size:9px}.chart-empty{align-self:center;margin:auto;color:var(--muted)}.rating-summary{display:grid;gap:20px;margin-top:30px}.rating-summary>div{display:grid;grid-template-columns:1fr auto;gap:7px}.rating-summary span{color:var(--muted)}.rating-summary i{grid-column:1 / 3;height:6px;border-radius:999px;background:var(--amber)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{min-height:155px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:28px;border:1px solid rgba(23,61,50,.08);border-radius:23px;background:#fff}.settings-card--wide{grid-column:1 / 3}.settings-card__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e6eee9;color:var(--ink)}.settings-card h2{margin:0 0 6px;font-size:21px}.settings-card p{margin:0;color:var(--muted);font-size:13px}.number-stepper{display:flex;align-items:center;gap:15px}.number-stepper button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--paper);cursor:pointer}.number-stepper strong{font:700 22px/1 ui-serif,Georgia,serif}.settings-card--danger{min-height:110px;border-color:#ead3cf;background:snow}.session-shell{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--mist);position:relative}.session-topbar{min-height:62px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;margin-bottom:14px}.session-topbar>.icon-only{justify-self:start}.session-topbar h1{margin:3px 0 0;font-size:30px}.session-topbar__spacer,.session-count{justify-self:end}.session-count{color:var(--muted);font-size:13px}.memory-rail{justify-self:center;width:min(420px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.memory-rail span{height:4px;border-radius:999px;background:#d5dbd5}.memory-rail span.memory-rail__active{background:var(--amber);box-shadow:0 0 0 4px #d59b521f}.session-actions-inline{justify-self:end;display:flex;align-items:center;gap:12px}.mode-select{display:flex;flex-direction:column}.mode-grid{width:min(1150px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{min-height:360px;display:flex;flex-direction:column;align-items:start;padding:34px;border:1px solid rgba(23,61,50,.1);border-radius:28px;background:var(--paper);text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mode-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.mode-card__marker{display:grid;place-items:center;min-width:74px;height:74px;padding:0 14px;border-radius:22px 22px 22px 6px;background:var(--ink);color:#fff;font:700 15px/1 ui-monospace,monospace}.mode-card strong{margin-top:auto;font:700 31px/1.2 ui-serif,Georgia,serif}.mode-card p{min-height:48px;margin:12px 0 25px;color:var(--muted);line-height:1.6}.mode-card__action{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:720}.mode-card__action svg{transform:rotate(180deg)}.intro-layout{height:calc(100vh - 110px);display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.intro-word-card,.intro-actions{border:1px solid rgba(23,61,50,.08);border-radius:28px;background:var(--paper)}.intro-word-card{padding:clamp(40px,6vw,90px)}.word-with-audio{display:flex;align-items:center;gap:20px}.word-with-audio h1{margin:0;font-size:clamp(58px,8vw,110px);letter-spacing:-.04em}.round-button{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.phonetic{color:#718079;font-family:ui-monospace,SFMono-Regular,monospace}.meaning-line{display:flex;align-items:baseline;gap:14px;margin-top:36px}.meaning-line span{color:var(--amber);font-weight:700}.meaning-line strong{font-size:27px}.extra-meaning{color:var(--muted)}blockquote{margin:35px 0 0;padding:20px 24px;border-left:3px solid var(--amber);background:var(--paper-warm);color:#41554d}blockquote p{margin-bottom:8px;line-height:1.7}blockquote footer{color:var(--muted);font-size:13px}.intro-actions{display:flex;flex-direction:column;justify-content:center;padding:45px}.intro-actions h2{font-size:32px;line-height:1.3}.intro-actions p{margin-bottom:28px;color:var(--muted);line-height:1.7}.intro-actions .secondary-button{margin-top:10px}.practice-layout{height:calc(100vh - 208px);display:grid;grid-template-columns:.6fr 1.4fr;gap:15px}.prompt-panel,.ink-panel{min-height:0;border:1px solid rgba(23,61,50,.08);border-radius:25px;background:var(--paper)}.prompt-panel{display:flex;flex-direction:column;padding:30px;overflow:auto}.direction-badge{align-self:start;padding:7px 11px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:720}.prompt-copy{margin:auto 0}.prompt-copy h1{margin:0;font-size:clamp(42px,6vw,82px);line-height:1.1;word-break:break-word}.prompt-copy>p{margin-top:12px;color:var(--amber)}.answer-card{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.answer-card__top{display:flex;justify-content:space-between;align-items:center}.answer-card h2{margin:0;font-size:34px}.answer-card>strong{display:block;font-size:18px}.answer-card>p{margin:8px 0;color:var(--muted)}.answer-card blockquote{margin-top:16px;padding:13px 16px;font-size:13px}.ink-panel{display:flex;flex-direction:column;padding:20px}.ink-panel__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.ink-panel__header p{margin:0;color:var(--muted);font-size:13px}.ink-tools{display:flex;gap:7px}.icon-button{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:12px}.paper-grid{flex:1;min-height:0;overflow:hidden;border:1px solid #dde1db;border-radius:17px;background-color:#fff;background-image:linear-gradient(#edf0ec 1px,transparent 1px),linear-gradient(90deg,#edf0ec 1px,transparent 1px);background-size:36px 36px;position:relative}.paper-grid canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.paper-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#a4aea8;font:500 22px/1 ui-serif,Songti SC,serif}.session-footer{min-height:100px;display:flex;align-items:center;justify-content:center;padding-top:12px}.reveal-button{width:min(420px,100%);min-height:58px;border:1px solid var(--ink);background:var(--ink);color:#fff}.rating-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.rating-button{min-height:74px;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:12px 17px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer}.rating-button strong{font-size:16px}.rating-button span{margin-top:4px;color:var(--muted);font-size:10px}.rating--forgot{border-bottom:4px solid #bd6b60}.rating--fuzzy{border-bottom:4px solid #d6a054}.rating--remembered{border-bottom:4px solid #769e8d}.rating--fluent{border-bottom:4px solid var(--ink)}.pause-overlay{position:fixed;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;background:#eef0ebf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pause-overlay h2{margin:18px 0 24px;font-size:36px}.session-finished,.session-loading{display:grid;place-content:center;justify-items:center;text-align:center}.session-finished h1{margin:8px 0 14px;font-size:54px}.session-finished p{margin-bottom:25px;color:var(--muted)}.completion-mark{width:90px;height:90px;display:grid;place-items:center;margin-bottom:25px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 0 0 14px #173d3214}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.app-loading .brand-mark{margin-bottom:16px}.toast{position:fixed;z-index:100;left:50%;bottom:calc(95px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 32px);padding:13px 18px;border-radius:13px;background:var(--ink-deep);color:#fff;box-shadow:0 12px 30px #102d2640}@media(max-width:900px){.app-shell{padding-left:18px;padding-right:18px}.today-hero{grid-template-columns:1fr}.today-hero__meter{display:none}.metric-grid,.stats-summary{grid-template-columns:repeat(2,1fr)}.today-route{grid-template-columns:1fr;gap:16px}.today-route>i{display:none}.empty-onboarding{grid-template-columns:1fr;padding:40px}.onboarding-visual{display:none}.word-row{grid-template-columns:1fr auto}.word-row__progress{grid-column:1}.word-row__actions{grid-column:1 / 3}.stats-grid,.settings-grid{grid-template-columns:1fr}.settings-card--wide{grid-column:1}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:230px}.intro-layout,.practice-layout{grid-template-columns:1fr;height:auto}.prompt-panel{min-height:280px}.ink-panel{min-height:420px}}@media(max-width:600px){.sync-state{display:none}.today-hero__copy{padding:38px 28px}.metric-grid,.stats-summary{grid-template-columns:1fr}.page-section{padding:24px 18px}.page-heading,.library-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0}.word-row{grid-template-columns:1fr}.word-row__actions{grid-column:1;flex-wrap:wrap}.status-pill{justify-self:start}.settings-card{grid-template-columns:1fr}.session-topbar{grid-template-columns:auto 1fr auto}.session-topbar .text-button{display:none}.rating-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}