:root{font:16px system-ui;color:#e8f5f3;background:#071f29;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:48px 24px}header{padding-bottom:28px}.eyebrow{color:#6be9b9;font-size:.8rem;letter-spacing:.15em;font-weight:800}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:18px 0}header p,footer,.note{color:#a8c1c6;line-height:1.6}a{color:#76edc2}.controls{display:flex;gap:16px;flex-wrap:wrap;background:#10333e;padding:20px;border-radius:14px}label{flex:1;min-width:190px;font-size:.8rem;color:#b5d1d3}select{display:block;width:100%;background:#08232e;color:#fff;border:1px solid #35616d;border-radius:8px;padding:12px;margin-top:8px}#summary{font-size:1.2rem;font-weight:750;margin:26px 0 8px}.note{font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px;margin:24px 0}.card{background:#10313d;border:1px solid #28515e;border-radius:16px;padding:22px;display:flex;flex-direction:column;min-height:310px}.card.done{border-color:#69d6ac;background:linear-gradient(140deg,#153f40,#10313d)}.icon{font-size:2.1rem}.card h2{font-size:1.15rem;margin:15px 0 8px}.card p{font-size:.9rem;color:#bdd0d5;line-height:1.5}.tag{font-size:.73rem;letter-spacing:.06em;color:#74dfb8}.progress{margin-top:auto}progress{width:100%;height:8px;accent-color:#73e6b7}.meta{font-size:.8rem;color:#b0cbd0;margin-top:8px}.reward{color:#7af0bd;font-weight:700}footer{font-size:.8rem;border-top:1px solid #234956;padding-top:18px}#status{color:#f0d691}