:root{color-scheme:dark;--bg:#0e1223;--card:#191e35;--ink:#f3f0ff;--muted:#b4b7ce;--pink:#eaa2c8;--mint:#a8e7d6;--line:#343a56}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:900;letter-spacing:2px;color:var(--ink);text-decoration:none}.brand span{color:var(--pink)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}header>div{display:flex;align-items:center;gap:12px}#connection{font-size:13px;color:var(--muted)}button,.file{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:10px;background:#242b48;color:var(--ink);padding:10px 16px;cursor:pointer}button:hover:not(:disabled),.file:hover{border-color:var(--mint)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}#connect,form button{background:var(--mint);color:#102b28;font-weight:700}.intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;padding:46px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--mint)}h1{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:18px 0}h2{font-size:26px;line-height:1.2;margin:12px 0 20px}h3{margin:14px 0}p{color:var(--muted)}.intro p{max-width:480px}#support{font-size:13px}.jar-art{width:200px;margin:auto;transform:rotate(-6deg)}.lid{width:145px;height:22px;margin:auto;border-radius:8px;background:#eaa2c8}.jar{position:relative;height:175px;border:3px solid #b3c3e5;border-radius:25px 25px 38px 38px;background:linear-gradient(160deg,#91dfdb44,#b774d955);box-shadow:0 0 65px #ce93f72b}.jar i,.jar b,.jar em,.jar span{position:absolute;font-size:33px;color:var(--mint);font-style:normal}.jar i{left:30px;top:35px}.jar b{right:20px;top:65px;color:var(--pink)}.jar em{left:70px;bottom:10px}.jar span{right:40px;top:5px}.stand{height:28px;background:#916743;margin:8px -15px;border-radius:8px}.notice{border:1px solid var(--line);padding:13px 18px;border-radius:12px;color:var(--muted);font-size:13px}nav{display:flex;gap:10px;margin:28px 0;flex-wrap:wrap}nav button[aria-selected=true]{background:var(--pink);color:#27152a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}article{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}label{display:block;margin:17px 0 8px;color:var(--muted);font-size:14px}input:not([type=checkbox]):not([type=range]):not([type=color]),select{width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit}input[type=range]{display:block;width:100%;accent-color:var(--mint)}.colors{display:flex;gap:15px}.colors input{display:block;width:55px;height:40px;margin-top:5px;border:0;background:transparent}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>label{flex:1;min-width:100px}.inline{display:inline-flex;align-items:center;gap:6px}.divider{height:1px;background:var(--line);margin:25px 0}.pad{display:grid;grid-template-columns:repeat(3,54px);gap:7px;margin-top:20px}.pad .up{grid-column:2}.pad .up+button{grid-column:1}canvas{image-rendering:pixelated;background:#060b15;width:100%;border:1px solid #525e7a;border-radius:5px}#oled{aspect-ratio:2}#art-canvas{max-width:768px;touch-action:none;cursor:crosshair;margin:20px 0}.file input{display:none}#profile article{max-width:680px}.panel[hidden]{display:none}progress{display:block;width:100%;margin-top:18px}progress[hidden]{display:none}a{color:var(--mint)}#message{min-height:26px;color:var(--mint)}details{margin-top:24px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:250px;overflow:auto}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.intro{grid-template-columns:1fr;padding:30px 0}.jar-art{display:none}.grid{grid-template-columns:1fr}article{padding:20px}footer{display:block}header>div{flex-wrap:wrap}}
:root{--service-border:#424b70}textarea{width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;resize:vertical}#service-log{background:#080d18;padding:16px;max-height:400px;border-radius:10px}#service-tests{white-space:pre-wrap;color:var(--muted);font-size:13px}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.readouts section{padding:12px;border:1px solid var(--service-border);border-radius:10px;min-width:0}.readouts h3{font-size:12px;color:var(--mint)}.readouts pre{margin:4px 0;font-size:12px}.readouts small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}nav button{font-size:12px;padding:9px 12px}@media(max-width:700px){.readouts{grid-template-columns:1fr}nav{gap:6px}nav button{font-size:11px;padding:9px}.row>label{min-width:160px}}

.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.section-head h3{margin:0}.light-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.light-location{font-size:12px;color:var(--muted)}.swatch-row{display:flex;gap:20px;margin:20px 0}.swatch-row>div{flex:1;min-width:0}.swatch-row span,.swatch-row output{display:block;font-size:12px}.swatch{display:block;height:56px;background:#000;border:1px solid #aaa;border-radius:10px;margin:6px 0}.light-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.color-chooser{display:flex;align-items:center;gap:10px;margin:0}.color-chooser input{width:48px;height:38px;background:transparent;border:0}.scene,.touch-console,.mini-console{margin-top:22px}.scene-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.scene-grid label{margin:0}.input-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.input-tile{text-align:center;padding:12px 5px;border:1px solid var(--line);border-radius:10px}.input-tile strong,.input-tile output{display:block;font-size:13px}.unsupported{opacity:.45}.input-tile.active,.mini-buttons .active{background:var(--mint);color:#102b28}.console-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mini-buttons button{padding:10px 6px;min-width:0}.help{font-size:12px}#oled-state,#scene-state,#input-state{font-size:12px;color:var(--muted)}@media(max-width:700px){.light-grid,.console-layout{grid-template-columns:1fr}.scene-grid{grid-template-columns:1fr}.input-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head h2{font-size:23px}.light-card{padding:20px}.light-location{width:100%}}

/* Monday: dark collage, pink/teal/yellow stickers, clear instrument readouts. */
:root{--bg:#101018;--card:#1b1825;--ink:#fff3fa;--muted:#c9bccd;--pink:#ff65b4;--mint:#7ff3df;--line:#66405d}body{background:#101018}header,main,footer{position:relative;z-index:1;background:rgba(16,16,24,.94)}header{border-bottom:2px solid var(--pink)}main{box-shadow:0 0 60px #0009}h1,h2,h3,.brand,nav button{font-family:Impact,'Arial Black',system-ui,sans-serif;letter-spacing:.04em}h1{font-size:clamp(42px,6vw,78px);line-height:.99;text-shadow:3px 3px 0 #753155}h1 span{color:var(--pink)}.eyebrow,output,pre,.light-location{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.monday-quote{color:#ffe873;font-weight:700}.monday-sticker{background:#ff65b4;color:#21101c;padding:28px;transform:rotate(5deg);border:3px solid #fff3fa;box-shadow:10px 10px 0 #7ff3df;max-width:270px;position:relative;margin:auto}.monday-sticker strong{display:block;font:900 64px/.9 Impact,'Arial Black',sans-serif;margin:20px 0}.monday-sticker span{font:700 11px ui-monospace,monospace;letter-spacing:2px}.monday-sticker i{position:absolute;font-size:65px;color:#ffe873;right:-28px;top:-25px;font-style:normal;text-shadow:2px 2px #21101c}.monday-corner{border:2px dashed var(--pink);background:var(--card);padding:20px;margin:0 0 24px;border-radius:12px}.monday-corner summary{cursor:pointer;color:var(--mint);font-weight:800;letter-spacing:1px}.monday-corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}#monday-listen{display:inline-block;background:var(--pink);color:#21101c;padding:10px 18px;border-radius:8px;font-weight:800;text-decoration:none}#monday-listen[hidden]{display:none}#monday-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}#monday-gallery figure{margin:0;min-width:0}#monday-gallery img{width:100%;aspect-ratio:1;object-fit:contain;background:#101018;border:1px solid var(--pink);border-radius:8px}#monday-gallery figcaption{font:11px ui-monospace,monospace;margin-top:5px}#monday-media-state{font-size:12px}#bloom-background{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none;background:#101018}#bloom-background.editing{z-index:10;pointer-events:auto}#background-close{position:fixed;top:14px;left:14px;z-index:12;background:#ff65b4;color:#21101c;border:2px solid #fff3fa;box-shadow:4px 4px #7ff3df}#background-close[hidden]{display:none}@media(max-width:700px){.monday-sticker{display:none}.monday-corner-grid{grid-template-columns:1fr}.monday-corner{padding:15px}.monday-intro{padding-top:20px}#monday-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

#setup .grid{margin-bottom:20px}#wifi-networks{width:100%;min-height:145px;font:12px ui-monospace,monospace}#wifi-networks option{padding:10px;white-space:normal}#wifi-state,#time-state,#alarm-state,#timer-state{font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--mint)}
#display .grid{margin-bottom:20px}#display-oled{display:block;width:100%;max-width:512px;aspect-ratio:2;image-rendering:pixelated;border:2px solid var(--mint);background:#060b15}#display-pad-readouts{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}#saver-state,#display-state,#display-oled-state,#sayings-state{font:13px/1.6 ui-monospace,monospace;color:var(--mint);overflow-wrap:anywhere}#display-calibration{white-space:pre-wrap;font-size:12px}#sayings-list{width:100%;font:14px/1.6 ui-monospace,monospace}

/* Independent groups prevent auto placement from flattening the D-pad. */
#mini-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:linear-gradient(145deg,#332735,#17141f);border:2px solid var(--line);border-radius:28px;box-shadow:inset 0 3px 0 #ffffff12,0 6px 0 #09080d;max-width:440px;margin:auto}
#gamepad-dpad{display:grid;grid-template-areas:". up ." "left center right" ". down .";grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px}
#gamepad-dpad::before{content:'';grid-area:center;background:#3b3046;border-radius:5px;box-shadow:inset 0 0 0 2px #8d6581}
#gamepad-actions{display:grid;grid-template-areas:". a" "b .";grid-template-columns:repeat(2,44px);grid-template-rows:repeat(2,44px);gap:6px}
#mini-buttons button{margin:0;min-width:0;width:100%;height:100%;padding:0;box-shadow:0 4px 0 #09080d;border:2px solid #8d6581;touch-action:manipulation}
#key-up{grid-area:up;border-radius:12px 12px 4px 4px;font-size:24px}
#key-left{grid-area:left;border-radius:12px 4px 4px 12px;font-size:24px}
#key-right{grid-area:right;border-radius:4px 12px 12px 4px;font-size:24px}
#key-down{grid-area:down;border-radius:4px 4px 12px 12px;font-size:24px}
#mini-buttons #key-a{grid-area:a;border-radius:50%;background:var(--mint);color:#112c27;border-color:#b6fff1;font-size:23px;font-weight:900}
#mini-buttons #key-b{grid-area:b;border-radius:50%;background:var(--pink);color:#321325;border-color:#ffc6e6;font-size:23px;font-weight:900}
#gamepad-extras{flex-basis:100%;display:flex;gap:6px;flex-wrap:wrap}#gamepad-extras button{flex:1;min-width:40px;padding:8px 4px;font-size:10px;border-radius:8px}
#mini-buttons button.active,#mini-buttons button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #09080d;filter:brightness(1.25)}
#mini-buttons button:focus-visible{outline:3px solid #ffe873;outline-offset:3px}
#display-pad-readouts{grid-template-areas:". up . . . a" "left . right . b ." ". down . . . .";grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#display-pad-tile-up{grid-area:up}#display-pad-tile-down{grid-area:down}#display-pad-tile-left{grid-area:left}#display-pad-tile-right{grid-area:right}#display-pad-tile-a{grid-area:a}#display-pad-tile-b{grid-area:b}
#display-pad-readouts .input-tile{padding:10px 2px;min-width:0}#display-pad-readouts output{font-size:11px;overflow-wrap:anywhere}
@media(max-width:400px){#mini-buttons{padding:10px;gap:8px}#gamepad-dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}#gamepad-actions{grid-template-columns:repeat(2,40px);grid-template-rows:repeat(2,40px)}}

.birthday-card{border:2px solid var(--pink)}#profile-countdown{font:clamp(24px,4vw,36px)/1.25 Impact,system-ui,sans-serif;color:#ffe873}#profile-chip,#profile-draft,#profile-state,#profile-clock,#profile-countdown-detail{font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}#profile-saved{color:var(--mint);overflow-wrap:anywhere}

#art-canvas{display:block;margin:20px auto}

.art-toolbox{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.art-toolbox label{flex:1;min-width:130px}.stamp-tray{border:1px dashed var(--pink);padding:14px;border-radius:12px}#art-stamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px;margin-top:14px}#art-stamps button{padding:8px;font-size:26px;min-height:48px}#art-stamps button[aria-pressed="true"]{background:var(--mint);color:#102b28;border-color:#ffe873;box-shadow:0 0 0 2px #ffe873}#art-tool-state{font:12px ui-monospace,monospace;color:var(--mint)}

.stamp-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.stamp-filters label{flex:1;min-width:150px}.stamp-filters output{font-size:12px;color:var(--muted);padding-bottom:10px}#art-stamps{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-auto-rows:46px;align-content:start;align-items:stretch;max-height:264px;overflow-y:auto;padding:3px;gap:6px;margin:8px 0 0}#art-stamps button{min-height:0;height:46px;line-height:1;padding:4px;font-size:25px}#art-stamps button[hidden]{display:none}.stamp-tray{padding:12px;margin:10px 0}#art-canvas{margin:12px auto}

.fuel-gauge{border:1px solid var(--mint);border-radius:12px;padding:18px;margin:22px 0}.fuel-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.fuel-values>div{background:#101018;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.fuel-values strong{display:block;font:10px ui-monospace,monospace;color:var(--muted)}.fuel-values output{display:block;font-size:20px;color:var(--mint);overflow-wrap:anywhere}#fuel-sensor,#fuel-stamp{font:12px ui-monospace,monospace}#service-tests{white-space:pre-wrap;font:12px/1.6 ui-monospace,monospace}@media(max-width:700px){.fuel-values{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-gauge{padding:12px}}

/* Additional touch readouts have explicit placement below the D-pad. */
#display-pad-tile-l{grid-row:4;grid-column:1 / span 2}#display-pad-tile-start{grid-row:4;grid-column:3 / span 2}#display-pad-tile-r{grid-row:4;grid-column:5 / span 2}