.setup-bg{min-height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.setup-container{width:100%;max-width:400px}.setup-steps{display:flex;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-6)}.setup-step-dot{width:10px;height:10px;border-radius:50%;background:#fff6;transition:background .3s}.setup-step-dot.active{background:#fff}.setup-panel{background:#fff;border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);box-shadow:var(--shadow-lg);text-align:center}.setup-emoji{font-size:64px;margin-bottom:var(--sp-4)}.setup-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);line-height:1.3;margin-bottom:var(--sp-6)}.setup-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--sp-4)}.setup-name-input{width:100%;border:3px solid #e0e4f0;border-radius:var(--radius-md);padding:var(--sp-4);font-size:var(--font-size-xl);text-align:center;outline:none;transition:border-color .2s;margin-bottom:var(--sp-6)}.setup-name-input:focus{border-color:var(--color-primary)}.setup-avatar-section{margin-bottom:var(--sp-6)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-2)}.avatar-btn{font-size:28px;width:48px;height:48px;border-radius:var(--radius-md);transition:transform .15s,background .15s;background:transparent}.avatar-btn:active{transform:scale(.9)}.avatar-btn.selected{background:var(--color-primary-light);transform:scale(1.15)}.setup-next-btn{width:100%}.setup-next-btn:disabled{opacity:.4;cursor:not-allowed}.grade-grid{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-6);text-align:left}.grade-group-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--sp-2)}.grade-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.grade-btn{min-width:52px;height:52px;border-radius:var(--radius-md);border:2px solid #e0e4f0;font-size:var(--font-size-md);font-weight:700;background:#fff;color:var(--color-text);transition:all .15s}.grade-btn:active{transform:scale(.95)}.grade-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.setup-nav-row{display:flex;gap:var(--sp-3);justify-content:space-between}.setup-nav-row .btn-ghost,.setup-nav-row .btn-primary{flex:1}.setup-nav-row .btn-primary:disabled{opacity:.4;cursor:not-allowed}.subject-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-6)}.subject-select-btn{position:relative;padding:var(--sp-4) var(--sp-3);border-radius:var(--radius-md);border:2px solid #e0e4f0;font-size:var(--font-size-lg);font-weight:700;background:#fff;color:var(--color-text);transition:all .15s;text-align:center}.subject-select-btn:active{transform:scale(.97)}.subject-select-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.subject-check{position:absolute;top:6px;right:10px;font-size:var(--font-size-sm);font-weight:700}.bottom-nav{position:sticky;bottom:0;left:0;right:0;background:#fff;display:flex;flex-direction:column;border-top:1px solid #eef0f8;box-shadow:0 -4px 20px #6c5ce714;z-index:50;flex-shrink:0}.star-strip{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-4);background:linear-gradient(90deg,#fff9f0,#fff5ff);border-bottom:1px solid #f0ecff}.star-strip-icon{font-size:13px;flex-shrink:0}.star-strip-count{font-size:var(--font-size-xs);font-weight:800;color:#e17055;flex-shrink:0;min-width:20px}.star-strip-bar-bg{flex:1;height:6px;background:#f0ecff;border-radius:var(--radius-full);overflow:hidden}.star-strip-bar-fill{height:100%;background:linear-gradient(90deg,#fdcb6e,#e17055);border-radius:var(--radius-full);transition:width .4s ease}.star-strip-remaining{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.nav-tabs-row{display:flex;align-items:center;height:56px}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:100%;background:none;border:none;color:var(--color-text-light);transition:color .2s,transform .15s;-webkit-tap-highlight-color:transparent;padding:0 2px}.nav-tab:active{transform:scale(.9)}.nav-tab.active{color:var(--color-primary)}.nav-tab.active .nav-emoji{transform:scale(1.2)}.nav-emoji{font-size:20px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block;line-height:1}.nav-label{font-size:9px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.plan-screen{padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:100px}.plan-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-sm)}.month-nav-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-primary);font-size:24px;font-weight:700;transition:background .15s;display:flex;align-items:center;justify-content:center}.month-nav-btn:active{background:var(--color-primary-light)}.month-display{text-align:center}.month-year{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.month-num{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary)}.plan-setup{display:flex;flex-direction:column;gap:var(--sp-4)}.plan-setup-header{display:flex;flex-direction:column;gap:var(--sp-2)}.plan-setup-title{font-size:var(--font-size-lg);font-weight:800;color:var(--color-text)}.plan-setup-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.plan-subject-input-card{display:flex;flex-direction:column;gap:var(--sp-2)}.plan-subject-label{font-size:var(--font-size-md);font-weight:800;display:flex;align-items:center;gap:var(--sp-2)}.plan-checked-badge{font-size:var(--font-size-xs);font-weight:700;padding:2px 10px;border-radius:var(--radius-full)}.plan-lecture-checklist{display:flex;flex-direction:column;gap:4px}.plan-lecture-check-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border-left:3px solid #e0e0e0;background:#f8f9ff;cursor:pointer;transition:background .1s,border-color .1s}.plan-lecture-check-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.plan-lec-num{font-size:var(--font-size-xs);font-weight:700;white-space:nowrap;flex-shrink:0}.plan-lec-title{font-size:var(--font-size-sm);color:var(--color-text);flex:1}.plan-lec-chaps{font-size:var(--font-size-xs);font-weight:800;white-space:nowrap;flex-shrink:0}.plan-preview-list{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-1)}.plan-preview-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600;margin-bottom:2px}.plan-preview-item{display:flex;align-items:center;justify-content:space-between;background:#f8f9ff;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);border-left:3px solid}.plan-preview-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);flex:1;margin-right:var(--sp-2)}.plan-preview-chaps{font-size:var(--font-size-xs);font-weight:800}.plan-no-match{font-size:var(--font-size-xs);color:#e17055;padding:var(--sp-1) var(--sp-2)}.plan-pace-card{display:flex;flex-direction:column;gap:var(--sp-2)}.plan-pace-title{font-size:var(--font-size-md);font-weight:800}.plan-pace-rows{display:flex;flex-direction:column;gap:var(--sp-1)}.plan-pace-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);padding:var(--sp-1) 0;border-bottom:1px solid #f0f2ff}.plan-pace-row:last-child{border-bottom:none}.plan-pace-ok{font-size:var(--font-size-sm);color:#00b894;font-weight:700;padding:var(--sp-2) var(--sp-3);background:#f0fff8;border-radius:var(--radius-sm)}.plan-pace-warn{font-size:var(--font-size-sm);color:#f39c12;font-weight:700;padding:var(--sp-2) var(--sp-3);background:#fffbf0;border-radius:var(--radius-sm)}.plan-pace-over{font-size:var(--font-size-sm);color:#e74c3c;font-weight:700;padding:var(--sp-2) var(--sp-3);background:#fff5f5;border-radius:var(--radius-sm)}.plan-setup-actions{display:flex;gap:var(--sp-3)}.plan-view{display:flex;flex-direction:column;gap:var(--sp-4)}.plan-progress-card{display:flex;flex-direction:column;gap:var(--sp-2)}.plan-progress-row{display:flex;justify-content:space-between;align-items:center}.plan-progress-text{font-size:var(--font-size-md);font-weight:700}.plan-progress-pct{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:900}.plan-progress-bar-bg{height:10px;background:#eef0f8;border-radius:var(--radius-full);overflow:hidden}.plan-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width .5s ease}.plan-rotation-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-1)}.plan-rotation-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600}.plan-rotation-badge{font-size:var(--font-size-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-full)}.plan-subject-row{display:flex;flex-direction:column;gap:var(--sp-2)}.plan-subject-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.plan-lecture-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:2px}.plan-lecture-tag{font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);border:1.5px solid;background:transparent}.plan-edit-btn{width:100%;margin-top:var(--sp-2)}.study-calendar{display:flex;flex-direction:column;gap:var(--sp-3)}.calendar-title{font-size:var(--font-size-md);font-weight:800;color:var(--color-text)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-weekday{text-align:center;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);padding:var(--sp-1) 0}.cal-weekday.sun{color:#e74c3c}.cal-weekday.sat{color:#3498db}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#f8f9ff;position:relative;gap:1px}.cal-cell.empty{background:transparent}.cal-cell.today{background:#f0ecff;box-shadow:0 0 0 2px var(--color-primary)}.cal-cell.done,.cal-cell.partial,.cal-cell.planned{background:#f8f9ff}.cal-day-num{font-size:11px;font-weight:600;color:var(--color-text-secondary);line-height:1}.cal-dot{width:8px;height:8px;border-radius:var(--radius-full)}.cal-dot.partial{background:transparent!important;border:2px solid}.cal-star{font-size:10px;line-height:1}.calendar-legend{display:flex;gap:var(--sp-4);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.legend-dot{width:10px;height:10px;border-radius:var(--radius-full)}.legend-dot.filled{background:var(--color-primary)}.legend-dot.outline{background:transparent;border:2px solid var(--color-primary)}.confetti-piece{position:absolute;border-radius:2px;animation:confetti-fall 1.2s ease-out both}.achievement-overlay{align-items:center!important;background:#0009!important}.achievement-modal-card{background:#fff;border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-6);max-width:320px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.achievement-emoji{font-size:80px;display:block;margin-bottom:var(--sp-4);line-height:1}.achievement-label{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-2)}.achievement-title{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-text);margin-bottom:var(--sp-3)}.achievement-desc{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5}.today-screen{padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-5)}.today-header{display:flex;align-items:center;justify-content:space-between}.today-greeting{display:flex;align-items:center;gap:var(--sp-3)}.today-avatar{font-size:40px;line-height:1}.today-name{font-size:var(--font-size-lg);font-weight:800;color:var(--color-text)}.today-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.streak-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fd7979,#ff6b6b);color:#fff;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);font-weight:800;font-size:var(--font-size-md);box-shadow:0 2px 8px #ff6b6b66}.daily-goal-card{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.goal-ring-row{display:flex;align-items:center;gap:var(--sp-5)}.goal-ring-svg circle:last-child{stroke:#fff!important}.goal-ring-svg text{fill:#fff!important}.goal-text{flex:1}.goal-count{font-size:var(--font-size-3xl);font-weight:900;line-height:1}.goal-sub{font-size:var(--font-size-sm);opacity:.85;margin-bottom:var(--sp-1)}.goal-time{font-size:var(--font-size-sm);opacity:.7}.goal-complete-banner{margin-top:var(--sp-4);background:#fff3;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);text-align:center;font-weight:700;font-size:var(--font-size-md)}.today-section,.lesson-list{display:flex;flex-direction:column;gap:var(--sp-3)}.lesson-card{display:flex;align-items:center;gap:var(--sp-4);transition:opacity .3s,transform .3s;padding:var(--sp-4)}.lesson-card.completed{opacity:.6}.lesson-card.completing{animation:bounce .5s ease}.lesson-card-left{flex:1;min-width:0}.lesson-subject-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--sp-2)}.lesson-title{font-size:var(--font-size-md);font-weight:700;line-height:1.3;margin-bottom:var(--sp-1);word-break:break-all}.lesson-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--sp-1)}.lesson-meta-row{display:flex;gap:var(--sp-3)}.lesson-duration,.lesson-date{font-size:var(--font-size-xs);color:var(--color-text-light)}.lesson-stars{font-size:var(--font-size-sm);margin-top:var(--sp-1)}.lesson-card-right{flex-shrink:0}.complete-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:var(--sp-2) var(--sp-3);font-size:var(--font-size-sm);font-weight:700;min-width:72px;min-height:44px;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.complete-btn:active{transform:scale(.95)}.complete-btn.done{background:var(--color-success);font-size:var(--font-size-lg);min-width:44px;padding:var(--sp-2)}.month-progress-card{display:flex;flex-direction:column;gap:var(--sp-3)}.month-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-md);font-weight:700}.month-progress-pct{color:var(--color-primary);font-size:var(--font-size-lg)}.month-progress-bar-bg{height:12px;background:#eef0f8;border-radius:var(--radius-full);overflow:hidden}.month-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width .6s ease}.month-complete-msg{text-align:center;font-weight:700;color:var(--color-primary);font-size:var(--font-size-md)}.today-plan-card{display:flex;flex-direction:column;gap:var(--sp-3)}.today-plan-header{display:flex;align-items:center;gap:var(--sp-2)}.today-plan-subject-badge{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:800}.today-plan-review-tag{font-size:var(--font-size-xs);font-weight:700;color:#f39c12;background:#fffbf0;border:1.5px solid #f39c12;border-radius:var(--radius-full);padding:2px 8px}.today-plan-test-tag{font-size:var(--font-size-xs);font-weight:700;color:#6c5ce7;background:#f0ecff;border:1.5px solid #6C5CE7;border-radius:var(--radius-full);padding:2px 8px}.today-plan-progress{margin-left:auto;font-size:var(--font-size-lg);font-weight:700}.today-plan-complete-banner{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);text-align:center;font-weight:700;font-size:var(--font-size-md)}.today-chapter-list{display:flex;flex-direction:column;gap:var(--sp-2)}.today-chapter-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border-left:4px solid;background:#f8f9ff;text-align:left;width:100%;transition:all .2s}.today-chapter-item:active{transform:scale(.98)}.today-chapter-item.done{opacity:.85}.today-chapter-check{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid #c0c8e0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;transition:all .2s}.today-chapter-info{flex:1;min-width:0}.today-chapter-lecture{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);line-height:1.3}.today-chapter-num{font-size:var(--font-size-xs);font-weight:600;margin-top:2px}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-emoji{font-size:48px}.empty-state p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}.star-rate-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:var(--radius-md);background:#f8f7ff;border:2px solid transparent;transition:all .15s;min-width:80px}.star-rate-btn:active{transform:scale(.95);border-color:var(--color-primary);background:var(--color-primary-light)}.sapuri-screen{padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:100px}.sapuri-header{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:var(--radius-lg);padding:var(--sp-5);color:#fff;display:flex;flex-direction:column;gap:var(--sp-3)}.sapuri-title-row{display:flex;justify-content:space-between;align-items:flex-start}.sapuri-title{font-size:var(--font-size-xl);font-weight:900}.sapuri-grade{font-size:var(--font-size-sm);opacity:.8;margin-top:2px}.sapuri-overall-stats{text-align:right}.sapuri-overall-num{font-size:var(--font-size-2xl);font-weight:900;line-height:1}.sapuri-overall-num span{font-size:var(--font-size-md);opacity:.7}.sapuri-overall-label{font-size:var(--font-size-xs);opacity:.8}.sapuri-overall-bar-bg{height:8px;background:#ffffff4d;border-radius:var(--radius-full);overflow:hidden}.sapuri-overall-bar-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .5s ease}.sapuri-import-btn{width:100%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border-radius:var(--radius-lg);padding:var(--sp-4);font-size:var(--font-size-md);font-weight:700;box-shadow:0 4px 16px #6c5ce740;transition:transform .15s;text-align:center}.sapuri-import-btn:active{transform:scale(.98)}.sapuri-empty{text-align:center;padding:var(--sp-8) var(--sp-4)}.sapuri-empty .empty-emoji{font-size:48px;margin-bottom:var(--sp-4)}.sapuri-empty p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--sp-5)}.sapuri-steps{display:flex;flex-direction:column;gap:var(--sp-2);text-align:left}.sapuri-step{background:#f8f7ff;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.sapuri-subject-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap}.sapuri-subject-tab{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);border:2px solid currentColor;font-size:var(--font-size-sm);font-weight:700;background:transparent;transition:all .15s}.sapuri-tab-count{font-size:var(--font-size-xs);opacity:.8}.sapuri-subject-progress{display:flex;flex-direction:column;gap:var(--sp-2)}.sapuri-subject-progress-row{display:flex;justify-content:space-between;align-items:center}.sapuri-subject-pct{font-size:var(--font-size-xl);font-weight:900}.sapuri-progress-bar-bg{height:10px;background:#eef0f8;border-radius:var(--radius-full);overflow:hidden}.sapuri-progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.sapuri-subject-counts{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right}.sapuri-filter-row{display:flex;align-items:center;gap:var(--sp-2)}.sapuri-filter-btn{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);border:2px solid #e0e4f0;font-size:var(--font-size-sm);font-weight:600;background:#fff;color:var(--color-text-secondary);transition:all .15s}.sapuri-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sapuri-add-unit-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:var(--sp-1) var(--sp-3);font-size:var(--font-size-sm);font-weight:700}.sapuri-unit-list{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.sapuri-unit-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid #f0f2ff;transition:opacity .2s}.sapuri-unit-item:last-child{border-bottom:none}.sapuri-unit-item.done{opacity:.6}.sapuri-unit-check{font-size:20px;flex-shrink:0;padding:2px;transition:transform .15s}.sapuri-unit-check:active{transform:scale(.85)}.sapuri-unit-info{flex:1;min-width:0}.sapuri-unit-title{font-size:var(--font-size-md);font-weight:600;word-break:break-all;line-height:1.3}.sapuri-unit-date{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:2px}.sapuri-unit-del{font-size:16px;opacity:.4;padding:var(--sp-1);flex-shrink:0}.sapuri-unit-del:active{opacity:1}.sapuri-del-confirm{display:flex;gap:4px;flex-shrink:0}.sapuri-overall-pct{font-size:var(--font-size-sm);font-weight:700;opacity:.85;text-align:right;margin-top:-8px}.sapuri-unit-list{display:flex;flex-direction:column;gap:var(--sp-3);background:transparent;box-shadow:none}.sapuri-lecture-card{background:#fff;border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--sp-3);transition:opacity .2s}.sapuri-lecture-card.all-done{opacity:.65;background:#f8f8fb}.sapuri-lecture-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2)}.sapuri-lecture-title{font-size:var(--font-size-md);font-weight:700;line-height:1.4;flex:1}.sapuri-lecture-progress-label{font-size:var(--font-size-sm);font-weight:700;flex-shrink:0}.sapuri-chapters-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.sapuri-chapter-dot{width:36px;height:36px;border-radius:50%;border:2px solid;font-size:var(--font-size-sm);font-weight:700;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .15s;flex-shrink:0}.sapuri-chapter-dot:active{transform:scale(.88)}.sapuri-chapter-dot.done{color:#fff!important;transform:none}.sapuri-chapter-dot.done:active{transform:scale(.88)}.sapuri-lecture-lastdate{font-size:var(--font-size-xs);color:var(--color-text-light)}.sapuri-chapcount-row{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-2)}.sapuri-chapcount-btn{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid #e0e4f0;font-size:var(--font-size-md);font-weight:700;background:#fff;color:var(--color-text-secondary);transition:all .15s}.sapuri-chapcount-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.progress-screen{padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-5)}.progress-header-card{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.progress-summary-row{display:flex;align-items:center;justify-content:space-around}.progress-stat{text-align:center;color:#fff;flex:1}.progress-stat-num{font-size:var(--font-size-3xl);font-weight:900;line-height:1}.progress-stat-label{font-size:var(--font-size-xs);opacity:.85;margin-top:4px}.progress-stat-divider{width:1px;height:40px;background:#ffffff4d}.progress-tab-toggle{display:flex;gap:var(--sp-2);background:#fff;padding:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.progress-tab{flex:1;padding:var(--sp-3);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:700;color:var(--color-text-secondary);background:transparent;transition:all .2s}.progress-tab.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.subject-rings-section{display:flex;flex-direction:column;gap:var(--sp-3)}.subject-rings-grid{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;background:#fff;border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.subject-ring-item{display:flex;flex-direction:column;align-items:center;gap:2px}.subject-ring-label{font-size:var(--font-size-sm);font-weight:700}.subject-ring-count{font-size:var(--font-size-xs);color:var(--color-text-light)}.weekly-section{display:flex;flex-direction:column;gap:var(--sp-3)}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-around;padding:var(--sp-3) 0 var(--sp-2);gap:var(--sp-1)}.weekly-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.weekly-bar-col.today .weekly-bar-label{color:var(--color-primary);font-weight:800}.weekly-bar-count{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);min-height:16px}.weekly-bar-track{width:100%;height:80px;background:#f0f2ff;border-radius:var(--radius-sm);display:flex;align-items:flex-end;overflow:hidden}.weekly-bar-fill{width:100%;border-radius:var(--radius-sm);transition:height .5s ease;min-height:4px}.weekly-bar-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.weekly-bar-date{font-size:10px;color:var(--color-text-light)}.achievements-section{display:flex;flex-direction:column;gap:var(--sp-3)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.achievement-badge{background:#fff;border-radius:var(--radius-lg);padding:var(--sp-4);text-align:center;box-shadow:var(--shadow-sm);transition:transform .15s}.achievement-badge.unlocked{background:linear-gradient(135deg,#fff9f0,#fff3e0);border:2px solid #ffd93d}.achievement-badge.locked{opacity:.5}.achievement-badge-emoji{font-size:36px;margin-bottom:var(--sp-2)}.achievement-badge-title{font-size:var(--font-size-sm);font-weight:800;color:var(--color-text);margin-bottom:4px}.achievement-badge-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.profile-screen{padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.profile-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.profile-avatar{font-size:72px;line-height:1}.profile-name{font-size:var(--font-size-2xl);font-weight:900}.profile-grade-chip{background:var(--color-primary);color:#fff;padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:700}.profile-subjects{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.profile-subject-tag{background:var(--color-bg);color:var(--color-text-secondary);padding:2px var(--sp-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.profile-edit-btn{margin-top:var(--sp-2)}.profile-stat-row{display:flex;justify-content:space-around}.profile-stat-item{text-align:center;flex:1}.profile-stat-emoji{font-size:28px;margin-bottom:4px}.profile-stat-num{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary)}.profile-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.daily-goal-setting{display:flex;flex-direction:column;gap:var(--sp-3)}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-label{font-size:var(--font-size-md);font-weight:700}.goal-options{display:flex;gap:var(--sp-2);flex-wrap:wrap}.goal-option-btn{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);border:2px solid #e0e4f0;font-size:var(--font-size-sm);font-weight:700;background:#fff;color:var(--color-text);transition:all .15s}.goal-option-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.danger-card{border:2px solid #ffe0de}.reset-btn{width:100%;color:var(--color-danger);font-size:var(--font-size-md);font-weight:700;padding:var(--sp-3);text-align:center}.reset-confirm{display:flex;flex-direction:column;gap:var(--sp-3)}.reset-warning{font-size:var(--font-size-sm);color:var(--color-danger);font-weight:600;line-height:1.5}.app-version{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-light);padding-bottom:var(--sp-4)}.editor-header{margin-bottom:var(--sp-5)}.editor-header h2{font-size:var(--font-size-xl);font-weight:800}.avatar-grid-editor{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-2);margin-bottom:var(--sp-2)}.avatar-btn-editor{font-size:28px;width:44px;height:44px;border-radius:var(--radius-md);transition:transform .15s,background .15s}.avatar-btn-editor:active{transform:scale(.9)}.avatar-btn-editor.selected{background:var(--color-primary-light);transform:scale(1.1)}.grade-grid-editor{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.grade-btn-editor{min-width:48px;height:44px;border-radius:var(--radius-md);border:2px solid #e0e4f0;font-size:var(--font-size-sm);font-weight:700;background:#fff;transition:all .15s}.grade-btn-editor.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.subjects-editor{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.subject-editor-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:2px solid #e0e4f0;font-size:var(--font-size-md);font-weight:700;background:#fff;transition:all .15s}.subject-editor-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hl-screen{padding:16px;max-width:700px;margin:0 auto;font-family:sans-serif}.hl-heading{font-size:1.2rem;font-weight:700;margin-bottom:12px;color:#2d6a4f}.hl-meta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hl-label{display:flex;flex-direction:column;font-size:.75rem;color:#555;gap:4px}.hl-input{border:1px solid #ccc;border-radius:4px;padding:6px 8px;font-size:.9rem;width:140px}.hl-input-date{width:80px}.hl-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:12px}.hl-table th{background:#e8f5e9;border:1px solid #b2dfdb;padding:8px 10px;text-align:left;font-weight:600}.hl-table td{border:1px solid #ddd;padding:4px 6px}.col-date{width:80px}.col-words{width:120px}.col-del{width:36px;text-align:center}.hl-cell-input{width:100%;border:none;outline:none;background:transparent;font-size:.9rem;padding:2px 4px;box-sizing:border-box}.text-right{text-align:right}.hl-total-row td{background:#f1f8e9;font-weight:700;padding:8px 10px}.total-label{color:#555}.total-value{text-align:right;color:#2d6a4f;font-size:1rem}.hl-actions{display:flex;gap:12px;align-items:center}.hl-add-btn{background:#fff;border:1px solid #81c784;color:#2d6a4f;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.9rem}.hl-add-btn:hover{background:#e8f5e9}.hl-print-btn{background:#2d6a4f;border:none;color:#fff;border-radius:6px;padding:8px 20px;cursor:pointer;font-size:.9rem;margin-left:auto}.hl-print-btn:hover{background:#1b5e20}.hl-lookup-btn{background:#fff;border:1px solid #64b5f6;color:#1565c0;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.9rem;text-decoration:none}.hl-lookup-btn:hover{background:#e3f2fd}.hl-del-btn{background:none;border:none;color:#e57373;cursor:pointer;font-size:1rem;padding:2px 6px}.print-only{display:none}@media print{body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{display:block!important;position:fixed;top:0;left:0;width:100%;padding:20mm 15mm;box-sizing:border-box}.no-print{display:none!important}.ps-header{margin-bottom:12mm}.ps-title{font-size:16pt;font-weight:700;margin-bottom:3mm}.ps-name{font-size:12pt;margin-bottom:1mm}.ps-period{font-size:11pt;color:#444}.ps-table{width:100%;border-collapse:collapse;font-size:11pt}.ps-table th{background:#d0e8d0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1pt solid #888;padding:5pt 8pt;text-align:left;font-weight:700}.ps-table td{border:1pt solid #aaa;padding:5pt 8pt}.ps-col-date{width:60pt}.ps-col-words{width:80pt;text-align:right}.ps-total-row td{font-weight:700;border-top:2pt solid #888;background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ps-total-row td:last-child{text-align:right}}:root{--color-primary: #6C5CE7;--color-primary-light: #a29bfe;--color-primary-dark: #4834d4;--color-bg: #F0F2FF;--color-card: #FFFFFF;--color-card-hover: #F8F7FF;--color-text: #2d3436;--color-text-secondary: #636e72;--color-text-light: #b2bec3;--color-kokugo: #FF6B6B;--color-kokugo-light: #FFE5E5;--color-sansuu: #4ECDC4;--color-sansuu-light: #E0F9F8;--color-rika: #45B7D1;--color-rika-light: #E0F4FA;--color-shakai: #FFA94D;--color-shakai-light: #FFF0DC;--color-eigo: #A29BFE;--color-eigo-light: #EEEdFF;--color-sugaku: #4ECDC4;--color-sugaku-light: #E0F9F8;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #e17055;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(108,92,231,.08);--shadow-md: 0 4px 16px rgba(108,92,231,.12);--shadow-lg: 0 8px 32px rgba(108,92,231,.16);--font-base: -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--nav-height: 88px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}60%{transform:scale(.9)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(var(--dy)) rotate(var(--rot)) scale(0);opacity:0}}@keyframes star-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ring-fill{0%{stroke-dashoffset:var(--dash-total)}to{stroke-dashoffset:var(--dash-offset)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.anim-fade-in{animation:fadeIn .3s ease both}.anim-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) both}.anim-bounce{animation:bounce .5s ease}.anim-star-pop{animation:star-pop .4s cubic-bezier(.16,1,.3,1) both}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-base);font-size:var(--font-size-md);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}.app-container{max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;background:var(--color-bg);position:relative;box-shadow:0 0 40px #00000014}.page-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + var(--sp-4))}.card{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:var(--sp-4) var(--sp-8);font-size:var(--font-size-lg);font-weight:700;box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s;min-height:52px}.btn-primary:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-full);padding:var(--sp-3) var(--sp-6);font-size:var(--font-size-md);font-weight:600;background:transparent;transition:background .15s}.btn-ghost:active{background:var(--color-primary-light)}.subject-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--color-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--sp-6);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 1.2s ease-out both}.section-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-3)}.form-input{width:100%;border:2px solid #e0e4f0;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--font-size-md);transition:border-color .2s;outline:none}.form-input:focus{border-color:var(--color-primary-light)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--sp-2);display:block}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-6);color:var(--color-text-secondary)}.empty-state .empty-emoji{font-size:56px;margin-bottom:var(--sp-4)}.empty-state p{font-size:var(--font-size-md);line-height:1.6}