:root{--surface:#fff;--surface-alt:#f7f8fa;--text:#1f2937;--muted:#64748b;--line:#d6dbe3;--accent:#1d4ed8;--jp:#fee2e2;--math:#dbeafe;--eng:#ede9fe;--soc:#fef9c3;--sci:#dcfce7;--other:#e5e7eb}*{box-sizing:border-box}body{margin:0;padding-bottom:76px;background:var(--surface-alt);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:has(dialog[open]){overflow:hidden}.app-header{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}h1,h2,h3,p{margin:0 0 10px}.subtitle,.help,.message{color:var(--muted);line-height:1.6}main{padding:12px;max-width:1120px;margin:auto}.hidden{display:none!important}.card,.day-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px;margin-bottom:12px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;cursor:pointer}.btn.primary,.btn.active{border-color:var(--accent);color:var(--accent);font-weight:700}.form-grid{display:grid;gap:10px}input,select,textarea{width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--surface);color:var(--text);font-size:16px}textarea{min-height:80px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent;color:var(--text);padding:8px}.bottom-nav svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.week-controls{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.timetable-note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:10px;padding:10px;line-height:1.6}.week-grid{display:grid;gap:12px}.day-title{font-weight:700;margin-bottom:8px}.period-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.period-item{border:1px solid var(--line);border-radius:8px;padding:9px;display:flex;justify-content:space-between}.special-schedule-note{white-space:pre-line;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--surface-alt)}.bang{display:inline-block;border:1px solid currentColor;border-radius:50%;width:1.35em;text-align:center;color:#dc2626}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.photo-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--surface)}.photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.large-photo{max-width:100%;max-height:70vh}.todo-list{list-style:none;padding:0;display:grid;gap:8px}.todo-list li{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px}.todo-list li.done{opacity:.55;text-decoration:line-through}.modal{border:1px solid var(--line);border-radius:12px;width:min(620px,94vw);background:var(--surface);color:var(--text)}.modal::backdrop{background:rgba(31,41,55,.35)}.link-list{padding-left:20px}a{color:#1e40af}.bg-jp{background:var(--jp)}.bg-math{background:var(--math)}.bg-eng{background:var(--eng)}.bg-soc{background:var(--soc)}.bg-sci{background:var(--sci)}.bg-other{background:var(--other)}
@media(min-width:768px){.week-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.week-grid{grid-template-columns:repeat(5,1fr)}}@media(prefers-color-scheme:dark){:root{--surface:#111827;--surface-alt:#0b1220;--text:#e5e7eb;--muted:#94a3b8;--line:#334155;--accent:#93c5fd;--jp:#4b2020;--math:#17345f;--eng:#32285c;--soc:#4a3d16;--sci:#183d2a;--other:#293241}.timetable-note{background:#10233f;color:#bfdbfe;border-color:#1e3a8a}a{color:#93c5fd}}