:root{color-scheme:dark;--bg:#111315;--panel:#1c1f22;--text:#eeefed;--muted:#aeb4b7;--line:#383d42}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}header,footer{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;border-bottom:1px solid var(--line);gap:20px}header>span,footer{font-size:11px;letter-spacing:.16em;color:var(--muted)}.brand{text-decoration:none;font-size:28px;letter-spacing:.2em;font-weight:750;display:flex;align-items:center;gap:15px}.orbit{width:32px;height:10px;border:1px solid #ccd4d9;border-radius:50%;transform:rotate(-20deg)}main{min-height:76vh}.welcome{position:relative;text-align:center;max-width:900px;margin:auto;padding:90px 24px 110px;overflow:hidden}.planet{width:230px;height:90px;margin:0 auto 55px;border-radius:50%;border:1px solid #899197;background:radial-gradient(ellipse at 50% 0%,#535b61 0%,#23282c 40%,#111315 70%);box-shadow:0 24px 70px #626d7820;transform:rotate(-12deg)}h1{font-weight:450;font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;line-height:1.08;margin:18px 0 25px}h2{font-weight:500;font-size:23px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--muted)}.intro{font-size:18px;color:#bbc1c5;max-width:620px}.welcome .intro{margin:0 auto}.tap-guide{display:flex;gap:20px;align-items:center;justify-content:center;margin:45px auto 0;text-align:left;color:var(--muted);font-size:14px}.tap-guide>span{font-size:45px;color:var(--text)}.collection,.studio{max-width:1150px;padding:50px 24px 80px;margin:auto}.status{color:#c9dfd2;font-size:11px;letter-spacing:.15em;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px}.serial{font-size:24px;white-space:nowrap;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:28px;margin-top:40px}.media-item{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:12px}video,img{width:100%;max-height:650px;object-fit:contain;border-radius:6px;background:#090a0b}audio{width:100%}.note{color:var(--muted);font-size:13px;margin-top:30px}footer{border-top:1px solid var(--line);border-bottom:0}.button,button{display:inline-block;border:1px solid #899298;background:#dce1e4;color:#111315;padding:12px 22px;border-radius:6px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.welcome .button{margin-top:30px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #addbff;outline-offset:4px}details{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:20px}summary{cursor:pointer;font-size:20px}.editor{display:flex;flex-wrap:wrap;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:13px;flex:1 1 180px}input,select{font:inherit;color:var(--text);background:#111315;border:1px solid #59616a;padding:10px;border-radius:4px;width:100%}.editor p{flex-basis:100%;font-size:14px;color:var(--muted)}@media(max-width:600px){header>span{display:none}.title-row{display:block}.welcome{padding-top:65px}.planet{width:180px;height:70px}footer{font-size:9px}.status{flex-wrap:wrap;gap:10px}}
.studio-nav{display:flex;justify-content:space-between;gap:20px;padding-bottom:30px;font-size:13px;color:var(--muted)}.studio-nav a{text-decoration:none}.organizer-heading{display:flex;justify-content:space-between;gap:32px;align-items:center}.organizer-heading h1{font-size:clamp(36px,5vw,58px);max-width:650px}.organizer-heading>.button{white-space:nowrap}.organizer-tools{display:flex;gap:20px;margin:40px 0 24px;align-items:end}.organizer-tools label:first-child{flex:3}.collection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}.collection-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;background:var(--panel);transition:border-color .2s}.collection-tile:hover{border-color:#98a5ac}.tile-art{height:130px;background:radial-gradient(ellipse at center,#46515b 0%,#1e252b 45%,#171b20 80%);display:flex;align-items:center;justify-content:center}.tile-art .orbit{width:95px;height:26px;display:block}.tile-copy{padding:24px}.tile-copy h2{margin:10px 0}.tile-copy p,.create-tile p{font-size:13px;color:var(--muted)}.tile-link{display:block;font-size:13px;margin-top:26px}.create-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;border-style:dashed;background:transparent;text-align:center;padding:24px}.create-tile>span{font-size:45px;font-weight:200}.collection-workspace{max-width:850px}.basic-form{padding:26px 0;max-width:650px}.basic-form label{margin-bottom:20px;font-size:15px}.basic-form input,.basic-form select{padding:14px}.basic-form .note{margin:0 0 20px}.workspace-section{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.content-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.content-row h3{font-size:18px;font-weight:450;margin:4px 0}.content-row a,.content-row span{font-size:13px}.add-feature{background:#191d20}.add-feature summary{font-size:16px;list-style:none}.add-feature[open] summary{padding-bottom:14px}.quiet-button{background:transparent;color:var(--text);border-color:var(--line)}[hidden]{display:none!important}@media(max-width:650px){.organizer-heading{display:block}.organizer-heading>.button{margin-top:12px}.organizer-tools{flex-direction:column;align-items:stretch}.content-row{align-items:flex-start;flex-wrap:wrap}}
.reader-status{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;margin:0 0 24px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.reader-status p{margin:2px 0;color:var(--muted);font-size:14px}.reader-indicator{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--muted);margin-top:8px}.reader-status[data-state=blank] .reader-indicator,.reader-status[data-state=programmed] .reader-indicator{background:#a5d8b8}
[data-clear-card] input[type=checkbox]{width:auto;margin-right:8px}[data-clear-card] button{margin-top:12px}