:root{color-scheme:dark;--bg:#101a18;--panel:#1a2925;--panel2:#20342e;--stroke:#355047;--text:#ecf2ed;--muted:#a9c0b6;--accent:#a9d795;--gold:#eacb85;--warn:#ffb3ab}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Roboto,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
.shell{max-width:900px;margin:0 auto;min-height:100vh}
.masthead{position:sticky;top:0;z-index:2;background:#111d1acc;backdrop-filter:blur(12px);padding:18px 16px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);gap:12px}
.brand{display:flex;align-items:center;gap:10px}.brand-symbol{color:var(--accent);font-size:34px}.brand small{font-size:10px;letter-spacing:.17em;color:var(--muted)}h1{font-size:21px;line-height:1.1;margin:1px 0 0}h1 span{color:var(--accent)}.version{font-size:10px;color:var(--gold);border:1px solid #725f3d;border-radius:999px;padding:5px 8px;white-space:nowrap}
.content{padding:22px 14px 120px;display:grid;align-content:start;gap:16px}.content:focus{outline:none}
h2,h3,p{margin-top:0}h2{font-size:27px;line-height:1.2;margin-bottom:10px}h3{font-size:17px;margin-bottom:7px}p{color:var(--muted);margin-bottom:0}
.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:20px}
.hero{background:linear-gradient(140deg,#203c2f,#1c2924)}.hero h2{font-size:30px;max-width:450px}.eyebrow,.kicker{letter-spacing:.12em;font-size:11px;color:var(--accent);text-transform:uppercase;font-weight:700;margin:0 0 9px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--stroke);border-radius:16px;padding:17px;background:var(--panel)}.stat-label{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:31px;margin:8px 0;color:var(--text)}.stat small{font-size:11px;color:var(--muted)}
.section-title{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.feature{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--stroke);border-radius:15px;background:var(--panel);margin-top:10px}.feature h3{margin:0 0 4px}.feature p{font-size:13px}.symbol{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--panel2);color:var(--accent);font-size:25px}.feature-text{flex:1;min-width:0}.chip{font-size:10px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted);padding:5px 7px;white-space:nowrap}
.page-header .kicker{margin-bottom:7px}
.fieldbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}input,select{width:100%;min-width:0;padding:12px 10px;border:1px solid #526d62;border-radius:10px;background:#111f1b;color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}
.empty{text-align:center;padding:35px 18px}.empty-icon{font-size:37px;color:var(--accent);margin-bottom:14px}.record{padding:14px;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;margin-bottom:9px}.record h3{margin-bottom:3px}
.notice{border-left:3px solid var(--gold);padding:12px 13px;background:#2e2a20;border-radius:5px;font-size:13px}.notice strong{color:var(--gold)}
.status-row{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--stroke);padding:12px 0}.status-row:first-of-type{margin-top:12px}.status-row span:last-child{color:var(--accent);text-align:right}.status-row .error{color:var(--warn)!important}
.bottom-nav{position:fixed;z-index:3;bottom:0;left:0;right:0;max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 6px max(9px,env(safe-area-inset-bottom));background:#15221eee;border-top:1px solid var(--stroke);backdrop-filter:blur(12px)}
.nav{border:0;color:var(--muted);background:transparent;border-radius:12px;display:grid;gap:2px;justify-items:center;padding:8px 3px;font-size:11px;min-height:53px}.nav span{font-size:23px;line-height:1}.nav.active{background:var(--panel2);color:var(--accent)}.nav:focus-visible{outline:2px solid var(--accent)}
@media(min-width:680px){.content{padding:28px 24px 130px}.masthead{padding-left:24px;padding-right:24px}.hero{padding:32px}}
@media(max-width:380px){.version{font-size:9px}.brand small{font-size:9px}h1{font-size:19px}.fieldbar{grid-template-columns:1fr}}

/* Global Minecraft Day control (v0.2) */
.day-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}
.day-heading h2{margin:0}
.day-heading .eyebrow{margin-bottom:7px}
.day-saved{display:grid;gap:3px;text-align:right;min-width:76px}
.day-saved span{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.day-saved strong{font-size:23px;color:var(--accent);line-height:1.2}
.day-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:11px;margin-top:18px}
.day-input-group{display:grid;gap:6px}
.day-input-group label{font-size:12px;color:var(--muted)}
.day-input-group input{min-height:48px;font-size:19px;font-weight:650}
.day-submit{min-height:48px;background:var(--accent);color:#152419;border:0;border-radius:12px;font-weight:750;padding:10px 18px}
.day-submit:disabled{opacity:.55;cursor:not-allowed}
.day-submit:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.day-feedback{font-size:12px;line-height:1.45;color:var(--muted);margin-top:12px;min-height:18px}
@media(max-width:390px){.day-form{grid-template-columns:1fr}.day-submit{width:100%}}