:root{--bg:#f6f7fb;--sf:#fff;--ink:#1d2140;--mu:#5d6385;--ac:#4b3fd1;--acf:#fff;--mk:#f2b632;--ln:#dcdff0;--ok:#1d8a5b;--bad:#c4372f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141630;--sf:#1e2144;--ink:#eceefb;--mu:#a3a8cf;--ac:#9a90ff;--acf:#141630;--ln:#32366a;--ok:#4fcf97;--bad:#ff8a80;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#141630;--sf:#1e2144;--ink:#eceefb;--mu:#a3a8cf;--ac:#9a90ff;--acf:#141630;--ln:#32366a;--ok:#4fcf97;--bad:#ff8a80;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.logo{font-family:Georgia,"Times New Roman",serif;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0}
a{color:var(--ac)}.w{max-width:1000px;margin:0 auto;padding:0 18px}
header{border-bottom:1px solid var(--ln);background:var(--sf)}header .w{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding-top:12px;padding-bottom:12px}
.logo{font-size:1.35rem;font-weight:700;text-decoration:none;color:var(--ink);margin-right:auto}.logo b{background:linear-gradient(transparent 60%,var(--mk) 60%)}
nav a{margin-right:14px;text-decoration:none;color:var(--mu);font-weight:600}nav a.on,nav a:hover{color:var(--ac)}
main{padding:28px 0 48px;min-height:70vh}footer{border-top:1px solid var(--ln);padding:22px 0;color:var(--mu);font-size:.9rem}footer a{margin-right:14px}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:16px;margin:0 0 16px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.stat{font:700 1.8rem Georgia,serif}.lbl{color:var(--mu);font-size:.85rem}
input,select,textarea,button{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--ln);border-radius:7px;padding:8px 10px;max-width:100%}
textarea{width:100%;min-height:170px}button{cursor:pointer;background:var(--ac);color:var(--acf);border:0;font-weight:600}button.s{background:var(--bg);color:var(--ink);border:1px solid var(--ln)}
:focus-visible{outline:3px solid var(--mk);outline-offset:2px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0}.row label{display:flex;flex-direction:column;font-size:.8rem;color:var(--mu)}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.tabs button{background:var(--sf);color:var(--ink);border:1px solid var(--ln)}.tabs button.on{background:var(--ac);color:var(--acf)}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}td,th{padding:6px 8px;border-bottom:1px solid var(--ln);text-align:left}
.bar{height:12px;background:var(--ln);border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ac)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:.78rem}.cal div{min-height:58px;border:1px solid var(--ln);border-radius:5px;padding:3px;overflow:hidden}.cal .h{min-height:0;border:0;color:var(--mu);text-align:center}.cal em{display:block;background:var(--mk);color:#1d2140;border-radius:3px;padding:0 3px;margin-top:2px;font-style:normal}.cal .t{border-color:var(--ac)}
.up{color:var(--ok);font-weight:700}.dn{color:var(--bad);font-weight:700}.mu{color:var(--mu)}
#cb{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:560px;margin:auto;z-index:9;box-shadow:0 6px 30px #0004}
.hero{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center}