:root{--green:#22c55e;--red:#ef4444;--gray:#e5e7eb;--bg:#f8fafc;--text:#1e293b;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:480px;margin:0 auto;padding:24px 16px 60px}h1{font-size:22px;margin:0 0 4px}.subtitle{color:#64748b;font-size:14px;margin:0 0 20px}.gate{max-width:320px;margin:80px auto;padding:24px;background:var(--card);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);text-align:center}.gate input{width:100%;padding:10px;margin:12px 0;border:1px solid var(--gray);border-radius:8px;font-size:16px}.today-card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:20px}.today-status{font-size:14px;color:#64748b;margin-bottom:12px}.btn-row{display:flex;gap:10px}button{cursor:pointer;border:none;border-radius:10px;font-size:15px;font-weight:600;padding:12px;flex:1 1}.btn-taken{background:var(--green);color:#fff}.btn-missed{background:var(--red);color:#fff}.btn-clear{background:var(--gray);color:var(--text);flex:0 0 auto;padding:12px 16px}.cal-card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-nav button{flex:none;background:var(--gray);padding:6px 12px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cal-dow{text-align:center;font-size:11px;color:#94a3b8;font-weight:600}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;background:var(--gray);color:var(--text);border:2px solid transparent}.cal-day.taken{background:var(--green);color:#fff}.cal-day.missed{background:var(--red);color:#fff}.cal-day.today{border-color:#1e293b}.cal-day.empty{background:transparent}.legend{display:flex;gap:16px;justify-content:center;margin-top:14px;font-size:12px;color:#64748b}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.hint{text-align:center;font-size:12px;color:#94a3b8;margin-top:16px}