:root{--paper:#f7f3ec;--paper-deep:#eee8dd;--ink:#29322b;--muted:#7b7a70;--warm-gray:#d8d4cc;--light-green:#a8c9a0;--deep-green:#5b8c5a;--orange:#d89860;--line:#d9d1c4;--font-body:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--font-hand:"STKaiti","KaiTi","Kaiti SC",cursive}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 15% 9%,rgba(216,152,96,.06) 0 1px,transparent 1.8px) 0 0 /19px 19px,radial-gradient(circle at 84% 28%,rgba(91,140,90,.045) 0 1px,transparent 1.7px) 0 0 /23px 23px,var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}.page{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:30px 22px 40px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:12px}.eyebrow{margin:0 0 9px;color:var(--deep-green);font-size:.68rem;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.hero h1{max-width:500px;margin:0;font-family:var(--font-hand);font-size:clamp(1.85rem,7vw,2.85rem);font-weight:700;letter-spacing:.02em;line-height:1.14}.hero-copy{margin:10px 0 0;color:var(--muted);font-size:.82rem}.progress-stamp{position:relative;display:grid;flex:0 0 74px;width:74px;height:74px;place-content:center;margin-top:2px;border:1.5px solid rgba(91,140,90,.55);border-radius:47% 53% 48% 52%/54% 47% 53% 46%;color:var(--deep-green);text-align:center;transform:rotate(2deg)}.progress-stamp:after{position:absolute;inset:4px;border:1px solid rgba(91,140,90,.2);border-radius:53% 47% 52% 48%;content:""}.progress-stamp span,.progress-stamp strong{display:block}.progress-stamp strong{font-family:var(--font-hand);font-size:1.25rem;line-height:1}.progress-stamp span{margin-top:4px;font-size:.58rem}.phase-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:14px 15px;border:1px solid rgba(116,104,87,.12);border-radius:15px 13px 16px 12px;background:rgba(238,232,221,.76)}.phase-strip>div{min-width:0}.phase-strip .label,.phase-strip strong{display:block}.phase-selector{min-width:0;flex:1}.phase-selector select{width:min(100%,320px);padding:3px 22px 3px 0;overflow:hidden;border:0;outline:none;background:transparent;font-size:.83rem;font-weight:680;text-overflow:ellipsis}.phase-strip .label{margin-bottom:3px;color:var(--muted);font-size:.64rem}.phase-strip strong{overflow:hidden;font-size:.83rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.legend{display:flex;align-items:center;gap:13px;margin:19px 2px 11px;color:var(--muted);font-size:.63rem}.legend>span{display:inline-flex;align-items:center;gap:5px}.legend-note{margin-left:auto}.legend-dot{width:9px;height:9px;border-radius:3px 4px 3px 4px;background:var(--warm-gray)}.legend-dot.partial{background:var(--light-green)}.legend-dot.complete{background:var(--deep-green)}.day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,1.8vw,10px)}.day-card{position:relative;display:flex;min-width:0;aspect-ratio:.78;flex-direction:column;align-items:center;justify-content:center;overflow:visible;border:1px solid rgba(74,75,68,.09);border-radius:14px 12px 15px 11px;background:var(--warm-gray);cursor:pointer;transition:transform .15s ease,filter .15s ease}.day-card:nth-child(3n){border-radius:12px 15px 11px 14px}.day-card:nth-child(4n){transform:rotate(.35deg)}.day-card:nth-child(5n){transform:rotate(-.3deg)}.day-card:hover{filter:brightness(.98);transform:translateY(-2px)}.day-card:active{transform:scale(.96)}.day-card.partial{background:var(--light-green)}.day-card.complete{background:var(--deep-green);color:#fffdf7}.day-label{font-size:clamp(.48rem,1.8vw,.68rem);font-weight:700;letter-spacing:.06em;opacity:.68;text-transform:uppercase}.day-card>strong{margin-top:-1px;font-family:var(--font-hand);font-size:clamp(1rem,4.4vw,1.55rem);line-height:1.1}.item-count{margin-top:3px;font-size:clamp(.46rem,1.6vw,.62rem);opacity:.68}.smiley{position:absolute;right:6px;bottom:5px;width:16px;height:15px;border:1.3px solid rgba(255,253,247,.9);border-radius:48% 52% 46% 54%;transform:rotate(-7deg)}.smiley:after,.smiley:before{position:absolute;top:4px;width:2px;height:2px;border-radius:50%;background:#fffdf7;content:""}.smiley:before{left:3px}.smiley:after{right:3px}.smiley span{position:absolute;left:4px;bottom:2px;width:7px;height:4px;border-bottom:1.4px solid #fffdf7;border-radius:50%}.overview-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;color:#948b7d;font-family:var(--font-hand);font-size:.78rem}.footer-line{width:32px;height:1px;background:var(--line)}.detail-page{display:flex;flex-direction:column;max-width:680px}.detail-header{display:flex;align-items:center;justify-content:space-between}.add-button,.add-cancel,.add-confirm,.back-button,.day-navigation button,.drawn-checkbox,.task-text{border:0;background:transparent;cursor:pointer}.back-button{padding:8px 8px 8px 0;color:var(--deep-green);font-weight:700}.back-button span{margin-left:4px}.day-position{color:var(--muted);font-size:.72rem;letter-spacing:.08em}.day-heading{margin-top:28px}.day-heading>p{margin:0;color:var(--muted);font-size:.74rem;letter-spacing:.06em}.day-heading h1{margin:4px 0 15px;font-family:var(--font-hand);font-size:clamp(2.8rem,15vw,4.2rem);line-height:1}.day-heading h1 span{font-size:.42em;letter-spacing:.04em}.detail-progress{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.69rem}.progress-track{flex:1;height:6px;overflow:hidden;border-radius:4px;background:var(--warm-gray)}.progress-track span{display:block;height:100%;border-radius:4px;background:var(--deep-green);transition:width .24s ease}.task-list{display:grid;gap:10px;margin-top:26px}.task-row{display:flex;align-items:flex-start;gap:13px;min-height:72px;padding:15px 14px;border:1px solid rgba(119,106,88,.13);border-radius:14px 12px 16px 13px;background:rgba(238,232,221,.68);transition:background .18s ease,transform .18s ease}.task-row.checked{background:rgba(168,201,160,.32)}.task-row.checked .task-content{color:#687168}.drawn-checkbox{display:grid;flex:0 0 25px;width:25px;height:24px;place-content:center;margin-top:1px;padding:0;border:1.6px solid #889083;border-radius:6px 5px 7px 4px;background:rgba(247,243,236,.7)}.drawn-checkbox span{color:var(--deep-green);font-family:var(--font-hand);font-size:1.65rem;font-weight:900;line-height:.8;transform:rotate(-9deg) translateY(-1px);animation:check-pop .26s ease}@keyframes check-pop{0%{transform:rotate(-9deg) scale(.45);opacity:0}65%{transform:rotate(-9deg) scale(1.2)}to{transform:rotate(-9deg) scale(1);opacity:1}}.task-content{min-width:0;flex:1}.edit-task{display:grid;flex:0 0 32px;width:32px;height:32px;place-content:center;margin:-3px -5px 0 0;border-radius:9px;color:#8b8e84}.edit-task.editing,.edit-task:active{background:rgba(91,140,90,.12);color:var(--deep-green)}.edit-task svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.task-text{display:block;width:100%;padding:0;color:inherit;font-size:.91rem;line-height:1.65;text-align:left}.category{color:var(--deep-green);font-weight:750}.checked .task-text{text-decoration:line-through;text-decoration-color:rgba(104,113,104,.45);text-decoration-thickness:1px}.task-meta{display:flex;align-items:center;gap:8px;min-height:17px;margin-top:5px;color:#96988f;font-size:.64rem}.custom-tag{padding:2px 6px;border:1px solid rgba(216,152,96,.42);border-radius:8px;color:#a4693d;line-height:1}.edit-input{width:100%;padding:5px 6px;border:0;border-bottom:1.5px solid var(--deep-green);outline:none;background:transparent;font-size:.91rem}.add-section{margin-top:12px}.add-button{width:100%;padding:13px;color:var(--deep-green);font-size:.82rem;font-weight:700}.add-button,.add-form{border:1px dashed rgba(91,140,90,.55);border-radius:13px}.add-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px;padding:9px}.add-form input,.add-form select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;outline:none;background:rgba(255,253,247,.75);font-size:.75rem}.add-confirm{padding:0 11px;border-radius:9px;background:var(--deep-green);color:white;font-size:.72rem;font-weight:700}.add-cancel{color:var(--muted);font-size:1.2rem}.materials-note{display:flex;gap:12px;margin-top:30px;padding:17px 2px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.materials-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-content:center;border:1px solid rgba(91,140,90,.45);border-radius:50%;color:var(--deep-green);transform:rotate(-2deg)}.materials-note strong{color:var(--deep-green);font-size:.72rem}.materials-note p{margin:5px 0 0;color:#716e66;font-size:.76rem;line-height:1.65}.duration-note .materials-icon{font-size:.7rem;font-weight:750}.day-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:auto;padding-top:29px}.day-navigation button{padding:8px 0;color:var(--deep-green);font-size:.73rem;font-weight:700}.day-navigation button:first-child{text-align:left}.day-navigation button:last-child{text-align:right}.day-navigation button:disabled{color:#b6b1a8;cursor:default}.day-navigation span{color:#aaa398;font-size:.58rem}.loading-page{display:grid;min-height:100vh;place-content:center;color:var(--muted);text-align:center}.loading-mark{display:grid;width:48px;height:48px;place-content:center;margin:0 auto;border:1.5px solid var(--light-green);border-radius:48% 52% 47% 53%;color:var(--deep-green);font-family:var(--font-hand);font-size:1.8rem}.loading-page p{margin:13px 0 0;font-size:.76rem}.vocab-entry{display:flex;grid-column:-3/-1;aspect-ratio:1.7;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(91,140,90,.2);border-radius:14px 12px 15px 11px;background:rgba(216,212,204,.7);color:var(--deep-green)}.vocab-entry:active{transform:scale(.97)}.vocab-entry svg,.vocab-round-complete svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.vocab-entry strong{font-family:var(--font-hand);font-size:1rem}.vocab-page-header>.back-button,.vocab-review-header .back-button{margin-bottom:27px}.vocab-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.vocab-review-heading h1,.vocab-title-row h1{margin:0;font-family:var(--font-hand);font-size:clamp(2rem,8vw,3rem);line-height:1.1}.vocab-title-row p:last-child{margin:9px 0 0;color:var(--muted);font-size:.76rem}.vocab-total-progress{flex:0 0 auto;color:var(--deep-green);font-family:var(--font-hand)}.vocab-total-progress strong{font-size:1.6rem}.vocab-total-progress span{color:var(--muted);font-size:.78rem}.vocab-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:29px}.vocab-category-card{position:relative;display:flex;min-height:126px;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:17px 15px 15px;border:1px solid rgba(74,75,68,.1);border-radius:15px 12px 17px 13px;background:var(--warm-gray);text-align:left}.vocab-category-card:nth-child(3n){border-radius:12px 17px 13px 15px}.vocab-category-card.partial{background:rgba(168,201,160,.72)}.vocab-category-card.complete{background:var(--deep-green);color:#fffdf7}.vocab-category-card:active{transform:scale(.98)}.vocab-category-number{position:absolute;top:11px;right:13px;font-family:var(--font-hand);font-size:.78rem;opacity:.5}.vocab-category-card strong{font-size:1rem;line-height:1.35}.vocab-category-card>span:not(.vocab-category-number){margin-top:5px;font-size:.64rem;opacity:.7}.vocab-category-card>i{width:100%;height:3px;margin-top:10px;overflow:hidden;border-radius:3px;background:rgba(255,253,247,.42)}.vocab-category-card>i span{display:block;height:100%;border-radius:inherit;background:var(--deep-green)}.vocab-category-card.complete>i span{background:#fffdf7}.vocab-review-header{display:flex;align-items:flex-start;justify-content:space-between}.vocab-review-header>span{color:var(--muted);font-size:.7rem}.vocab-review-heading{position:relative;padding-bottom:20px;border-bottom:1px solid var(--line)}.view-switch{position:absolute;right:0;bottom:16px;display:flex;padding:3px;border-radius:10px;background:var(--paper-deep)}.view-switch button{padding:6px 11px;border-radius:8px;color:var(--muted);font-size:.66rem}.view-switch button.active{background:var(--paper);color:var(--deep-green);font-weight:750}.vocab-phrase-list{display:grid;gap:8px;margin-top:18px}.vocab-phrase-row{display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(119,106,88,.13);border-radius:13px 11px 14px 12px;background:rgba(238,232,221,.68)}.vocab-phrase-row.mastered{background:rgba(168,201,160,.3)}.vocab-phrase-main{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;padding:13px 14px;text-align:left}.vocab-phrase-main strong{font-size:.84rem;line-height:1.5}.vocab-phrase-main>span{margin-top:4px;color:var(--deep-green);font-size:.72rem;line-height:1.5}.vocab-phrase-main .hidden-english{color:#a19c91;font-size:.62rem}.vocab-mastery-button{display:grid;flex:0 0 44px;width:44px;place-content:center;border-left:1px solid rgba(119,106,88,.1);color:#a09d93;font-size:1.15rem}.vocab-mastery-button[aria-pressed=true]{color:var(--deep-green);font-weight:850}.vocab-card-mode{display:grid;min-height:520px;align-content:start;justify-items:center;padding-top:22px}.vocab-card-position{margin-bottom:12px;color:var(--muted);font-size:.66rem}.vocab-flashcard{position:relative;display:flex;width:min(100%,430px);min-height:330px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:35px 27px;border:1.5px solid rgba(91,140,90,.26);border-radius:24px 19px 26px 21px;background:rgba(238,232,221,.72);box-shadow:0 8px 24px rgba(80,72,59,.06);touch-action:pan-y}.vocab-flashcard.flipped{background:rgba(168,201,160,.28)}.vocab-flashcard>small{color:var(--muted);font-size:.58rem;font-weight:750;letter-spacing:.13em}.vocab-flashcard>strong{max-width:340px;margin-top:15px;font-family:var(--font-hand);font-size:clamp(1.55rem,7vw,2.25rem);line-height:1.35;text-align:center}.flip-hint{position:absolute;bottom:20px;color:#98958c;font-size:.61rem}.swipe-cue{position:absolute;top:22px;padding:5px 9px;border:1px solid;border-radius:9px;opacity:0;font-size:.68rem;font-weight:750;transition:opacity .1s ease}.swipe-cue.visible{opacity:1}.mastered-cue{left:20px;color:var(--deep-green);transform:rotate(-5deg)}.learning-cue{right:20px;color:#a4693d;transform:rotate(5deg)}.vocab-card-actions{display:grid;width:min(100%,430px);grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.vocab-card-actions button{padding:11px;border:1px solid var(--line);border-radius:11px;font-size:.72rem;font-weight:700}.mark-learning{color:#9b653e}.mark-mastered{background:var(--deep-green);color:white}.swipe-hint{margin:11px 0 0;color:#9f9a90;font-size:.61rem}.vocab-round-complete{display:grid;min-height:330px;place-content:center;justify-items:center;color:var(--deep-green);text-align:center}.vocab-round-complete h2{margin:16px 0 0;font-family:var(--font-hand)}.vocab-round-complete p{margin:7px 0 19px;color:var(--muted);font-size:.72rem}.vocab-round-complete button{padding:9px 18px;border-radius:10px;background:var(--deep-green);color:white}.storage-warning{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 28px),460px);padding:10px 13px;border:1px solid rgba(216,152,96,.55);border-radius:11px;background:#fff2e4;color:#87552f;font-size:.72rem;line-height:1.5;text-align:center;transform:translateX(-50%)}@media (max-width:520px){.page{padding:22px 14px 34px}.hero{padding:7px 5px 0}.hero-copy{font-size:.72rem}.progress-stamp{width:65px;height:65px;flex-basis:65px}.phase-strip{margin-top:23px}.legend{gap:9px}.legend-note{display:none!important}.day-card{border-radius:11px 9px 12px 8px}.smiley{right:3px;bottom:3px;transform:scale(.82) rotate(-7deg)}.add-form{grid-template-columns:86px minmax(0,1fr) auto}.add-cancel{grid-column:3;grid-row:2}.add-confirm{grid-row:1/3;grid-column:3}.vocab-category-grid{gap:8px}.vocab-category-card{min-height:112px;padding:14px 12px 13px}.vocab-category-card strong{font-size:.88rem}.vocab-flashcard{min-height:300px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}