html,body,#root{min-height:100%}:root{--zera-bg:#07111c;--zera-bg-alt:#0d1b29;--zera-card:#101f2e;--zera-purple:#6d3df5;--zera-pink:#c62ccb;--zera-blue:#2f80ff;--zera-cyan:#20c8d7;--zera-green:#20b978;--zera-orange:#ff8a00;--zera-yellow:#ffc83d;--zera-rose:#d43d76;--zera-text:#fff;--zera-text-secondary:#aab7c5;--zera-border:#ffffff14;--zera-border-strong:#ffffff24;--zera-overlay:#0009;--zera-gap:12px;--zera-radius:18px;--zera-radius-lg:24px;--zera-radius-pill:999px;--zera-shadow:0 8px 24px #00000059;--zera-shadow-sm:0 4px 12px #00000040;--card-radius:18px;--radius:18px;--shadow:0 8px 24px #00000059;--line:#ffffff1a;--muted:var(--zera-text-secondary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--zera-bg);min-height:100%;color:var(--zera-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{min-height:100%}.text-primary{color:var(--zera-text)}.text-secondary{color:var(--zera-text-secondary)}.text-purple{color:var(--zera-purple)}.text-pink{color:var(--zera-pink)}.text-green{color:var(--zera-green)}.text-orange{color:var(--zera-orange)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}.app{max-width:430px;min-height:100vh;margin:0 auto;padding:0 16px 32px}.app-header{z-index:100;background:var(--zera-bg);justify-content:space-between;align-items:center;height:56px;padding:0 4px;display:flex;position:sticky;top:0}.app-header-center{flex-direction:column;align-items:center;line-height:1.1;display:flex}.app-header h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.app-header p{color:var(--zera-text-secondary);margin:0;font-size:11px}.app-header-actions{align-items:center;gap:8px;display:flex}.header-btn{background:var(--zera-card);width:36px;height:36px;color:var(--zera-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .12s;display:flex}.header-btn:active{transform:scale(.9)}.menu-btn{width:36px;height:36px;color:var(--zera-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.state-text{text-align:center;color:var(--zera-text-secondary);margin-top:40vh;font-size:15px}.state-text.error{color:var(--zera-rose)}.retry{border-radius:var(--zera-radius);background:var(--zera-purple);color:#fff;cursor:pointer;border:none;margin:16px auto 0;padding:12px 28px;font-size:15px;font-weight:700;transition:transform .12s;display:block}.retry:active{transform:scale(.96)}.grad-violet{background:linear-gradient(135deg,#6d3df5 0%,#9b6dff 100%)}.grad-emerald{background:linear-gradient(135deg,#20b978 0%,#34d399 100%)}.grad-gold{background:linear-gradient(135deg,#ff8a00 0%,#ffc83d 100%)}.grad-coral{background:linear-gradient(135deg,#d43d76 0%,#ff8a00 100%)}.grad-ocean{background:linear-gradient(135deg,#2f80ff 0%,#20c8d7 100%)}.grad-sky{background:linear-gradient(135deg,#20c8d7 0%,#2f80ff 100%)}.grad-mint{background:linear-gradient(135deg,#20b978 0%,#20c8d7 100%)}.grad-berry{background:linear-gradient(135deg,#c62ccb 0%,#d43d76 100%)}.grad-teal{background:linear-gradient(135deg,#20c8d7 0%,#6d3df5 100%)}.grad-plum{background:linear-gradient(135deg,#6d3df5 0%,#c62ccb 100%)}.grad-rose{background:linear-gradient(135deg,#d43d76 0%,#c62ccb 100%)}.grad-primary{background:linear-gradient(135deg,#6d3df5 0%,#c62ccb 100%)}.grad-orange{background:linear-gradient(135deg,#ff8a00 0%,#d43d76 100%)}.hero{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-bottom:var(--zera-gap);border-radius:20px;padding:20px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000004d}.hero:active{transform:scale(.985);box-shadow:0 2px 12px #0003}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0,#0000 50%),radial-gradient(circle at 10% 95%,#ffffff14 0,#0000 45%);position:absolute;inset:0}.hero.past{filter:saturate(.4)brightness(.7)}.hero-top{z-index:1;align-items:flex-start;gap:12px;display:flex;position:relative}.hero-emoji{margin-top:2px;font-size:28px;line-height:1}.hero-headline{flex:1;min-width:0}.hero-kicker{letter-spacing:.16em;opacity:.7;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.hero-name{letter-spacing:-.01em;margin:2px 0 0;font-size:17px;font-weight:800;line-height:1.25}.hero-date{opacity:.8;margin:3px 0 0;font-size:11px}.hero-switch{opacity:.8;margin-top:6px;font-size:18px}.hero-countdown{z-index:1;justify-content:center;align-items:center;gap:4px;margin-top:16px;display:flex;position:relative}.hero-countdown-unit{flex-direction:column;align-items:center;min-width:52px;display:flex}.hero-countdown-unit strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:900;line-height:1}.hero-countdown-unit span{letter-spacing:.1em;opacity:.7;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:700}.hero-countdown-separator{opacity:.5;margin-top:-12px;font-size:24px;font-weight:800}.hero-past-text{z-index:1;margin:12px 0 0;font-size:15px;font-weight:700;position:relative}.hero-hint{opacity:.65;text-align:center;z-index:1;border-top:1px solid #fff3;margin:10px 0 0;padding-top:8px;font-size:11px;position:relative}.sheet-backdrop{z-index:200;background:var(--zera-overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--zera-bg-alt);border-radius:var(--zera-radius-lg) var(--zera-radius-lg) 0 0;width:100%;max-width:430px;max-height:78vh;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0));animation:.22s sheet-up;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:#fff3;border-radius:2px;width:42px;height:4px;margin:4px auto 14px}.sheet h3{text-align:center;margin:0 0 14px;font-size:18px;font-weight:800}.sheet-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sheet-item{border-radius:var(--zera-radius);background:var(--zera-card);width:100%;color:var(--zera-text);text-align:left;cursor:pointer;border:1.5px solid #0000;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.sheet-item.selected{border-color:var(--zera-purple)}.sheet-dot{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.sheet-info{flex:1;min-width:0}.sheet-info strong{font-size:14px;font-weight:700;display:block}.sheet-info small{color:var(--zera-text-secondary);margin-top:2px;font-size:12px;display:block}.sheet-chip{border-radius:var(--zera-radius-pill);font-variant-numeric:tabular-nums;background:#ffffff1a;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.tile-grid{gap:var(--zera-gap);grid-template-columns:repeat(2,1fr);display:grid}.tile{border-radius:var(--zera-radius-lg);color:#fff;text-align:left;cursor:pointer;min-height:108px;box-shadow:var(--zera-shadow-sm);border:none;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.tile:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e 0,#0000 50%);position:absolute;inset:0}.tile:active{transform:scale(.96)}.tile-emoji{z-index:1;font-size:30px;line-height:1;position:relative}.tile strong{z-index:1;font-size:16px;font-weight:800;position:relative}.tile small{opacity:.82;z-index:1;font-size:11.5px;font-weight:600;position:relative}.back-btn{border-radius:var(--zera-radius-pill);background:var(--zera-card);color:var(--zera-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;align-self:flex-start;margin-bottom:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .12s}.back-btn:active{transform:scale(.95)}.card{background:var(--zera-card);border-radius:var(--zera-radius-lg);border:1px solid var(--zera-border);padding:18px}.card-gradient{border-radius:var(--zera-radius-lg);color:#fff;box-shadow:var(--zera-shadow-sm);padding:18px}.btn-primary{border-radius:var(--zera-radius);background:linear-gradient(135deg, var(--zera-purple) 0%, var(--zera-pink) 100%);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;padding:15px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 20px #6d3df559}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1.5px solid var(--zera-border-strong);border-radius:var(--zera-radius);width:100%;color:var(--zera-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:13px;font-size:14px;font-weight:700;transition:transform .12s}.btn-secondary:active{transform:scale(.97)}.btn-danger{border:1.5px solid var(--zera-rose);border-radius:var(--zera-radius);color:var(--zera-rose);cursor:pointer;background:0 0;padding:12px 16px;font-size:14px;font-weight:700}.btn-icon{background:var(--zera-card);width:44px;height:44px;color:var(--zera-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .12s;display:flex}.btn-icon:active{transform:scale(.9)}.primary{border-radius:var(--zera-radius);background:linear-gradient(135deg, var(--zera-purple) 0%, var(--zera-pink) 100%);color:#fff;cursor:pointer;border:none;width:100%;padding:13px;font-size:15px;font-weight:700;transition:transform .12s;box-shadow:0 4px 16px #6d3df54d}.primary:disabled{opacity:.5}.progress-bar{border-radius:var(--zera-radius-pill);background:#ffffff1a;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:var(--zera-radius-pill);background:linear-gradient(90deg, var(--zera-purple) 0%, var(--zera-pink) 100%);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-fill.green{background:linear-gradient(90deg, var(--zera-green) 0%, var(--zera-cyan) 100%)}.progress-fill.orange{background:linear-gradient(90deg, var(--zera-orange) 0%, var(--zera-yellow) 100%)}.progress-fill.blue{background:linear-gradient(90deg, var(--zera-blue) 0%, var(--zera-cyan) 100%)}.progress-fill.rose{background:linear-gradient(90deg, var(--zera-rose) 0%, var(--zera-pink) 100%)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-tile{border-radius:var(--zera-radius-lg);color:#fff;min-height:96px;box-shadow:var(--zera-shadow-sm);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.stat-tile .stat-icon{font-size:20px}.stat-tile .stat-label{opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.stat-tile .stat-value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1.1}.stat-tile .stat-sub{opacity:.75;font-size:11px;font-weight:600}.stat{flex-direction:column;gap:2px;display:flex}.stat strong{font-size:16px;font-weight:800;display:block}.stat span{color:var(--zera-text-secondary);font-size:10.5px;font-weight:600;display:block}.tab-bar{border-radius:var(--zera-radius);background:var(--zera-card);border:1px solid var(--zera-border);gap:4px;padding:4px;display:flex}.tab-item{border-radius:calc(var(--zera-radius) - 4px);color:var(--zera-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 8px;font-size:13px;font-weight:700;transition:all .2s}.tab-item.active{background:linear-gradient(135deg, var(--zera-purple) 0%, var(--zera-pink) 100%);color:#fff;box-shadow:0 4px 12px #6d3df54d}.day-selector{border-radius:var(--zera-radius);background:var(--zera-card);border:1px solid var(--zera-border);gap:4px;padding:4px;display:flex}.day-item{border-radius:calc(var(--zera-radius) - 4px);color:var(--zera-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;background:0 0;border:none;flex:1;padding:8px 4px;font-size:11px;font-weight:700;transition:all .2s}.day-item.active{background:var(--zera-purple);color:#fff}.circular-timer{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.circular-timer svg{transform:rotate(-90deg)}.circular-timer .ring-bg{fill:none;stroke:#ffffff14}.circular-timer .ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.timer-display{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.timer-label{color:var(--zera-text);font-size:14px;font-weight:700}.timer-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:1}.timer-status{color:var(--zera-text-secondary);font-size:12px;font-weight:600}.timer-range{color:var(--zera-text-secondary);opacity:.7;font-size:11px;font-weight:600}.timer-round{color:var(--zera-text-secondary);font-size:12px;font-weight:700}.pomodoro{text-align:center}.pomodoro-phase{color:var(--zera-text-secondary);margin:4px 0;font-size:13px}.pomodoro-clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0 0 6px;font-size:52px;font-weight:800;line-height:1}.study-view{gap:var(--zera-gap);flex-direction:column;padding-bottom:24px;display:flex}.summary-card{background:var(--zera-card);border-radius:var(--zera-radius-lg);border:1px solid var(--zera-border);padding:18px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.summary-foot{color:var(--zera-text-secondary);margin:14px 0 0;font-size:12px}.quick-log,.program-editor{background:var(--zera-card);border-radius:var(--zera-radius-lg);border:1px solid var(--zera-border);padding:18px}.quick-log h3,.program-editor h3{margin:0 0 14px;font-size:16px;font-weight:800}.form-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.form-row input,.form-row select{border:1px solid var(--zera-border-strong);border-radius:var(--zera-radius);background:var(--zera-bg);min-width:0;color:var(--zera-text);flex:1;padding:11px 12px;font-size:14px}.form-row input::placeholder{color:var(--zera-text-secondary);opacity:.6}.form-row input:focus,.form-row select:focus{border-color:var(--zera-purple);outline:none}.unit-label{color:var(--zera-text-secondary);font-size:13px}.form-message{text-align:center;color:var(--zera-purple);margin:10px 0 0;font-size:13px}.form-message.error{color:var(--zera-rose)}.form-message.center{text-align:center}.card-form+.card-form{border-top:1px solid var(--zera-border);margin-top:14px;padding-top:14px}.card-form h3{align-items:center;display:flex}.seg{border:1px solid var(--zera-border-strong);border-radius:var(--zera-radius);display:flex;overflow:hidden}.seg button{color:var(--zera-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:12px;font-weight:700;transition:all .2s}.seg button.active{background:var(--zera-purple);color:#fff}.step-row{border-bottom:1px solid var(--zera-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.step-row:last-of-type{border-bottom:none}.step-label{color:var(--zera-text-secondary);font-size:14px}.step-ctl{align-items:center;gap:6px;display:flex}.step-ctl button{background:var(--zera-purple);color:#fff;cursor:pointer;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;font-weight:700;line-height:1;transition:transform .12s}.step-ctl button:active{transform:scale(.9)}.step-ctl strong{font-variant-numeric:tabular-nums;text-align:center;min-width:68px;font-size:16px;font-weight:800}.step-ctl strong i{color:var(--zera-text-secondary);margin-left:4px;font-size:11px;font-style:normal;font-weight:600}.dt-view{gap:var(--zera-gap);flex-direction:column;padding-bottom:24px;display:flex}.dt-card{border-radius:var(--zera-radius-lg);text-align:center;background:var(--zera-card);border:1px solid var(--zera-border);padding:24px 20px;transition:transform .15s;position:relative;overflow:hidden}.dt-card.running{color:#fff;box-shadow:var(--zera-shadow);border:none}.dt-card.running:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff26 0,#0000 50%);position:absolute;inset:0}.dt-phase{letter-spacing:.16em;opacity:.7;text-transform:uppercase;z-index:1;margin:0;font-size:12px;font-weight:700;position:relative}.dt-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;z-index:1;margin:12px 0 0;font-size:68px;font-weight:800;line-height:1;position:relative}.dt-clock.small{font-size:52px}.dt-rounds{opacity:.85;z-index:1;margin:14px 0 0;font-size:14px;position:relative}.dt-hint{opacity:.6;z-index:1;margin:8px 0 0;font-size:12px;position:relative}.dt-start,.dt-stop,.dt-continue,.dt-reset{border-radius:var(--zera-radius-pill);cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;border:none;width:100%;margin-top:16px;padding:14px 0;font-size:16px;font-weight:800;transition:transform .12s;display:block;position:relative}.dt-start:active,.dt-stop:active,.dt-continue:active,.dt-reset:active{transform:scale(.97)}.dt-start{background:linear-gradient(135deg, var(--zera-green) 0%, var(--zera-cyan) 100%);color:#fff;box-shadow:0 6px 20px #20b9784d}.dt-card.running .dt-start{color:var(--zera-bg);background:#ffffffeb}.dt-stop{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f}.dt-card:not(.running) .dt-stop{background:linear-gradient(135deg, var(--zera-rose) 0%, var(--zera-pink) 100%)}.dt-continue{background:var(--zera-card);color:var(--zera-text);border:1px solid var(--zera-border-strong);flex:1.5}.dt-reset{background:var(--zera-card);color:var(--zera-text);border:1px solid var(--zera-border-strong);flex:0 0 52px;font-size:18px}.sw-actions{gap:8px;display:flex}.sw-actions .dt-start,.sw-actions .dt-continue{margin-top:16px}.sw-actions .dt-start{flex:2}.danger{border:1.5px solid var(--zera-rose);border-radius:var(--zera-radius);color:var(--zera-rose);cursor:pointer;background:0 0;padding:12px 16px;font-size:14px;font-weight:700}.list-item{border-radius:var(--zera-radius);border:1px solid var(--zera-border);background:#ffffff0a;align-items:center;gap:12px;padding:12px 14px;transition:background .12s;display:flex}.list-item:active{background:#ffffff14}.list-item-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:14px;font-weight:700}.list-item-sub{color:var(--zera-text-secondary);margin-top:2px;font-size:12px}.list-item-action{color:var(--zera-text-secondary);flex-shrink:0;font-size:14px}.program-list{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.program-list li{border-radius:var(--zera-radius);border:1px solid var(--zera-border);background:#ffffff0d;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.program-day{min-width:82px;font-weight:700}.program-time{font-variant-numeric:tabular-nums;color:var(--zera-text-secondary)}.program-subject{flex:1}.program-list .delete{color:var(--zera-rose);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px}.empty-hint{color:var(--zera-text-secondary);text-align:center;margin:0 0 14px;font-size:13px}.section-title{margin:0 0 12px;font-size:16px;font-weight:800}.field-label{color:var(--zera-text-secondary);min-width:52px;font-size:12px}.chip-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.chip{border-radius:var(--zera-radius);color:var(--zera-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:none;flex-direction:column;align-items:center;gap:4px;padding:10px 2px 8px;font-size:11.5px;font-weight:700;transition:transform .12s,background .15s;display:flex}.chip:active{transform:scale(.93)}.chip-emoji{font-size:20px;line-height:1}.chip.active{color:#fff;background:var(--zera-purple);box-shadow:0 6px 16px #6d3df54d}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.chip-row span{border-radius:var(--zera-radius-pill);color:var(--zera-text);background:#ffffff14;padding:5px 14px;font-size:12.5px;font-weight:700}.quick-row{justify-content:center;gap:8px;margin-bottom:6px;display:flex}.quick-row button{border-radius:var(--zera-radius-pill);color:var(--zera-text);cursor:pointer;background:#ffffff14;border:none;padding:7px 16px;font-size:13px;font-weight:700;transition:transform .12s}.quick-row button:active{transform:scale(.93)}.h3-dot{vertical-align:middle;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;font-size:14px;display:inline-flex}.stats-hero{border-radius:var(--zera-radius-lg);text-align:center;background:var(--zera-card);border:1px solid var(--zera-border);padding:22px}.streak-big{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:60px;font-weight:800;line-height:1}.streak-big i{letter-spacing:.14em;opacity:.75;margin-left:10px;font-size:16px;font-style:normal;font-weight:700}.streak-line{margin:0;font-size:15px}.bar-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bar-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.bar-head span{font-size:13.5px;font-weight:700}.bar-head strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.bar-track{border-radius:var(--zera-radius-pill);background:#ffffff14;height:10px;overflow:hidden}.bar-fill{border-radius:var(--zera-radius-pill);height:100%}.done-btn{border-radius:var(--zera-radius-pill);color:#fff;cursor:pointer;border:none;width:100%;margin-top:12px;padding:14px 0;font-size:15px;font-weight:800;transition:transform .12s;display:block}.done-btn:active{transform:scale(.97)}.prog-visual{flex-direction:column;gap:14px;display:flex}.prog-group{border-radius:var(--zera-radius);border:1px solid var(--zera-border);background:#ffffff0a;padding:14px}.prog-day-pill{border-radius:var(--zera-radius-pill);color:#fff;padding:5px 16px;font-size:13px;font-weight:800;display:inline-block}.prog-rows{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.prog-rows li{align-items:center;gap:10px;display:flex}.prog-time{font-variant-numeric:tabular-nums;color:var(--zera-text-secondary);font-size:13.5px;font-weight:700}.prog-badge{border-radius:var(--zera-radius-pill);color:#fff;padding:6px 14px;font-size:12.5px;font-weight:700}.exam-list{gap:14px;display:grid}.exam-card{border-radius:var(--zera-radius-lg);color:#fff;box-shadow:var(--zera-shadow-sm);padding:18px}.exam-card header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.exam-emoji{font-size:30px}.exam-card header strong{font-size:17px;font-weight:800;display:block}.exam-card header small{opacity:.8;font-size:12px}.exam-days{border-radius:var(--zera-radius-pill);white-space:nowrap;background:#fff3;margin-left:auto;padding:5px 12px;font-size:13px;font-weight:800}.exam-card footer{opacity:.92;flex-direction:column;gap:3px;font-size:13px;display:flex}.net-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;display:grid}.net-field span{color:var(--zera-text-secondary);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.net-field input{border-radius:var(--zera-radius);border:1px solid var(--zera-border-strong);background:var(--zera-bg);width:100%;color:var(--zera-text);text-align:center;padding:12px;font-size:16px;font-weight:700}.net-field input:focus{border-color:var(--zera-purple);outline:none}.net-field input::placeholder{color:var(--zera-text-secondary);opacity:.4}.score-results{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.score-card{border-radius:var(--zera-radius-lg);color:#fff;text-align:center;box-shadow:var(--zera-shadow-sm);padding:18px}.score-card small{opacity:.85;font-size:12px;font-weight:600;display:block}.score-card strong{font-size:24px;font-weight:800}.lb-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.lb-row{background:var(--zera-card);color:var(--zera-text);border:1px solid var(--zera-border);border-radius:var(--zera-radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.lb-row.me{background:linear-gradient(135deg,#6d3df526 0%,#c62ccb1a 100%);border-color:#6d3df566}.lb-rank{text-align:center;width:36px;font-size:18px;font-weight:800}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.lb-name em{color:var(--zera-text-secondary);font-size:13px;font-style:normal}.lb-stats{text-align:right;white-space:nowrap;margin-left:auto}.lb-stats strong{font-size:14px;font-weight:800;display:block}.lb-stats small{color:var(--zera-text-secondary);font-size:12px}.topic-list{gap:10px;margin-top:8px;display:grid}.topic-btn{border-radius:var(--zera-radius-lg);color:#fff;cursor:pointer;width:100%;box-shadow:var(--zera-shadow-sm);text-align:left;border:none;justify-content:space-between;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:800;transition:transform .12s;display:flex}.topic-btn:active{transform:scale(.97)}.topic-arrow{opacity:.85;font-size:12px}.topic-text{background:var(--zera-card);color:var(--zera-text);border:1px solid var(--zera-border);border-radius:0 0 var(--zera-radius-lg) var(--zera-radius-lg);white-space:pre-wrap;word-break:break-word;-webkit-overflow-scrolling:touch;min-height:120px;max-height:58vh;margin:-10px 0 0;padding:16px;font-family:inherit;font-size:13.5px;line-height:1.65;overflow-y:auto}.admin-item{border-top:1px solid var(--zera-border);padding:14px 0}.admin-title{margin:0 0 6px;font-size:15px;font-weight:700}.daily-progress{background:var(--zera-card);border-radius:var(--zera-radius-lg);border:1px solid var(--zera-border);margin-bottom:var(--zera-gap);padding:18px}.daily-progress-title{margin-bottom:14px;font-size:15px;font-weight:800}.daily-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.daily-stat{flex-direction:column;gap:4px;display:flex}.daily-stat-icon{font-size:18px}.daily-stat-label{color:var(--zera-text-secondary);font-size:11px;font-weight:600}.daily-stat-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.daily-stat-pct{color:var(--zera-purple);font-size:11px;font-weight:700}.daily-progress .progress-bar{height:6px;margin-top:6px}.start-study-btn{border-radius:var(--zera-radius);background:linear-gradient(135deg, var(--zera-purple) 0%, var(--zera-pink) 100%);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;margin-top:16px;padding:16px;font-size:16px;font-weight:800;transition:transform .12s;box-shadow:0 8px 24px #6d3df559}.start-study-btn:active{transform:scale(.97)}.next-lesson{background:var(--zera-card);border-radius:var(--zera-radius-lg);border:1px solid var(--zera-border);margin-bottom:var(--zera-gap);align-items:center;gap:14px;padding:16px;display:flex}.next-lesson-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.next-lesson-info{flex:1;min-width:0}.next-lesson-title{color:var(--zera-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.next-lesson-name{margin-top:2px;font-size:16px;font-weight:800}.next-lesson-duration{color:var(--zera-text-secondary);margin-top:1px;font-size:12px}.next-lesson-time{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.next-lesson-hour{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.next-lesson-label{color:var(--zera-text-secondary);font-size:11px;font-weight:600}.next-lesson-link{color:var(--zera-purple);cursor:pointer;margin-top:6px;font-size:13px;font-weight:700}.daily-summary{background:var(--zera-card);border-radius:var(--zera-radius-lg);border:1px solid var(--zera-border);margin-bottom:var(--zera-gap);padding:18px}.daily-summary-title{margin-bottom:14px;font-size:15px;font-weight:800}.daily-summary-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.daily-summary-item{flex-direction:column;align-items:center;gap:4px;display:flex}.daily-summary-icon{font-size:18px}.daily-summary-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.daily-summary-label{color:var(--zera-text-secondary);font-size:10px;font-weight:600}.daily-summary-link{border:1.5px solid var(--zera-border-strong);border-radius:var(--zera-radius);color:var(--zera-text);text-align:center;cursor:pointer;background:0 0;margin-top:14px;padding:12px;font-size:14px;font-weight:700;transition:transform .12s;display:block}.daily-summary-link:active{transform:scale(.97)}.pomo-complete{text-align:center;padding:32px 20px}.pomo-complete-icon{background:linear-gradient(135deg, var(--zera-green) 0%, var(--zera-cyan) 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:36px;display:flex}.pomo-complete-title{margin-bottom:8px;font-size:20px;font-weight:800}.pomo-complete-subtitle{color:var(--zera-text-secondary);margin-bottom:20px;font-size:14px}.pomo-complete-stats{justify-content:center;gap:24px;margin-bottom:24px;display:flex}.pomo-complete-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.pomo-complete-stat-value{font-size:22px;font-weight:800}.pomo-complete-stat-label{color:var(--zera-text-secondary);font-size:12px;font-weight:600}.pomo-subjects{-webkit-overflow-scrolling:touch;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.pomo-subjects::-webkit-scrollbar{display:none}.pomo-subject-chip{background:var(--zera-card);color:var(--zera-text-secondary);border:1px solid var(--zera-border);white-space:nowrap;cursor:pointer;border-radius:100px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.pomo-subject-chip.active{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);border-color:#0000;box-shadow:0 0 16px #6d3df559}.pomo-timer-area{flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.pomo-phase-label{color:var(--zera-text-secondary);letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:700}.pomo-round-indicator{color:var(--zera-text-secondary);text-align:center;font-size:14px;font-weight:600}.pomo-controls{gap:12px;display:flex}.pomo-play-btn{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);cursor:pointer;border:none;border-radius:100px;padding:14px 40px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #6d3df566}.pomo-play-btn:active{transform:scale(.96);box-shadow:0 2px 10px #6d3df54d}.pomo-secondary-btn{background:var(--zera-card);color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:100px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .15s}.pomo-secondary-btn:active{background:var(--zera-bg-alt);transform:scale(.96)}.pomo-ready{flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.pomo-ready-icon{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));width:80px;height:80px;color:var(--zera-text);border-radius:50%;justify-content:center;align-items:center;font-size:36px;animation:2.5s ease-in-out infinite pulseGlow;display:flex;box-shadow:0 0 40px #6d3df566}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6d3df54d}50%{box-shadow:0 0 40px #6d3df580}}.pomo-ready-title{font-size:22px;font-weight:800}.pomo-ready-subtitle{color:var(--zera-text-secondary);font-size:14px}.pomo-ready-hint{color:var(--zera-text-secondary);opacity:.6;margin-top:8px;font-size:12px}.pomo-daily{padding:16px 0}.pomo-daily-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:16px;display:grid}.pomo-settings-toggle{background:var(--zera-card);width:100%;color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:14px;margin-top:16px;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.pomo-settings-toggle:active{background:var(--zera-bg-alt);transform:scale(.98)}.pomo-settings{margin-top:8px}.pomo-settings .btn-primary{margin-top:12px}.study-tabs{background:var(--zera-card);border-radius:14px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.study-tab{color:var(--zera-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:11px;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}.study-tab.active{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);box-shadow:0 2px 12px #6d3df54d}.study-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.study-subject-section{margin-bottom:16px}.study-section-title{margin-bottom:12px;font-size:15px;font-weight:800}.subject-selector{-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.subject-selector::-webkit-scrollbar{display:none}.subject-chip{background:var(--zera-card);color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.subject-chip.active{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);border-color:#0000;box-shadow:0 0 16px #6d3df559}.subject-chip-emoji{font-size:16px}.subject-chip-name{font-size:13px}.study-log-form{margin-bottom:12px;padding:16px}.study-quick-row{gap:8px;margin-bottom:12px;display:flex}.study-quick-btn{background:var(--zera-bg-alt);color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:12px;flex:1;padding:12px 8px;font-size:14px;font-weight:700;transition:all .15s}.study-quick-btn.active{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);border-color:#0000;box-shadow:0 2px 12px #6d3df54d}.study-quick-btn:active{transform:scale(.95)}.study-log-input{background:var(--zera-bg-alt);width:100%;color:var(--zera-text);border:1px solid var(--zera-border);box-sizing:border-box;border-radius:14px;outline:none;margin-bottom:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:border-color .2s}.study-log-input:focus{border-color:var(--zera-purple)}.study-log-input::placeholder{color:var(--zera-text-secondary);opacity:.6}.study-submit-btn{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));width:100%;color:var(--zera-text);cursor:pointer;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #6d3df566}.study-submit-btn:active{transform:scale(.97);box-shadow:0 2px 10px #6d3df54d}.study-submit-btn:disabled{opacity:.5;cursor:not-allowed}.badge-grid-section{padding:4px 0}.badge-grid-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.badge-grid-header h3{font-size:18px;font-weight:800}.badge-grid-count{color:var(--zera-text-secondary);font-size:14px;font-weight:700}.badge-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.badge-item{background:var(--zera-card);border:1px solid var(--zera-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;transition:all .2s;display:flex}.badge-item.unlocked{border-color:#0000;box-shadow:0 2px 12px #6d3df533}.badge-item.locked{opacity:.4;filter:grayscale(.8)}.badge-emoji{font-size:28px;line-height:1}.badge-title{color:var(--zera-text);font-size:11px;font-weight:800;line-height:1.2}.badge-desc{color:var(--zera-text-secondary);font-size:10px;line-height:1.3}.exams-view{padding:4px 0}.exams-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.exams-title{font-size:18px;font-weight:800}.exams-count{color:var(--zera-text-secondary);font-size:13px;font-weight:600}.exams-empty{text-align:center;padding:40px 20px}.exams-empty-icon{margin-bottom:12px;font-size:48px;display:block}.exams-list{flex-direction:column;gap:12px;display:flex}.exam-card{padding:16px}.exam-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.exam-card-emoji{flex-shrink:0;font-size:28px}.exam-card-info{flex:1;min-width:0}.exam-card-name{margin-bottom:2px;font-size:15px;font-weight:800;display:block}.exam-card-sub{color:var(--zera-text-secondary);font-size:12px;display:block}.exam-card-days{color:var(--zera-text);background:#ffffff14;border-radius:100px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700}.exam-card-days.urgent{background:linear-gradient(135deg, var(--zera-rose), var(--zera-orange));animation:1.5s infinite pulse}.exam-card-dates{flex-direction:column;gap:6px;display:flex}.exam-date-row{justify-content:space-between;align-items:center;display:flex}.exam-date-label{color:var(--zera-text-secondary);font-size:12px;font-weight:600}.exam-date-value{font-size:13px;font-weight:700}.exam-card-progress{margin-top:12px}.score-view{padding:4px 0}.score-view-title{margin-bottom:16px;font-size:18px;font-weight:800}.score-type-scroll{-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0 16px;display:flex;overflow-x:auto}.score-type-scroll::-webkit-scrollbar{display:none}.score-type-chip{background:var(--zera-card);color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.score-type-chip.active{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);border-color:#0000;box-shadow:0 0 16px #6d3df559}.score-type-emoji{font-size:16px}.score-net-card{margin-bottom:12px;padding:16px}.score-net-title{margin-bottom:16px;font-size:15px;font-weight:800}.score-net-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.score-net-field{flex-direction:column;gap:4px;display:flex}.score-net-label{color:var(--zera-text-secondary);font-size:12px;font-weight:600}.score-net-max{color:var(--zera-text-secondary);opacity:.6;font-size:11px}.score-net-input{background:var(--zera-bg-alt);width:100%;color:var(--zera-text);border:1px solid var(--zera-border);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-size:16px;font-weight:700;transition:border-color .2s}.score-net-input:focus{border-color:var(--zera-purple)}.score-net-input::placeholder{color:var(--zera-text-secondary);opacity:.5}.score-calc-btn{background:linear-gradient(135deg, var(--zera-green), var(--zera-cyan));width:100%;color:var(--zera-text);cursor:pointer;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:800;transition:transform .15s;box-shadow:0 4px 20px #20b97866}.score-calc-btn:active{transform:scale(.97)}.score-calc-btn:disabled{opacity:.5;cursor:not-allowed}.score-results{margin-top:16px}.score-results-title{margin-bottom:12px;font-size:16px;font-weight:800}.score-results-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score-result-card{text-align:center;padding:16px}.score-result-label{color:var(--zera-text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.score-result-value{font-size:22px;font-weight:800;display:block}.lb-view{padding:4px 0}.lb-view-title{margin-bottom:16px;font-size:18px;font-weight:800}.lb-period-tabs{background:var(--zera-card);border-radius:14px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.lb-period-tab{color:var(--zera-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}.lb-period-tab.active{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);box-shadow:0 2px 12px #6d3df54d}.lb-empty{text-align:center;padding:40px 20px}.lb-empty-icon{margin-bottom:12px;font-size:48px;display:block}.lb-list{flex-direction:column;gap:8px;display:flex}.lb-row{align-items:center;gap:12px;padding:14px 16px;display:flex}.lb-row.me{border:1px solid var(--zera-purple);box-shadow:0 0 16px #6d3df533}.lb-row-rank{text-align:center;flex-shrink:0;width:36px;font-size:20px}.lb-rank-number{color:var(--zera-text-secondary);font-size:16px;font-weight:800}.lb-row-info{flex:1;min-width:0}.lb-row-name{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.lb-row-me-badge{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.lb-row-stats{text-align:right;flex-shrink:0}.lb-row-time{font-size:14px;font-weight:800;display:block}.lb-row-questions{color:var(--zera-text-secondary);font-size:11px;display:block}.topics-view{padding:4px 0}.topics-view-title{margin-bottom:16px;font-size:18px;font-weight:800}.topics-list{flex-direction:column;gap:8px;display:flex}.topic-card{padding:0;transition:all .2s;overflow:hidden}.topic-card.open{box-shadow:0 2px 16px #6d3df526}.topic-toggle{width:100%;color:var(--zera-text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.topic-title{flex:1;font-size:14px;font-weight:700}.topic-arrow{color:var(--zera-text-secondary);font-size:12px;transition:transform .2s}.topic-content{padding:0 16px 16px}.topic-text{color:var(--zera-text-secondary);white-space:pre-wrap;word-wrap:break-word;background:var(--zera-bg-alt);border-radius:10px;margin:0;padding:12px;font-family:inherit;font-size:13px;line-height:1.6}.profile-view{padding:4px 0}.profile-user-info{align-items:center;gap:14px;margin-bottom:12px;padding:16px 20px;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--zera-border-strong);border-radius:50%;flex-shrink:0;width:56px;height:56px}.profile-avatar-placeholder{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex}.profile-user-text{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-user-name{color:var(--zera-text);font-size:18px;font-weight:700}.profile-user-id{color:var(--zera-text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.profile-streak-hero{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));text-align:center;border-radius:20px;margin-bottom:16px;padding:28px 20px;box-shadow:0 4px 24px #6d3df54d}.profile-streak-flame{margin-bottom:8px;font-size:40px;animation:2s ease-in-out infinite pulseGlow}.profile-streak-number{margin-bottom:4px;font-size:56px;font-weight:900;line-height:1}.profile-streak-label{opacity:.9;margin-bottom:8px;font-size:14px;font-weight:700}.profile-streak-msg{opacity:.8;margin-bottom:20px;font-size:13px}.profile-streak-row{justify-content:center;align-items:center;gap:24px;margin-bottom:16px;display:flex}.profile-streak-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.profile-streak-stat-icon{font-size:16px}.profile-streak-stat-value{font-size:16px;font-weight:800}.profile-streak-stat-label{opacity:.8;font-size:11px}.profile-streak-divider{background:#ffffff4d;width:1px;height:32px}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.profile-subjects{margin-bottom:12px;padding:16px}.profile-section-title{margin-bottom:16px;font-size:15px;font-weight:800}.profile-empty{text-align:center;padding:24px 16px}.profile-empty-icon{margin-bottom:8px;font-size:36px;display:block}.profile-empty p{color:var(--zera-text-secondary);margin:0;font-size:14px}.profile-empty-hint{opacity:.7;font-size:12px;margin-top:4px!important}.profile-subject-list{flex-direction:column;gap:12px;display:flex}.profile-subject-row{flex-direction:column;gap:6px;display:flex}.profile-subject-info{align-items:center;gap:8px;display:flex}.profile-subject-rank{color:var(--zera-text-secondary);width:24px;font-size:11px;font-weight:700}.profile-subject-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.profile-subject-name{flex:1;font-size:13px;font-weight:600}.profile-subject-count{color:var(--zera-text);font-size:13px;font-weight:800}.profile-settings{padding:16px}.profile-pomo{flex-direction:column;gap:12px;display:flex}.profile-pomo-row{justify-content:space-between;align-items:center;display:flex}.profile-pomo-label{font-size:14px;font-weight:600}.profile-pomo-ctl{align-items:center;gap:12px;display:flex}.profile-pomo-btn{background:var(--zera-bg-alt);width:32px;height:32px;color:var(--zera-text);border:1px solid var(--zera-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .15s;display:flex}.profile-pomo-btn:active{background:var(--zera-card);transform:scale(.9)}.profile-pomo-value{text-align:center;min-width:50px;font-size:14px;font-weight:800}.profile-save-btn{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));width:100%;color:var(--zera-text);cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:12px;font-size:14px;font-weight:700;transition:transform .15s;box-shadow:0 2px 12px #6d3df54d}.profile-save-btn:active{transform:scale(.97)}.daily-progress-header{justify-content:space-between;align-items:center;display:flex}.daily-progress-settings-btn{background:var(--zera-card);width:32px;height:32px;color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.daily-progress-settings-btn:active{background:var(--zera-bg-alt);transform:scale(.9)}.weekly-goal-editor{border-top:1px solid var(--zera-border);flex-direction:column;gap:10px;margin-bottom:8px;padding:12px 0;display:flex}.weekly-goal-row{justify-content:space-between;align-items:center;display:flex}.weekly-goal-label{font-size:13px;font-weight:600}.weekly-goal-ctl{align-items:center;gap:8px;display:flex}.weekly-goal-value{text-align:center;min-width:50px;font-size:13px;font-weight:800}.sw-view{padding:12px 0}.sw-presets{margin-bottom:20px}.sw-presets-label{color:var(--zera-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:13px;font-weight:700}.sw-presets-row{-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.sw-presets-row::-webkit-scrollbar{display:none}.sw-preset-chip{background:var(--zera-card);color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:100px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.sw-preset-chip.active{background:linear-gradient(135deg, var(--zera-green), var(--zera-cyan));color:var(--zera-text);border-color:#0000;box-shadow:0 0 16px #20b97859}.sw-timer-area{flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.sw-timer-circle{transition:all .3s}.sw-timer-circle.running{filter:drop-shadow(0 0 20px #20b9784d)}.sw-countdown-info{align-items:center;gap:12px;display:flex}.sw-countdown-label{color:var(--zera-text-secondary);font-size:13px;font-weight:600}.sw-countdown-separator{color:var(--zera-border-strong)}.sw-hint{color:var(--zera-text-secondary);text-align:center;font-size:13px;line-height:1.6}.sw-controls{justify-content:center;gap:12px;padding:8px 0 24px;display:flex}.sw-play-btn{background:linear-gradient(135deg, var(--zera-green), var(--zera-cyan));color:var(--zera-text);cursor:pointer;border:none;border-radius:100px;padding:14px 40px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #20b97866}.sw-play-btn:active{transform:scale(.96);box-shadow:0 2px 10px #20b9784d}.sw-play-btn.pause{background:linear-gradient(135deg, var(--zera-orange), var(--zera-yellow));box-shadow:0 4px 20px #ff8a0066}.sw-save-btn{background:linear-gradient(135deg, var(--zera-purple), var(--zera-pink));color:var(--zera-text);cursor:pointer;border:none;border-radius:100px;padding:14px 28px;font-size:14px;font-weight:700;transition:transform .15s;box-shadow:0 4px 20px #6d3df566}.sw-save-btn:active{transform:scale(.96)}.sw-reset-btn{background:var(--zera-card);width:48px;height:48px;color:var(--zera-text-secondary);border:1px solid var(--zera-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex}.sw-reset-btn:active{background:var(--zera-bg-alt);transform:scale(.92)}.sw-info{margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:1.5s infinite pulse}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:800}.font-medium{font-weight:600}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.hidden{display:none!important}@media (width>=480px){.app{max-width:430px;margin:0 auto}.hero{padding:24px}.hero-countdown-unit strong{font-size:40px}.hero-countdown-unit{min-width:64px}.profile-streak-number{font-size:72px}.badge-grid{grid-template-columns:1fr 1fr 1fr 1fr}.score-net-grid{grid-template-columns:1fr 1fr 1fr}}@media (width>=768px){.app{max-width:480px}.hero-countdown-unit strong{font-size:48px}.hero-countdown-unit{min-width:72px}.hero-countdown-separator{font-size:32px}}.pomo-play-btn,.sw-play-btn,.sw-save-btn,.study-submit-btn,.score-calc-btn,.profile-save-btn{position:relative;overflow:hidden}.pomo-play-btn:after,.sw-play-btn:after,.sw-save-btn:after,.study-submit-btn:after,.score-calc-btn:after,.profile-save-btn:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff4d 0, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.pomo-play-btn:active:after,.sw-play-btn:active:after,.sw-save-btn:active:after,.study-submit-btn:active:after,.score-calc-btn:active:after,.profile-save-btn:active:after{opacity:1}.card{transition:transform .15s,box-shadow .15s}.card:active{transform:scale(.98)}.notif-card,.notif-time-card,.notif-info-card{transition:none}.notif-card:active,.notif-time-card:active,.notif-info-card:active{transform:none}@keyframes badgeUnlock{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.badge-item.unlocked{animation:.4s forwards badgeUnlock}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-streak-flame{animation:2s ease-in-out infinite streakPulse}.study-tab,.lb-period-tab{position:relative;overflow:hidden}.progress-track .progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.fade-in{animation:.3s forwards fadeIn}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--zera-card) 0, var(--zera-bg-alt) 50%, var(--zera-card) 100%);background-size:200px 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--zera-purple);outline-offset:2px}.subject-selector,.score-type-scroll,.sw-presets-row{display:none}.pomo-subjects::-webkit-scrollbar{display:none}.notif-view{padding:16px var(--zera-gap)}.notif-hero{text-align:center;padding:28px 0 20px}.notif-hero-icon{margin-bottom:8px;font-size:48px}.notif-hero-title{color:var(--zera-text);margin:0 0 4px;font-size:22px;font-weight:700}.notif-hero-sub{color:var(--zera-text-secondary);margin:0;font-size:14px}.notif-switch-row{background:var(--zera-card);border:1px solid var(--zera-border);border-radius:var(--zera-radius-lg);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.notif-switch-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-switch-label{color:var(--zera-text);font-size:15px;font-weight:600}.notif-switch-desc{color:var(--zera-text-secondary);font-size:12px}.notif-switch{cursor:pointer;border:none;border-radius:14px;flex:none;width:52px;height:28px;padding:0;transition:background .2s;position:relative}.notif-switch.off{background:#ffffff1f}.notif-switch.on{background:var(--zera-green)}.notif-switch-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.notif-switch.on .notif-switch-knob{left:27px}.notif-status-card{margin-bottom:16px}.notif-status-row{align-items:center;gap:10px;display:flex}.notif-status-dot{background:var(--zera-green);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.notif-status-text{color:var(--zera-text-secondary);font-size:14px}.notif-status-text strong{color:var(--zera-green)}.notif-toast{background:var(--zera-green);color:#fff;border-radius:var(--zera-radius);z-index:9999;text-align:center;max-width:90vw;padding:12px 24px;font-size:14px;font-weight:600;animation:.25s toast-in,.3s 2s forwards toast-out;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(16px)}}.notif-toggle.off .notif-toggle-knob{transform:translate(3px)}.notif-time-card{margin-bottom:16px}.notif-time-title{margin:0 0 16px}.notif-time-picker{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.notif-time-col{flex-direction:column;align-items:center;gap:6px;display:flex}.notif-stepper-btn{border:1px solid var(--zera-border);background:var(--zera-bg-alt);width:48px;height:36px;color:var(--zera-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.notif-stepper-btn:active{background:var(--zera-card)}.notif-time-value{color:var(--zera-text);font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-size:42px;font-weight:700;line-height:1}.notif-time-sep{color:var(--zera-text-secondary);margin-top:-16px;font-size:42px;font-weight:700}.notif-save-btn{width:100%;margin-top:4px}.notif-info-card{margin-bottom:16px}.notif-info-card h3{margin:0 0 8px}.notif-info-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notif-info-list li{color:var(--zera-text-secondary);padding-left:16px;font-size:13px;position:relative}.notif-info-list li:before{content:"•";color:var(--zera-purple);position:absolute;left:0}.drawer-backdrop{z-index:1000;background:#0009;animation:.15s fade-in;position:fixed;inset:0}.drawer{background:var(--zera-bg-alt);z-index:1001;flex-direction:column;width:280px;height:100%;animation:.2s drawer-in;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.drawer-logo{font-size:32px}.drawer-avatar{object-fit:cover;border:2px solid var(--zera-border-strong);border-radius:50%;flex-shrink:0;width:44px;height:44px}.drawer-brand{color:var(--zera-text);font-size:18px;font-weight:700}.drawer-sub{color:var(--zera-text-secondary);font-size:12px}.drawer-divider{background:var(--zera-border);height:1px;margin:4px 16px}.drawer-list{margin:0;padding:8px 0;list-style:none}.drawer-list li button{width:100%;color:var(--zera-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.drawer-list li button span{text-align:center;width:24px;font-size:18px}.drawer-list li button:active,.drawer-list li button:hover{color:var(--zera-text);background:#6d3df51a}.drawer-list li button.active{color:var(--zera-purple);background:#6d3df526;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}