:root{--desk:#25bbb5;--paper:#f8f9ef;--ink:#48237a;--dark:#25123f;--accent:#e8ef50;--line:#48237a;--muted:#686179}*{box-sizing:border-box}body{background:var(--desk);color:var(--ink);margin:0;font:16px/1.55 Courier New,monospace}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:2px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--line);padding:9px 14px}button:hover{background:var(--accent)}button:active{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #ff6c47}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2px;margin:15px 0 20px;font-size:clamp(32px,4vw,60px);line-height:1.08}h2{font-size:28px;line-height:1.2}h3{font-size:20px}p{max-width:75ch}.desktop{min-height:100vh;padding:18px}.topbar{flex-wrap:wrap;align-items:center;gap:26px;padding:8px 0 20px;display:flex}.topbar strong{font-size:25px}.topbar small{margin-left:auto;font-size:14px}.workspace{grid-template-columns:220px minmax(0,1fr);gap:18px;max-width:1500px;margin:auto;display:grid}.workspace nav{flex-direction:column;gap:7px;display:flex}.workspace nav button{text-align:left;box-shadow:none;gap:10px;padding:9px;font-size:14px;display:flex}.workspace nav button[aria-current=page]{background:var(--ink);color:var(--paper)}nav p{margin:20px 8px;font-size:14px}.window{border:2px solid var(--line);background:var(--paper);box-shadow:6px 6px 0 var(--ink);min-width:0}.titlebar{background:var(--ink);color:var(--paper);justify-content:space-between;gap:12px;padding:8px 12px;font-size:14px;display:flex}.content{padding:28px}.eyebrow{font-size:14px;font-weight:700}.appgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.appgrid button{text-align:left;min-height:130px}.appgrid b{font-size:30px;display:block}.appgrid strong,.appgrid span{display:block}.terminal{background:var(--dark);color:var(--accent);white-space:pre-wrap;overflow-wrap:anywhere;padding:22px}footer{flex-wrap:wrap;justify-content:space-between;gap:14px;padding:24px 0 4px;font-size:13px;display:flex}@media (max-width:800px){.desktop{padding:10px}.workspace{grid-template-columns:1fr}.workspace nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace nav button{word-break:normal;gap:4px;padding:7px;font-size:14px}.workspace nav button span,nav p{display:none}.content{padding:18px}.appgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar span{display:none}.topbar{gap:8px}.topbar small{margin-left:0}}@media (max-width:440px){.appgrid{grid-template-columns:1fr}.topbar strong{font-size:22px}footer span{display:none}}[hidden]{display:none!important}.brand{box-shadow:none;background:0 0;border:0;padding:0;font-size:25px;font-weight:700}.brand:hover{background:0 0}.titlebar h2{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:400;line-height:1.5}.titlebar button{box-shadow:none;color:var(--paper);background:0 0;border:0;padding:0 8px;font-size:24px;line-height:1}.window-status{border-top:1px solid var(--line);justify-content:space-between;padding:7px 14px;font-size:13px;display:flex}.nav-storage{border-top:1px dashed var(--ink);padding:12px 8px;font-size:13px}.primary{background:var(--accent);font-weight:700}.intro{margin-bottom:24px}.intro h2{letter-spacing:-1px;font-size:clamp(26px,3vw,38px)}.intro p:last-child{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0;display:flex}.toolbar a{font-size:14px}.row{align-items:end;gap:14px;margin:15px 0;display:flex}.row>input,.row>div{flex:1;min-width:0}.row button{flex-shrink:0}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px;margin:22px 0;display:grid}.split>div,.split>article,.split>form{min-width:0}.tile,.cards article{border:2px solid var(--line);padding:22px}.tile h3{margin-bottom:12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.terminal h3{color:var(--accent)}.terminal button{color:var(--ink)}.terminal pre{white-space:pre-wrap;font:inherit;margin-bottom:0}.small,small{font-size:14px}.small{color:var(--muted);line-height:1.5}.terminal small,.terminal .small{color:#c9b7e6}label{margin:14px 0 7px;font-size:14px;font-weight:700;display:block}input:not([type=range]),select,textarea{border:2px solid var(--line);background:#fff;width:100%;min-width:0;padding:11px;line-height:1.5}textarea{resize:vertical}.code-editor{color:#efffba;tab-size:2;white-space:pre;background:#150c25;font-size:15px;line-height:1.5}canvas{border:2px solid var(--line);width:100%;height:auto;image-rendering:pixelated;display:block}img{max-width:100%}.palette{border:1px solid var(--line);grid-template-columns:repeat(16,1fr);margin-top:10px;display:grid}.palette span{text-align:center;min-width:0;padding:3px 0;font-size:12px}.feedback{border-left:4px solid var(--line);overflow-wrap:anywhere;margin:15px 0;padding-left:12px;font-size:14px}details{border-top:1px dashed var(--line);margin:24px 0;padding:16px 0}summary{cursor:pointer;margin-bottom:14px;font-weight:700}hr{border:0;border-top:1px dashed var(--line);margin:32px 0}.tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tabs button{box-shadow:none;font-size:14px}.tabs [aria-pressed=true],.theme-choices [aria-pressed=true],.poll-option [aria-pressed=true]{background:var(--ink);color:var(--paper)}.home-heading{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);align-items:center;gap:25px;display:grid}.home-console{background:var(--dark);color:#e8ef50;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--desk);font-size:14px}.home-console p{margin:18px 0;padding:0 16px}.console-bar{background:var(--ink);color:var(--paper);border-bottom:1px solid #8561ae;padding:8px 16px}.boot-line{padding:5px 16px}.cursor{border-top:1px dashed #8561ae;padding-top:16px!important}.status-strip{border-top:2px solid var(--line);border-bottom:2px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0;display:grid}.status-strip>div{border-right:1px dashed var(--line);padding:15px}.status-strip>div:last-child{border:0}.status-strip b{font-size:28px;line-height:1.2;display:block}.status-strip span{font-size:13px}.appgrid button{grid-template-columns:48px 1fr;align-content:center;column-gap:12px;min-height:130px;display:grid}.appgrid b{grid-row:1/3;align-self:center;font-size:30px}.appgrid span{margin-top:5px;font-size:14px}.appgrid strong{font-size:17px}.appgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sequencer-wrap{padding:0 4px 8px;overflow-x:auto}.sequencer{text-align:center;grid-template-columns:44px repeat(16,minmax(24px,1fr));gap:5px;min-width:560px;font-size:13px;display:grid}.sequence-row{display:contents}.sequence-row button{box-shadow:none;background:var(--paper);padding:8px 0;font-size:16px}.sequence-row .on{background:var(--ink);color:var(--accent)}.sequence-row .current{outline-offset:-3px;outline:3px solid #f16e45}.active-step{background:var(--accent)}.note{align-self:center}.dpad{grid-template-columns:repeat(3,48px);gap:9px;width:max-content;margin:24px auto;display:grid}.dpad button{box-shadow:none;padding:8px}.choice-stack{gap:12px;margin:25px 0;display:grid}.choice-stack button{text-align:left}.section-label{border-top:1px dashed var(--line);margin-top:35px;padding-top:15px}.gallery-controls input{flex:1;min-width:170px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.creation-card{border:2px solid var(--line);background:var(--paper);min-width:0}.creation-card canvas{border:0}.art-preview{width:100%;box-shadow:none;background:var(--dark);aspect-ratio:4/3;border:0;padding:0;display:block;overflow:hidden}.art-preview:hover{background:var(--dark)}.art-preview img{object-fit:contain;width:100%;height:100%;display:block}.card-body{padding:16px}.card-body h3{overflow-wrap:anywhere;margin:8px 0;font-size:18px}.card-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.badge{border:1px solid var(--line);text-transform:uppercase;padding:2px 6px;font-size:12px;display:inline-block}.text-button{box-shadow:none;text-align:left;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}.card-body .text-button{font-size:18px;font-weight:700;text-decoration:none}.text-button:hover{color:#7c40aa;background:0 0}.card-body .toolbar button{padding:6px 10px;font-size:14px}.empty{text-align:center;border:2px dashed var(--line);padding:50px 20px}.empty p{margin-left:auto;margin-right:auto}.pattern-preview{color:#e8ef50;aspect-ratio:4/3;background:#25123f;place-content:center;width:100%;padding:18px;display:grid}.music-symbol{text-align:center;font-size:50px}.pattern-preview>div>div{gap:3px;margin:4px 0;display:flex}.pattern-preview>div span{background:#382255;border:1px solid #8561ae;width:10px;height:10px}.pattern-preview>div .lit{background:#e8ef50}.chat{min-height:250px;max-height:550px;overflow:auto}.message{border-bottom:1px dashed #705385;padding:12px 0}.message p{margin:7px 0 0}.message.you{color:#fff}.message.error{color:#ffbda9}.video-frame{aspect-ratio:4/3;background:var(--dark);color:var(--paper);text-align:center;place-items:center;padding:25px;display:grid}.video-frame iframe{border:0;width:100%;height:100%}.video-frame:has(iframe){padding:0}.episode{border-bottom:1px dashed var(--line);margin-bottom:20px;padding-bottom:20px}.episode h3{margin-bottom:6px}.legacy-header{grid-template-columns:1fr 1.3fr;gap:25px;margin:24px 0;display:grid}.notice{border-left:5px solid var(--line);background:#eeecda;margin:24px 0;padding:18px}.notice p{margin:8px 0 0}.poll-option{grid-template-columns:1fr 60px;gap:10px;margin:18px 0;display:grid}.poll-option button{text-align:left;box-shadow:none;grid-column:1/-1}.poll-meter{background:#d9d7dd;align-self:center;height:12px}.poll-meter span{background:var(--ink);height:100%;display:block}.activity-list>div{border-bottom:1px dashed var(--line);grid-template-columns:110px 1fr;gap:12px;padding:13px 0;font-size:14px;display:grid}.theme-choices{flex-direction:column;gap:12px;margin:18px 0;display:flex}.owner-login{max-width:750px}.review-item{border:2px solid var(--line);margin:20px 0;padding:20px}.review-item img{object-fit:contain;max-width:350px;max-height:250px}.review-item h3{margin:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px dashed var(--line);text-align:left;overflow-wrap:anywhere;padding:12px 8px}th{background:#eeecda}.toast{background:var(--dark);width:max-content;max-width:calc(100vw - 28px);color:var(--paper);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--ink);z-index:50;overflow-wrap:anywhere;padding:16px 50px 16px 20px;font-size:14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast button{box-shadow:none;color:var(--paper);background:0 0;border:0;padding:0 7px;font-size:24px;position:absolute;top:9px;right:9px}.error-banner{border-bottom:2px solid var(--line);background:#fff1d6;padding:15px;font-size:14px}.error-banner button{margin-left:10px;padding:4px 10px}dialog{border:2px solid var(--line);background:var(--paper);color:var(--ink);width:calc(100% - 32px);max-width:850px;max-height:90vh;box-shadow:8px 8px 0 var(--ink);padding:0}dialog::backdrop{background:#150c25b5}.detail-image{object-fit:contain;max-height:430px;margin:auto;display:block}dialog .pattern-preview{max-width:400px;margin:auto}dialog pre{max-height:300px;overflow:auto}.skip{background:var(--accent);z-index:100;padding:10px;position:absolute;top:-80px;left:15px}.skip:focus{top:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input[type=range]{width:100%;accent-color:var(--ink)}progress{width:100%;accent-color:var(--accent)}[data-theme=classic]{--desk:#00a;--paper:#fff;--ink:#00a;--dark:#00a;--accent:#ff5;--line:#00a;--muted:#444}[data-theme=classic] .topbar,[data-theme=classic] footer,[data-theme=classic] nav p,[data-theme=classic] .nav-storage{color:#fff}[data-theme=classic] nav button[aria-current=page]{color:#00a;background:#ff5}[data-theme=classic] .home-console{border-color:#fff}.content>section{animation:.12s ease-out appear}@keyframes appear{0%{opacity:.6}to{opacity:1}}@media (min-width:1500px){.topbar,footer{max-width:1500px;margin:auto}}@media (max-width:1150px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-heading{grid-template-columns:1fr}.home-console{max-width:600px}.cards{grid-template-columns:1fr}.split{gap:18px}.topbar span{font-size:14px}}@media (max-width:800px){.split,.legacy-header{grid-template-columns:1fr}.topbar .brand{font-size:22px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace nav{gap:5px}.workspace nav button{min-height:44px;font-size:13px}.nav-storage{display:none}.content{padding:18px}.appgrid{gap:12px}.home-heading{gap:18px}.status-strip>div{padding:12px 7px}.status-strip span,.window-status{font-size:12px}.titlebar h2{font-size:13px}.cards{gap:14px}.titlebar>span{font-size:12px}}@media (max-width:500px){.gallery-grid,.appgrid{grid-template-columns:1fr}.row{flex-wrap:wrap}.row>input{flex-basis:100%}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip>div:nth-child(2){border-right:0}.status-strip>div:nth-child(-n+2){border-bottom:1px dashed var(--line)}.topbar small{font-size:12px}.activity-list>div{grid-template-columns:1fr;gap:2px}.activity-list time{color:var(--muted)}.tile{padding:17px}.toolbar{gap:10px}.titlebar{padding:7px}.titlebar>span{display:none}.palette{grid-template-columns:repeat(8,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}