:root{--bg:#fcf9f2;--bg-3:#ede6d8;--bg-2:#f5f0e6;--panel:#ffffffb3;--panel-strong:#fffffff2;--text:#2c3e50;--muted:#8395a7;--primary:#ff6b6b;--primary-hover:#fa5252;--accent:#1dd1a1;--accent-2:#feca57;--secondary:#2c3e500d;--secondary-hover:#2c3e5017;--danger:#ff4757;--border:#2c3e5014;--shadow:0 10px 35px #2c3e500f;--radius-xl:24px;--radius-lg:18px;--radius-md:14px}html,body,#root{min-height:100%;color:var(--text);background:linear-gradient(145deg, var(--bg) 0%, var(--bg-2) 55%, var(--bg-3) 100%);background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:none}.app-shell{min-height:100vh;padding:18px 12px 72px}.container{width:100%;max-width:1180px;margin:0 auto}.hero{text-align:center;margin-bottom:22px;animation:.55s fadeUp}.hero-badge{color:var(--primary-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#b86b581a;border:1px solid #b86b5833;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{color:#2a241e;letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,7vw,3.2rem);font-weight:800;line-height:1.08}.hero-subtitle{max-width:760px;color:var(--muted);margin:14px auto 0;padding-inline:4px;font-size:15px;line-height:1.75}.hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.hero-tag{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:background .2s;display:inline-flex}.hero-tag:hover{background:#b86b580d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#b86b5840;transform:translateY(-2px);box-shadow:0 22px 42px #3b332b17}.stat-icon{width:42px;height:42px;color:var(--primary);background:linear-gradient(135deg,#b86b581f,#6b7a621f);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.stat-label{color:var(--muted);margin:0 0 6px;font-size:13px}.stat-value{color:var(--text);word-break:break-word;margin:0;font-size:.98rem;font-weight:600;line-height:1.35}.motivation-banner{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6b7a6214,#b86b580d);align-items:flex-start;gap:14px;margin-bottom:18px;padding:18px;animation:.7s fadeUp;display:flex}.motivation-icon{width:42px;height:42px;color:var(--accent);background:#6b7a621f;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.motivation-title{color:#2a241e;margin:0 0 6px;font-size:1rem;font-weight:700}.motivation-text{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.alert{color:#a84242;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c95d5d14;border:1px solid #c95d5d26;margin-bottom:16px;padding:14px 16px}.layout{grid-template-columns:1fr;gap:16px;display:grid}.left-col,.right-col{gap:16px;min-width:0;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0;padding:18px}.section-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-icon{width:42px;height:42px;color:var(--primary);background:#b86b581f;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.section-title{color:#2a241e;margin:0 0 8px;font-size:1.08rem;font-weight:700}.section-text{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.section-row{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.hours-box{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,#b86b580f,#6b7a620f);margin-bottom:14px;padding:18px}.hours-number{color:#2a241e;margin-bottom:8px;font-size:2rem;font-weight:800}.hours-hint{color:var(--muted);margin:0;font-size:13px}.range-input{width:100%;accent-color:var(--primary);margin:8px 0 18px}.form-grid{gap:14px;display:grid}.label{color:var(--text);flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.input-wrap{position:relative}.input-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text);background:#fffdf8e6;outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s,transform .15s}.input::placeholder{color:#a39688}.input:focus{border-color:#b86b5866;transform:translateY(-1px);box-shadow:0 0 0 4px #b86b581a}.input-with-icon{padding-left:42px}.btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-wide{width:100%;margin-top:4px}.btn-primary{background:linear-gradient(135deg, var(--primary), #a35a49);color:#fdfbf7;box-shadow:0 8px 20px #b86b5833}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), #8e4e3f);box-shadow:0 10px 24px #b86b584d}.btn-secondary{background:var(--secondary);color:var(--text)}.btn-secondary:hover{background:var(--secondary-hover)}.icon-btn{width:38px;height:38px;color:var(--danger);background:#c95d5d14;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{background:#c95d5d24}.error-text{color:var(--danger);margin-top:12px;font-size:14px}.empty-state{text-align:center;place-items:center;padding:18px 10px 6px;display:grid}.empty-icon{width:50px;height:50px;color:var(--accent);background:linear-gradient(135deg,#6b7a621a,#8a997f1a);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.empty-title{color:#2a241e;margin:0 0 8px;font-size:1rem;font-weight:700}.empty-text{max-width:420px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.subject-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.subject-card{border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;padding:16px;transition:transform .2s,box-shadow .2s}.subject-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #3b332b1a}.subject-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.subject-name-wrap{align-items:center;gap:10px;min-width:0;display:flex}.subject-symbol{width:36px;height:36px;color:var(--primary);background:#b86b581a;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.subject-name{color:var(--text);word-break:break-word;margin:0;font-size:1rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:7px;max-width:100%;padding:8px 12px;font-size:13px;display:inline-flex}.chip-accent{color:var(--accent);background:#6b7a6214;border-color:#6b7a6226}.focus-box{gap:14px;display:grid}.focus-badge{width:fit-content;color:var(--primary-hover);background:#b86b581a;border:1px solid #b86b5833;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.focus-title{color:#2a241e;margin:0;font-size:1.25rem;font-weight:700}.focus-text{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.result-banner{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,#b86b580f,#6b7a620f);align-items:flex-start;gap:14px;margin-bottom:18px;padding:16px;animation:.5s fadeUp;display:flex}.result-icon{width:40px;height:40px;color:var(--primary);background:#ffffff80;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.result-title{color:#2a241e;margin:0 0 6px;font-size:1rem;font-weight:700}.result-text{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.plan-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.plan-card{border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;padding:16px}.plan-top{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.plan-label{color:var(--accent);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-flex}.plan-title{color:#2a241e;word-break:break-word;margin:0 0 8px;font-size:1.05rem;font-weight:600}.plan-meta{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.hours-badge{white-space:nowrap;width:fit-content;color:var(--primary);background:#b86b581a;border:1px solid #b86b5833;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.progress{background:#7a6d5f26;border-radius:999px;width:100%;height:11px;margin-bottom:12px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent), var(--accent-2));width:0;height:100%;animation:1s .15s forwards progressFill}.toast{color:#2a241e;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:50;background:#fffdf8f2;border-radius:16px;max-width:420px;margin-left:auto;padding:14px 18px;transition:all .25s;position:fixed;bottom:14px;left:14px;right:14px;transform:translateY(16px);box-shadow:0 18px 32px #3b332b26}.toast-show{opacity:1;transform:translateY(0)}.reveal-item{opacity:0;animation:.55s forwards staggerIn;transform:translateY(10px)}@media (width>=640px){.app-shell{padding:22px 18px 80px}.section-row,.plan-top{flex-direction:row;justify-content:space-between;align-items:flex-start}.toast{bottom:24px;left:auto;right:24px}}@media (width>=1024px){.layout{grid-template-columns:360px minmax(0,1fr);align-items:start}.card{padding:22px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}.result-banner{border:1px solid var(--border);background:linear-gradient(135deg,#ff6b6b0f,#1dd1a10d)}.result-icon{color:var(--primary);background:#ffffffb3}.result-title{color:#2a241e}.result-text{color:var(--muted)}.plan-card{background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow)}.plan-label{color:var(--accent)}.plan-title{color:#2a241e}.plan-meta{color:var(--muted)}.hours-badge{color:var(--primary);background:#ff6b6b1a;border:1px solid #ff6b6b2e}.progress{background:#2c3e501f}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent), var(--accent-2))}.schedule-section{margin-top:24px}.schedule-header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.schedule-header__icon{width:42px;height:42px;color:var(--primary);background:#ff6b6b14;border:1px solid #ff6b6b29;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.schedule-title{color:#2a241e;margin:0 0 6px;font-size:1rem;font-weight:700}.schedule-text{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.schedule-grid{grid-template-columns:1fr;gap:14px;display:grid}.day-card{border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.day-card:hover{border-color:#ff6b6b29;transform:translateY(-2px);box-shadow:0 16px 30px #3b332b1a}.day-card__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.day-card__title{color:#2a241e;margin:0;font-size:1rem;font-weight:700}.day-card__total{color:var(--accent);white-space:nowrap;background:#1dd1a11a;border:1px solid #1dd1a12e;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.day-card__tasks{gap:10px;display:grid}.day-task{background:#fff9;border:1px solid #2c3e500f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.day-task__name{color:var(--text);word-break:break-word;font-size:14px;font-weight:600}.day-task__hours{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:700}@media (width>=768px){.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}