:root{--chalk-bg:#26362f;--chalk-bg-2:#2e4038;--paper:#fbf7ee;--paper-2:#f3eedf;--ink:#2a2a26;--chalk-white:#eeeae0;--red-ink:#b23a2e;--red-ink-dark:#8f2e24;--gold:#c9a227;--muted:#8b8f87;--line:#d8d2c0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--chalk-bg);color:var(--ink);background-image:radial-gradient(#ffffff06 1px,#0000 1px),radial-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,11px 11px;background-size:34px 34px,22px 22px;min-height:100vh;font-family:Inter,sans-serif}button,input{font-family:inherit}.wrap{max-width:1080px;margin:0 auto;padding:28px 16px 60px}.topbar{color:#eeeae080;letter-spacing:.5px;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:10px;font-family:Space Mono,monospace;font-size:11px;display:flex}.topbar b{color:var(--chalk-white)}.topbar button{color:var(--chalk-white);cursor:pointer;background:0 0;border:1px solid #eeeae04d;border-radius:999px;padding:3px 12px;font-family:Space Mono,monospace;font-size:11px;transition:background .15s}.topbar button:hover{background:#eeeae026}.masthead{border-bottom:2px solid #eeeae040;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:26px;padding-bottom:16px;display:flex}.masthead h1{color:var(--chalk-white);letter-spacing:.5px;margin:0;font-family:Space Mono,monospace;font-size:26px;font-weight:700}.masthead .sub{color:#eeeae08c;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-family:Space Mono,monospace;font-size:12px}.tab-switch{background:#0000002e;border:1px solid #eeeae033;border-radius:999px;gap:8px;padding:5px;display:flex}.tab-switch button{color:#eeeae099;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 18px;font-family:Space Mono,monospace;font-size:13px;transition:background .15s,color .15s}.tab-switch button:hover{background:#eeeae01a}.tab-switch button.active{background:var(--red-ink);color:#fff}.search-bar{margin-bottom:22px;position:relative}.search-bar input{width:100%;color:var(--chalk-white);background:#0000002e;border:1px solid #eeeae033;border-radius:999px;padding:12px 18px;font-family:Inter,sans-serif;font-size:15px}.search-bar input::placeholder{color:#eeeae066}.search-bar input:focus{border-color:var(--gold);outline:none}.search-results{background:var(--paper);z-index:1100;border-radius:12px;max-height:320px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #0000004d}.search-empty{color:var(--muted);padding:14px;font-size:13px;font-style:italic}.search-result{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px 10px;font-size:14px;display:flex}.search-result:hover{background:var(--paper-2)}.search-result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.search-result-grade{color:var(--muted);flex-shrink:0;font-size:12px}.week-nav{background:#0000002e;border:1px solid #eeeae033;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:10px 14px;display:flex}.week-nav button{color:var(--chalk-white);cursor:pointer;background:0 0;border:1px solid #eeeae040;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:22px;transition:background .15s}.week-nav button:hover{background:#eeeae026}.week-nav-info{text-align:center;flex:1}.week-nav-range{color:var(--chalk-white);font-family:Space Mono,monospace;font-size:16px}.week-nav-total{color:#eeeae099;margin-top:4px;font-family:Space Mono,monospace;font-size:12px}.week-nav-total b{color:#fff}.summary-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.summary-card{background:var(--paper);border-radius:10px;padding:16px 18px;box-shadow:0 3px #00000026}.summary-card .lbl{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:11px;font-weight:600}.summary-card .val{color:var(--red-ink);margin-top:4px;font-family:Space Mono,monospace;font-size:24px;font-weight:700}.week-grid-big{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:30px;display:grid}@media (max-width:760px){.week-grid-big{grid-template-columns:repeat(4,1fr)}.summary-strip{grid-template-columns:1fr}.week-nav-range{font-size:14px}}@media (max-width:480px){.week-grid-big{grid-template-columns:repeat(3,1fr)}}.day-tile{background:var(--paper);cursor:pointer;text-align:center;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:128px;padding:14px 8px;font-family:Inter,sans-serif;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px #00000026}.day-tile:hover{transform:translateY(-3px);box-shadow:0 6px #0000002e}.day-tile.today{outline:3px solid var(--gold);outline-offset:-3px}.day-tile-top{flex-direction:column;align-items:center;gap:2px;display:flex}.day-tile-num{color:var(--ink);font-family:Space Mono,monospace;font-size:26px;font-weight:700}.day-tile-dow{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px}.day-tile-count{color:var(--muted);font-size:11px}.day-tile-total{color:#fff;background:var(--red-ink);border-radius:999px;padding:4px 12px;font-family:Space Mono,monospace;font-size:14px;font-weight:700}.day-tile-total.zero{opacity:0}.day-tile-empty{color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:4px 12px;font-size:12px}.schedule-tile{justify-content:flex-start;align-items:stretch}.schedule-tile .day-tile-top{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.schedule-tile-list{flex-direction:column;gap:4px;width:100%;margin-top:4px;display:flex}.schedule-tile-item{color:var(--ink);background:var(--paper-2);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:3px 6px;font-size:11px;overflow:hidden}.schedule-tile-item span{color:var(--muted);margin-right:4px;font-family:Space Mono,monospace}.schedule-tile-more{color:var(--muted);text-align:left;padding:0 6px;font-size:11px}.schedule-error{border:1px solid var(--red-ink);color:var(--red-ink-dark);background:#b23a2e1a;border-radius:8px;margin-top:14px;padding:10px 14px;font-size:13px}.day-screen{background:var(--chalk-bg);z-index:1000;background-image:radial-gradient(#ffffff06 1px,#0000 1px),radial-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,11px 11px;background-size:34px 34px,22px 22px;position:fixed;inset:0;overflow-y:auto}.day-screen-inner{max-width:640px;margin:0 auto;padding:20px 16px 60px}.day-screen-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.day-screen-back{color:var(--chalk-white);cursor:pointer;background:0 0;border:1px solid #eeeae04d;border-radius:999px;padding:10px 18px;font-family:Space Mono,monospace;font-size:14px;transition:background .15s}.day-screen-back:hover{background:#eeeae026}.day-screen-close{color:var(--chalk-white);cursor:pointer;background:0 0;border:none;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;transition:background .15s}.day-screen-close:hover{background:#eeeae026}.day-screen-title{color:var(--chalk-white);text-transform:capitalize;margin-bottom:8px;font-family:Space Mono,monospace;font-size:22px}.day-screen-total{color:#eeeae0b3;margin-bottom:22px;font-family:Space Mono,monospace;font-size:14px}.day-screen-total b{color:#fff;background:#b23a2e66;border-radius:999px;padding:3px 12px}.entries-big{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.entry-big{background:var(--paper);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 2px #0000001f}.entry-big-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.time-big{color:var(--ink);font-family:Space Mono,monospace;font-size:15px;font-weight:600}.entry-note,.entry-hw{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.entry-hw{color:var(--red-ink)}.amt-big{color:var(--ink);flex-shrink:0;font-family:Space Mono,monospace;font-size:16px;font-weight:700}.link-btn{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.del-big{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:22px;line-height:1;transition:background .15s,color .15s}.del-big:hover{color:#fff;background:var(--red-ink)}.add-form-big{background:var(--paper);border-radius:12px;padding:18px;box-shadow:0 2px #0000001f}.add-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.add-row label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.add-row label.grow{flex:1;min-width:140px}.add-row input{border:1px solid var(--line);border-radius:8px;min-width:0;height:44px;padding:10px 12px;font-family:Inter,sans-serif;font-size:15px}.add-row input.time-input{text-align:center;width:90px;font-family:Space Mono,monospace}.add-row-2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.repeat-toggle-big{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.repeat-toggle-big input{width:20px;height:20px;accent-color:var(--red-ink);cursor:pointer}.add-btn-big{background:var(--red-ink);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-family:Space Mono,monospace;font-size:14px;transition:background .15s}.add-btn-big:hover{background:var(--red-ink-dark)}.add-btn-big:disabled{opacity:.6;cursor:default}.roster{background:var(--paper);border-radius:12px;margin-top:36px;padding:20px 22px;box-shadow:0 3px #00000026}.roster h2{letter-spacing:1px;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;margin:0 0 14px;font-family:Space Mono,monospace;font-size:15px;display:flex}.roster h2:before{content:"✎";color:var(--red-ink)}table.roster-table{border-collapse:collapse;width:100%}table.roster-table th,table.roster-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;font-size:13px}table.roster-table th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px;font-weight:600}table.roster-table td.amt{text-align:right;font-family:Space Mono,monospace;font-weight:700}table.roster-table tr.grand td{border-top:2px solid var(--ink);color:var(--red-ink);border-bottom:none;font-family:Space Mono,monospace;font-weight:700}.empty-roster{color:var(--muted);font-size:13px;font-style:italic}.footer-note{text-align:center;color:#eeeae066;letter-spacing:.5px;margin-top:30px;font-family:Space Mono,monospace;font-size:11px}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--paper);border-radius:12px;width:100%;max-width:340px;padding:30px 28px;box-shadow:0 4px #0003}.login-card h1{color:var(--ink);margin:0 0 4px;font-family:Space Mono,monospace;font-size:20px}.login-card .sub{color:var(--muted);margin-bottom:20px;font-size:12px}.login-card label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:14px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.login-card input{border:1px solid var(--line);border-radius:6px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:14px}.login-card button{background:var(--red-ink);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:22px;padding:10px;font-family:Space Mono,monospace;font-size:13px;transition:background .15s}.login-card button:hover{background:var(--red-ink-dark)}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--red-ink);margin-top:14px;font-size:12px;font-weight:600}