@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--bg:#0d0f16;--bg-card:#161822;--bg-card-2a:#1a1d2b;--bg-card-2b:#14151f;--bg-input:#0d0f16;--bg-track:#0d0f16;--border:#ffffff0f;--border-strong:#ffffff1a;--text:#f2f3f7;--text-muted:#8b8fa3;--text-faint:#767a8c;--accent:#5eb8ff;--accent-2:#7c9cff;--accent-ink:#0d0f16;--accent-shadow:#5eb8ff40;--point:#ffc44d;--danger:#ff6b81;--tab-bar-bg:#141620eb;--backdrop:#05060a99}:root[data-theme=light]{--bg:#f5f6fa;--bg-card:#fff;--bg-card-2a:#eef1fb;--bg-card-2b:#fff;--bg-input:#f5f6fa;--bg-track:#eef0f6;--border:#0f111a14;--border-strong:#0f111a24;--text:#1b1d29;--text-muted:#5b5f75;--text-faint:#8b8fa3;--accent:#3b82f6;--accent-2:#6d8bff;--accent-ink:#fff;--accent-shadow:#3b82f638;--point:#d98a00;--danger:#e0435c;--tab-bar-bg:#ffffffeb;--backdrop:#14162059}:root[data-theme=pink]{--bg:#fff0f5;--bg-card:#fff;--bg-card-2a:#ffe4ef;--bg-card-2b:#fff8fb;--bg-input:#fff5f8;--bg-track:#ffe4ef;--border:#db27771f;--border-strong:#db277733;--text:#4a2338;--text-muted:#9c6b85;--text-faint:#c08aa4;--accent:#ff8fb1;--accent-2:#ffb6c9;--accent-ink:#4a2338;--accent-shadow:#ff8fb159;--point:#ff6f9c;--danger:#e0507e;--tab-bar-bg:#ffffffeb;--backdrop:#4a233840}:root[data-theme=mint]{--bg:#eafbf6;--bg-card:#fff;--bg-card-2a:#d3f5ea;--bg-card-2b:#fff;--bg-input:#f1fdf9;--bg-track:#d3f5ea;--border:#0685691f;--border-strong:#06856933;--text:#0b3d33;--text-muted:#4f8a7c;--text-faint:#83b6a9;--accent:#2dd4bf;--accent-2:#5eead4;--accent-ink:#06342c;--accent-shadow:#2dd4bf52;--point:#e8a33d;--danger:#e2536b;--tab-bar-bg:#ffffffeb;--backdrop:#0b3d3340}:root[data-theme=princess]{--bg:#fdf4ff;--bg-card:#fff;--bg-card-2a:#f3e3ff;--bg-card-2b:#fff8f0;--bg-input:#fdf6ff;--bg-track:#f0dcff;--border:#a855f729;--border-strong:#a855f747;--text:#4a1d6b;--text-muted:#8b6bab;--text-faint:#bda3d6;--accent:#f0b429;--accent-2:#e88ef0;--accent-ink:#4a1d6b;--accent-shadow:#f0b42966;--point:#f0b429;--danger:#e85d8a;--tab-bar-bg:#ffffffeb;--backdrop:#4a1d6b47}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif;transition:background .2s,color .2s}#root{height:100%}button,input{font-family:inherit}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.app-header{z-index:6;justify-content:space-between;align-items:center;padding:20px 20px 8px;display:flex;position:relative}.sparkle-layer{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.sparkle{opacity:0;filter:drop-shadow(0 0 4px #f0b4298c);animation:ease-in-out infinite sparkle-twinkle;position:absolute}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:.8;transform:scale(1)rotate(15deg)}}.app-header-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.app-header-theme-btn{border:1px solid var(--border-strong);background:var(--bg-card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.app-main{flex:1;padding-bottom:96px}.tab-panel{flex-direction:column;gap:14px;padding:12px 20px 24px;display:flex}.tab-bar{background:var(--tab-bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-strong);width:100%;max-width:480px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:20;gap:4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:flex}.tab-bar-btn.active{color:var(--text);background:var(--border)}.tab-icon{font-size:18px}.points-header{background:linear-gradient(135deg, var(--bg-card-2a), var(--bg-card-2b));border:1px solid var(--border);border-radius:18px;padding:18px 20px}.points-header-row{justify-content:space-between;align-items:flex-end;display:flex}.points-header-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.points-header-value{color:var(--point);letter-spacing:-.02em;font-size:32px;font-weight:800}.points-header-total{text-align:right}.points-header-value-sm{color:var(--text);font-size:20px}.todo-list{flex-direction:column;gap:10px;display:flex}.todo-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--grade-color);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.todo-check{border:2px solid var(--grade-color);cursor:pointer;background:0 0;border-radius:50%;width:28px;min-width:28px;height:28px;transition:box-shadow .15s,transform .1s;position:relative}.todo-check:hover{box-shadow:0 0 12px var(--grade-glow)}.todo-check:active{transform:scale(.9)}.todo-body{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:0;display:flex}.todo-grade-badge{color:var(--grade-color);background:color-mix(in srgb, var(--grade-color) 16%, transparent);border-radius:6px;align-self:flex-start;padding:2px 7px;font-size:10px;font-weight:700}.todo-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.todo-points{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:700}.todo-delete{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.todo-delete:hover{color:var(--danger)}.empty-state{text-align:center;color:var(--text-faint);padding:48px 12px;font-size:14px;line-height:1.6}.habit-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--grade-color);border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.habit-card-top{align-items:center;gap:8px;display:flex}.habit-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-family:inherit;font-size:15px;font-weight:600;overflow:hidden}.habit-trigger-btn{cursor:pointer;background:color-mix(in srgb, var(--grade-color) 18%, var(--bg-input));width:100%;color:var(--grade-color);border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px;font-size:15px;font-weight:800;transition:transform .1s;display:flex}.habit-trigger-btn:active{transform:scale(.98)}.habit-trigger-points{color:var(--text-muted);font-size:11px;font-weight:700}.party-popper-layer{z-index:65;pointer-events:none;position:fixed;inset:0;overflow:hidden}.party-popper-flash{background:radial-gradient(circle at 50% 85%,#ffffff8c,#fff0 60%);animation:.5s ease-out forwards popper-flash;position:absolute;inset:0}@keyframes popper-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.confetti-piece{opacity:1;border-radius:2px;animation:1.7s cubic-bezier(.15,.6,.4,1) forwards confetti-fly;position:absolute;bottom:4%}.confetti-piece.circle{border-radius:50%}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}55%{transform:translate(var(--dx1), var(--dy1)) rotate(var(--rot1));opacity:1}to{transform:translate(var(--dx2), var(--dy2)) rotate(var(--rot2));opacity:0}}.party-popper-caption{text-align:center;white-space:nowrap;color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:22px;padding:12px 22px;font-size:19px;font-weight:800;animation:2s ease-out forwards popper-caption;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0000002e}.party-popper-caption-points{color:var(--point);margin-top:4px;font-size:15px;font-weight:700}@keyframes popper-caption{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.fab{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:100%;color:var(--accent-ink);cursor:pointer;box-shadow:0 8px 20px var(--accent-shadow);border:none;border-radius:14px;margin-top:4px;padding:15px;font-size:15px;font-weight:800;position:sticky;bottom:0}.fab:active{transform:translateY(1px)}.modal-backdrop{background:var(--backdrop);z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-card);width:100%;max-width:480px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.2s ease-out sheet-up;display:flex}@keyframes sheet-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-sheet h2{color:var(--text);margin:0 0 4px;font-size:18px}.text-input{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:12px;padding:13px 14px;font-size:15px}.text-input:focus{border-color:var(--accent);outline:none}.field-label{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:600}.settings-section-label{color:var(--text);margin-top:10px;font-size:13px;font-weight:700}.settings-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.settings-status{text-align:center;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}.settings-status.ok{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.settings-status.error{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.grade-picker{flex-direction:column;gap:8px;margin-top:4px;display:flex}.grade-option{background:var(--bg-input);cursor:pointer;text-align:left;color:var(--text);border:2px solid #0000;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;display:flex}.grade-option.selected{border-color:var(--grade-color);background:color-mix(in srgb, var(--grade-color) 10%, var(--bg-input))}.grade-option-label{color:var(--grade-color);min-width:40px;font-weight:700}.grade-option-points{font-size:13px;font-weight:700}.grade-option-examples{width:100%;color:var(--text-faint);font-size:12px}.modal-actions{gap:8px;margin-top:8px;display:flex}.btn-ghost,.btn-primary{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-size:15px;font-weight:700}.btn-ghost{background:var(--border);color:var(--text-muted)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.section-title{color:var(--text);margin:4px 0 0;font-size:18px}.section-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:13px}.reward-list{flex-direction:column;gap:10px;display:flex}.reward-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.reward-card.achieved{opacity:.7}.reward-card-top{justify-content:space-between;align-items:center;display:flex}.reward-title{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:700}.reward-progress-track{background:var(--bg-track);border-radius:6px;height:8px;margin-top:10px;overflow:hidden}.reward-progress-fill{background:linear-gradient(90deg, var(--accent), var(--point));border-radius:6px;height:100%;transition:width .3s}.reward-progress-label{color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:600}.reward-counterpart{color:var(--point);background:color-mix(in srgb, var(--point) 12%, transparent);border-radius:10px;margin-top:8px;padding:8px 10px;font-size:12px;font-weight:600}.reward-share-btn{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;color:var(--text);cursor:pointer;border-radius:10px;margin-top:10px;padding:10px;font-size:13px;font-weight:700}.record-group{flex-direction:column;gap:8px;display:flex}.record-date{color:var(--text-faint);margin-top:6px;font-size:12px;font-weight:700}.record-item{background:var(--bg-card);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.record-grade-dot{border-radius:50%;width:8px;min-width:8px;height:8px}.record-item-body{flex:1;min-width:0}.record-item-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:600;overflow:hidden}.record-item-time{color:var(--text-faint);font-size:11px}.record-item-points{color:var(--point);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.record-bonus-tag{background:color-mix(in srgb, var(--point) 18%, transparent);border-radius:6px;padding:2px 6px;font-size:10px}.record-undo-btn{color:var(--text-muted);background:var(--border);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.record-undo-btn:hover{color:var(--danger)}.summary-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.summary-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.summary-tile-value{color:var(--text);letter-spacing:-.02em;font-size:22px;font-weight:800}.summary-tile-label{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:600}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.stat-card-title{color:var(--text);font-size:14px;font-weight:700}.stat-card-hint{color:var(--text-muted);margin-top:-6px;font-size:12px}.weekday-chart{align-items:flex-end;gap:6px;height:140px;display:flex}.weekday-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.weekday-col-count{color:var(--text-muted);height:14px;font-size:10px;font-weight:700}.weekday-col-track{flex:1;align-items:flex-end;width:100%;display:flex}.weekday-col-bar{background:var(--bg-track);border-radius:4px 4px 0 0;flex-direction:column;width:100%;min-height:2px;display:flex;overflow:hidden}.weekday-col-segment{box-sizing:border-box;border-bottom:2px solid var(--bg-card);width:100%}.weekday-col-segment:last-child{border-bottom:none}.weekday-col-label{color:var(--text-faint);margin-top:6px;font-size:11px;font-weight:600}.chart-legend{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.chart-legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.chart-legend-dot{border-radius:50%;width:8px;height:8px}.hourly-chart{align-items:flex-end;gap:2px;height:80px;display:flex}.hourly-col{flex:1;align-items:flex-end;height:100%;display:flex}.hourly-col-bar{background:var(--accent);border-radius:3px 3px 0 0;width:100%}.hourly-axis{color:var(--text-faint);justify-content:space-between;font-size:10px;font-weight:600;display:flex}.grade-breakdown{flex-direction:column;gap:10px;display:flex}.grade-breakdown-row{align-items:center;gap:10px;display:flex}.grade-breakdown-label{width:36px;color:var(--text-muted);font-size:12px;font-weight:700}.grade-breakdown-track{background:var(--bg-track);border-radius:5px;flex:1;height:10px;overflow:hidden}.grade-breakdown-fill{border-radius:5px;height:100%;transition:width .3s}.grade-breakdown-count{text-align:right;width:24px;color:var(--text);font-size:12px;font-weight:700}.point-popup-layer{z-index:60;pointer-events:none;position:fixed;top:30%;left:50%;transform:translate(-50%)}.point-popup{flex-direction:column;align-items:center;gap:4px;animation:1.4s ease-out forwards popup-rise;display:flex}.point-popup-value{color:var(--point);text-shadow:0 2px 16px color-mix(in srgb, var(--point) 60%, transparent);font-size:34px;font-weight:800}.point-popup.bonus .point-popup-value{color:var(--danger);text-shadow:0 2px 20px color-mix(in srgb, var(--danger) 70%, transparent)}.point-popup-tag{color:var(--danger);background:color-mix(in srgb, var(--danger) 15%, transparent);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:800}@keyframes popup-rise{0%{opacity:0;transform:translateY(10px)scale(.85)}15%{opacity:1;transform:translateY(-6px)scale(1.08)}30%{transform:translateY(-10px)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(1)}}.fireworks-overlay{z-index:70;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fireworks-scrim{background:radial-gradient(circle at 50% 28%,#171a30 0%,#0a0b16 65%,#05060d 100%);animation:2.8s ease-out forwards scrim-fade;position:absolute;inset:0}@keyframes scrim-fade{0%{opacity:0}10%{opacity:1}78%{opacity:1}to{opacity:0}}.firework-star{opacity:0;background:#fff;border-radius:50%;animation:2.8s ease-in-out forwards star-twinkle;position:absolute}@keyframes star-twinkle{0%{opacity:0}15%{opacity:.9}50%{opacity:.3}70%{opacity:.9}to{opacity:0}}.firework-burst{width:0;height:0;position:absolute}.firework-particle{opacity:0;border-radius:50%;width:7px;height:7px;animation:1.2s ease-out forwards particle-fly;position:absolute;box-shadow:0 0 6px}@keyframes particle-fly{0%{opacity:0;transform:translate(0)scale(.4)}10%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}.fireworks-caption{text-align:center;color:#fff;text-shadow:0 2px 20px #0009;font-size:26px;font-weight:800;animation:2.8s ease-out forwards caption-pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.fireworks-caption-sub{color:#ffc44d;margin-top:6px;font-size:15px;font-weight:700}@keyframes caption-pop{0%{opacity:0;transform:translate(-50%,-40%)scale(.8)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}22%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0}}.onboarding{background:var(--bg);flex-direction:column;gap:20px;max-width:480px;min-height:100vh;margin:0 auto;padding:32px 20px 28px;display:flex}.onboarding-step-label{color:var(--accent);letter-spacing:.02em;font-size:12px;font-weight:700}.onboarding-title{color:var(--text);margin:0;font-size:24px;font-weight:800}.onboarding-subtitle{color:var(--text-muted);margin:-12px 0 0;font-size:14px;line-height:1.5}.intro-feature-list{flex-direction:column;gap:10px;display:flex}.intro-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.intro-feature-icon{text-align:center;width:40px;font-size:26px}.intro-feature-title{color:var(--text);font-size:15px;font-weight:700}.intro-feature-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.theme-option-list{flex-direction:column;gap:10px;display:flex}.theme-option{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.theme-option.selected{border-color:var(--accent)}.theme-swatch{min-width:56px;display:flex}.theme-swatch-dot{border:2px solid var(--bg-card);border-radius:50%;width:22px;height:22px;margin-left:-8px}.theme-swatch-dot:first-child{margin-left:0}.theme-option-text{flex:1}.theme-option-label{color:var(--text);font-size:15px;font-weight:700}.theme-option-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.theme-option-check{color:var(--accent);text-align:center;width:20px;font-size:18px}.onboarding-reward-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.onboarding-reward-list{flex-direction:column;gap:8px;display:flex}.onboarding-reward-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.onboarding-reward-item-title{color:var(--text);font-size:14px;font-weight:700}.onboarding-reward-item-points{color:var(--text-muted);margin-top:2px;font-size:12px}.onboarding-spacer{flex:1}.onboarding-progress{gap:6px;display:flex}.onboarding-progress-dot{background:var(--border);border-radius:2px;flex:1;height:4px}.onboarding-progress-dot.filled{background:var(--accent)}