:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070b;color:#f5f7fb}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#05070b;color:#f5f7fb}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at top left,rgba(124,58,237,.22),transparent 38%),linear-gradient(135deg,#05070b,#0d111a)}.hero-card,.tracker-card{width:min(100%,1040px);border:1px solid hsla(0,0%,100%,.12);border-radius:28px;padding:40px;background:rgba(8,12,20,.82);box-shadow:0 24px 80px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.8rem;color:#8c9bbd;margin-bottom:12px}h1{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.05;margin:0 0 16px}h2,h3{margin:0}.hero-copy,.history-header p,.metric-caption{color:#8c9bbd;line-height:1.6}.editor-actions,.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.primary-link,.secondary-link{border-radius:999px;padding:12px 18px;border:1px solid hsla(0,0%,100%,.16);background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;cursor:pointer}.secondary-link{background:transparent}.tracker-shell{align-items:flex-start}.tracker-header{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.status-pill{border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);padding:10px 14px;border-radius:999px;color:#8c9bbd}.tracker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.editor-card,.history-card,.metric-card{border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:20px;background:hsla(0,0%,100%,.03)}.metric-card h2{font-size:2rem;margin:8px 0}.metric-label{margin:0;color:#8c9bbd}.progress-block{margin:20px 0}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar{height:10px;border-radius:999px;background:hsla(0,0%,100%,.1);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#38bdf8)}.history-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-gap:8px;gap:8px;color:#dce5f8;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.08);align-items:center}.history-progress-cell{display:flex;align-items:center;gap:8px;min-width:180px}.compact-progress-bar{height:8px;flex:1 1}.auth-form,.editor-form{display:grid;grid-gap:12px;gap:12px}label{display:grid;grid-gap:8px;gap:8px;color:#dce5f8}input{padding:12px 14px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:#fff}.editor-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(3,6,12,.78);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal-card{width:min(100%,420px);border-radius:24px;border:1px solid hsla(0,0%,100%,.12);background:rgba(8,12,20,.97);padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}@media (max-width:760px){.editor-row,.history-row,.tracker-grid{grid-template-columns:1fr}.hero-card,.tracker-card{padding:24px}}