:root{color-scheme:dark;--amber:#ffac38;--muted:#b5a38e;--line:#684025;--bg:#100b08}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#3b1d0c 0,transparent 55%),#0c0907;color:#fff3e3;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brand img{width:62px;filter:drop-shadow(0 0 9px #ff7b1c50)}.brand strong{display:block;font-size:32px;letter-spacing:5px;line-height:1.1;color:var(--amber);text-shadow:0 0 20px #ff851c88}.brand small{font-size:9px;letter-spacing:2px;color:#dfb98a}.private{font-size:11px;color:#a9c7ae;border:1px solid #3c6145;border-radius:20px;padding:5px 10px;background:#102018}nav{display:flex;gap:7px;margin-bottom:22px;border-bottom:1px solid #52301a;padding-bottom:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #6d4324;border-radius:11px;padding:9px 15px;background:#21140d;color:#fbe9d1;transition:background .2s,box-shadow .2s}button:hover{background:#4b2913;border-color:var(--amber)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffb840;outline-offset:3px}button.active{border-color:#ffb13b;background:linear-gradient(140deg,#9d4d08,#46230f);box-shadow:0 0 15px #ff8b1930}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.2;margin-bottom:9px}h2{font-size:20px;margin-bottom:8px}h3{font-size:16px;margin-bottom:9px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#d8a36b;text-transform:uppercase}.muted{color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 20px}.intro p{margin:0}.pill{font-size:11px;white-space:nowrap;border:1px solid #795133;border-radius:20px;padding:4px 10px;color:#ffd5a2}.date-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;max-width:600px;margin:0 auto 12px}.date{padding:10px 6px;background:#1c130e}.date span{display:block;font-size:10px;letter-spacing:1.5px}.date b{font-size:26px;line-height:1.3}.date.selected{background:linear-gradient(140deg,#ee961f,#91420d);border-color:#ffe0a4;box-shadow:0 0 20px #ff951f6b,inset 0 0 15px #ffc57045}.date.today b{color:#80052e}.date-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px}.date-controls button,.date-controls input{font-size:12px;padding:5px 10px}.panel{border:1px solid #906025;border-radius:20px;padding:22px;background:linear-gradient(140deg,#2b1a10d9,#160f0c);box-shadow:0 0 24px #ff920b0d;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record{--color:#ffaa2a;position:relative;border:1px solid color-mix(in srgb,var(--color) 60%,#34271d);border-radius:15px;padding:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--color) 9%,#10100e),#100e0d);min-height:143px;overflow:hidden}.record h3{color:var(--color);display:flex;gap:10px;align-items:center}.record p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:550;line-height:1.65;font-size:15px}.orbit{width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color) 20%,#292621);border-top-color:var(--color);border-right-color:var(--color);box-shadow:0 0 9px color-mix(in srgb,var(--color) 40%,transparent);flex-shrink:0;position:relative}.orbit:after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid transparent;border-left-color:var(--color);animation:flow 4s linear infinite;filter:drop-shadow(0 0 3px var(--color))}.record small{display:block;font-size:10px;color:#a49b8c;margin-top:13px;letter-spacing:.4px}.note-band{border-left:2px solid #d28a43;padding:10px 14px;background:#ffab2410;margin:14px 0;white-space:pre-wrap}.empty{text-align:center;padding:35px 15px}.empty .orbit{display:block;margin:0 auto 20px;width:50px;height:50px;--color:#ffad32}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}input,select{background:#130f0c;border:1px solid #705035;border-radius:10px;color:#fff0db;padding:10px 12px;max-width:100%}input[type=search]{flex:1;min-width:190px}.history-list{display:grid;gap:9px}.history-row{text-align:left;display:grid;grid-template-columns:140px 1fr 30px;align-items:center;gap:14px;padding:15px 17px}.history-row strong{color:#ffc871}.history-row span{font-size:13px;color:#c2b4a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row i{font-style:normal;color:#ffb53d}.notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note-card{padding:17px;background:#151311;border:1px solid #51412e;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere}.note-card small{color:#ae8c67;font-size:10px;display:block;margin-bottom:8px}.note-card p{margin-bottom:8px}.table-wrap{overflow:auto;max-height:65vh;border:1px solid #584127;border-radius:12px}table{border-collapse:collapse;font-size:12px}th,td{padding:10px;min-width:125px;text-align:left;vertical-align:top;border:1px solid #3e3024;white-space:pre-wrap}th{position:sticky;top:0;background:#402511;color:#ffd49a;z-index:1}td{background:#15100d}td:first-child{color:#ffc073;min-width:55px}footer{font-size:11px;color:#a89076;margin:24px 0 8px;text-align:center}.pager{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:18px}.pager span{font-size:12px;color:var(--muted)}@keyframes flow{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:750px){.grid{grid-template-columns:1fr 1fr}.shell{padding:16px}.intro{align-items:flex-start}.notes{grid-template-columns:1fr}.panel{padding:16px}.brand img{width:51px}.brand strong{font-size:28px}.private{font-size:9px;padding:4px 7px}}@media(max-width:420px){.brand small{letter-spacing:1.1px;font-size:8px}nav{gap:5px}nav button{padding:8px 10px;font-size:12px;flex:1}.record{padding:13px;min-height:132px}.record h3{font-size:14px;gap:7px}.record p{font-size:13px}.orbit{width:21px;height:21px}.history-row{grid-template-columns:105px 1fr 16px;gap:8px;padding:13px 10px}.history-row strong{font-size:13px}.intro h1{font-size:23px}.intro .pill{display:none}.date-controls{gap:6px}.date-controls button,.date-controls input{font-size:11px;padding:5px 7px}}
/* SUP deep-blue neon family */
:root{--amber:#438bff;--muted:#9babcc;--line:#294a86;--bg:#060d20}body{background:radial-gradient(ellipse at 10% 0%,#102759,transparent 60%),#040914;color:#e5efff}.brand strong{color:#4a8cff;text-shadow:0 0 20px #075cff}.brand small{color:#91b4e7}.brand img{filter:drop-shadow(0 0 10px #2369ff66);width:76px;height:76px;border-radius:19px}.private{background:#071b38;color:#a2bffa;border-color:#2d5490}nav{border-color:#1f3863}button{background:#0d1b36;border-color:#2c4e83;color:#dceaff}button:hover{background:#15396c;border-color:#448bff}button.active{background:linear-gradient(140deg,#174aac,#0b2353);border-color:#4f97ff;box-shadow:0 0 15px #165fff60}.eyebrow{color:#81aff4}.date{background:#0a142a}.date.selected{background:linear-gradient(140deg,#1b61db,#102b64);border-color:#8fc4ff;box-shadow:0 0 22px #1d69ff77,inset 0 0 18px #5daeff22}.date.today b{color:#c2dbff}.panel{border-color:#2e65ac;background:linear-gradient(140deg,#102044e8,#080f21);box-shadow:0 0 28px #1458ed18}.note-band{border-color:#3b85f8;background:#2a65d71a}.record{--color:#428bff;background:linear-gradient(145deg,#0c2147,#080f22);border-color:#265294}.record.taken{border-color:#438eff;box-shadow:inset 0 0 18px #145bff15,0 0 12px #145bff20}.record h3{color:#79aeff}.record p{font-size:14px}.record small{color:#8ba5cc}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sequence{font-size:12px;color:#75a8fa;letter-spacing:2px}.state-label{font-size:9px;letter-spacing:1px;color:#7f9bc3}.taken .state-label{color:#96c7ff}.item-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #1f3b65}.item-actions label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.item-actions input{accent-color:#2f7dff;width:21px;height:21px}.item-actions button{font-size:11px;padding:5px 8px}.completion{height:76px;width:76px;border-radius:50%;background:conic-gradient(#4a92ff var(--done),#17294b 0);padding:5px;box-shadow:0 0 20px #266cff45;flex-shrink:0}.completion b{display:flex;align-items:center;justify-content:center;height:100%;border-radius:50%;background:#0b1731;font-size:23px;color:#8fc4ff}.completion small{font-size:12px;margin-left:4px}.save-state{font-size:11px;color:#8daee1}.add-item{width:100%;margin-top:15px;border-style:dashed}.small{font-size:12px}.week-history{display:grid;gap:9px}.week-day{padding:14px 17px;border:1px solid #294978;border-radius:13px;background:#0b1730}.week-day summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer}.week-day summary span{font-size:12px;color:#8fb4ed}.week-day ol{padding-left:22px}.week-day li{font-size:13px;padding:8px 0;white-space:pre-wrap}.week-day li span{display:inline-block;min-width:85px;font-size:11px;color:#7db8ff}.unlogged{color:#8f9db7}.archive-title{margin-top:30px}.note-card{background:#0c162a;border-color:#294069}.note-card small{color:#8fa9cf}.history-row strong{color:#8fbaff}.history-row span{color:#a8b9d3}input,select,textarea{background:#08152e;color:#dfebff;border-color:#2c4c82}textarea{font:inherit;width:100%;padding:12px;border:1px solid #31558a;border-radius:10px;margin-top:8px}.field{display:block;font-size:13px}dialog{background:#0a1731;border:1px solid #568fee;border-radius:18px;color:#e6efff;padding:23px;width:min(450px,calc(100% - 24px))}dialog::backdrop{background:#010611c9;backdrop-filter:blur(5px)}th{background:#153466;color:#b9d5ff}td{background:#091326;border-color:#24334e}td:first-child{color:#8dbbff}footer{color:#7992b7}.checklist{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:750px){.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.brand img{width:62px;height:62px}.brand strong{font-size:26px}.brand small{font-size:7px}.record p{font-size:13px}.item-actions{flex-wrap:wrap}.completion{width:60px;height:60px}.completion b{font-size:20px}}

[hidden]{display:none!important}
