:root{--bg:#060816;--bg2:#0a0f22;--panel:rgba(10,16,35,.72);--panel-strong:rgba(11,18,40,.9);--line:rgba(130,170,255,.16);--text:#e9f2ff;--muted:#9db0d0;--cyan:#66e3ff;--sky:#7cb8ff;--violet:#9d7cff;--emerald:#6cffb7;--pink:#ff77da;--gold:#ffd970;--danger:#ff7d98;--shadow:0 18px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;background:radial-gradient(circle at top,rgba(102,227,255,.1),transparent 30%),radial-gradient(circle at 80% 20%,rgba(157,124,255,.16),transparent 26%),linear-gradient(180deg,var(--bg) 0,var(--bg2) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100%}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{position:relative;min-height:100vh;overflow:hidden}.grid-overlay{inset:0;background-image:linear-gradient(rgba(124,184,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(124,184,255,.06) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent)}.bg-orb,.grid-overlay{position:absolute;pointer-events:none}.bg-orb{border-radius:999px;filter:blur(60px);opacity:.35}.bg-orb-one{width:280px;height:280px;background:var(--cyan);top:40px;left:-40px}.bg-orb-two{width:320px;height:320px;background:var(--violet);right:-60px;top:180px}.app-wrap{position:relative;z-index:1;width:min(1200px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.hero-card,.mini-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{border-radius:28px;padding:24px;margin-bottom:18px}.hero-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;font-weight:700}.eyebrow.soft{color:var(--muted)}.dot{width:7px;height:7px;border-radius:999px;background:var(--emerald);box-shadow:0 0 20px var(--emerald)}.title{margin:0;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95;letter-spacing:-.04em}.subtitle{margin:14px 0 0;max-width:740px;color:var(--muted);font-size:1rem;line-height:1.65}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:22px}.stat{border:1px solid var(--line);border-radius:20px;background:hsla(0,0%,100%,.03);padding:14px}.stat-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.stat-value{font-size:1.4rem;font-weight:800}.dashboard{display:grid;grid-template-columns:1.4fr .9fr;grid-gap:18px;gap:18px}.panel{border-radius:28px;padding:22px}.panel-main{min-width:0}.panel-side{display:grid;grid-gap:18px;gap:18px;align-content:start;background:transparent;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.mini-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mini-head h3,.panel-head h2{margin:0;font-size:1.05rem}.mini-tag,.status-pill{border-radius:999px;padding:8px 12px;border:1px solid var(--line);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mini-tag{color:var(--muted);background:hsla(0,0%,100%,.03)}.tone-sky{color:var(--sky);background:rgba(124,184,255,.14)}.tone-emerald{color:var(--emerald);background:rgba(108,255,183,.14)}.tone-cyan{color:var(--cyan);background:rgba(102,227,255,.14)}.tone-violet{color:var(--violet);background:rgba(157,124,255,.14)}.tone-pink{color:var(--pink);background:rgba(255,119,218,.14)}.tone-gold{color:var(--gold);background:rgba(255,217,112,.14)}.field-grid{display:grid;grid-template-columns:1.4fr .8fr;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:8px;gap:8px}.field span{color:var(--muted);font-size:.86rem}.field input,.task-entry input,textarea{width:100%;border:1px solid var(--line);background:rgba(6,10,24,.82);color:var(--text);border-radius:16px;padding:14px 15px;outline:none}.field input:focus,.task-entry input:focus,textarea:focus{border-color:rgba(102,227,255,.5);box-shadow:0 0 0 4px rgba(102,227,255,.08)}.progress-block{margin-top:18px;padding:16px;border-radius:22px;border:1px solid var(--line);background:hsla(0,0%,100%,.03)}.progress-row{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;color:var(--muted)}.progress-bar{width:100%;height:14px;margin-top:12px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.06);border:1px solid var(--line)}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 22px rgba(102,227,255,.45);transition:width .35s ease}.progress-copy{margin:12px 0 0;color:var(--text);line-height:1.6}.task-entry{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin-top:18px}.btn,.task-entry button{border:0;border-radius:16px;padding:14px 16px;font-weight:800;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.btn:hover,.task-entry button:hover{transform:translateY(-1px)}.task-entry button{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#07111e;box-shadow:0 8px 28px rgba(102,227,255,.22)}.tasks{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.task{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:14px;border-radius:18px;border:1px solid var(--line);background:hsla(0,0%,100%,.03)}.task-done{opacity:.88}.check{width:28px;height:28px;border-radius:999px;border:1px solid rgba(102,227,255,.35);background:hsla(0,0%,100%,.02);color:#fff;font-weight:900;display:grid;place-items:center;padding:0}.check-on{background:linear-gradient(135deg,var(--emerald),var(--cyan));color:#07111e;box-shadow:0 0 24px rgba(108,255,183,.22)}.task-copy span{display:block;line-height:1.5}.task-done .task-copy span{text-decoration:line-through;color:var(--muted)}.remove-btn{border:0;background:transparent;color:var(--danger);font-size:1.35rem;line-height:1;padding:4px 6px}.empty-state{color:var(--muted);border:1px dashed var(--line);border-radius:18px;padding:16px;text-align:center}.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#07111e;box-shadow:0 8px 28px rgba(102,227,255,.22)}.btn-secondary{background:hsla(0,0%,100%,.04);color:var(--text);border:1px solid var(--line)}.mini-card{border-radius:24px;padding:18px}.report{margin:0;color:var(--text);line-height:1.7}textarea{min-height:140px;resize:vertical}.session-stats{display:grid;grid-gap:10px;gap:10px}.session-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(130,170,255,.12)}.session-row:last-child{border-bottom:0}.session-row span,.system-list{color:var(--muted)}.system-list{margin:0;padding-left:18px;line-height:1.8}@media (max-width:980px){.dashboard,.field-grid{grid-template-columns:1fr}}@media (max-width:640px){.app-wrap{width:min(100% - 18px,1200px);padding:16px 0 30px}.hero-card,.mini-card,.panel{border-radius:22px}.hero-card,.panel{padding:18px}.hero-stats{grid-template-columns:1fr 1fr}.task-entry{grid-template-columns:1fr}.actions{flex-direction:column}.btn,.task-entry button{width:100%}}