@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--black:#111;--paper:#f4f0e7;--yellow:#ffd21f;--pink:#ff5d9e;--blue:#70d7ff;--green:#a9ef76;--line:2px solid #111;background:#101010;font-family:Space Grotesk,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#101010;min-width:900px}button,input{font:inherit}button{cursor:pointer}.browser-window{border:3px solid var(--black);background:var(--paper);flex-direction:column;width:100vw;height:100vh;min-height:560px;display:flex;box-shadow:10px 10px #000}.window-dots{z-index:5;gap:6px;display:flex;position:absolute;top:11px;left:13px}.window-dots i{border:1.5px solid var(--black);background:var(--pink);border-radius:50%;width:9px;height:9px}.window-dots i:nth-child(2){background:var(--yellow)}.window-dots i:nth-child(3){background:var(--green)}.tab-strip{border-bottom:var(--line);background:#d7d2c8;align-items:end;height:38px;padding-left:82px;display:flex}.active-tab{border:var(--line);background:var(--paper);border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:9px;width:230px;height:31px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.tab-mark{border:1px solid var(--black);background:var(--yellow);border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.tab-close{background:0 0;border:0;margin-left:auto;font-size:18px}.new-tab{background:0 0;border:0;align-self:center;margin-left:12px;font-size:24px}.window-actions{gap:19px;margin:0 17px 9px auto;font-size:14px;display:flex}.toolbar{border-bottom:var(--line);background:var(--paper);align-items:center;gap:8px;height:45px;padding:5px 11px;display:flex}.nav-button,.toolbar-button{background:0 0;border:0;width:29px;height:29px;font-size:20px}.address-bar{border:1.5px solid var(--black);color:#48443c;background:#e4dfd5;border-radius:20px;flex:1;align-items:center;gap:10px;height:31px;padding:0 12px;font:11px DM Mono,monospace;display:flex}.address-bar b{color:#e35286;margin-left:auto}.profile{border:2px solid var(--black);background:var(--blue);border-radius:50%;width:28px;height:28px;font-weight:700}.tab-page{background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex}.masthead{border-bottom:var(--line);background:var(--yellow);justify-content:space-between;align-items:center;height:142px;padding:15px 27px 11px 39px;display:flex}.brand-block{flex-direction:column;display:flex}.tiny-label{letter-spacing:.12em;font:10px DM Mono,monospace}.brand-block h1{letter-spacing:-.09em;margin:7px 0 0;font-size:clamp(32px,5vw,64px);line-height:.75}.brand-block h1 span{color:var(--pink);text-shadow:2px 2px 0 var(--black)}.date-block{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.date-block strong{letter-spacing:-.1em;font:700 clamp(27px,4vw,52px)/1 DM Mono,monospace}.date-block span:last-child{font:10px DM Mono,monospace}.sticker{border:3px solid var(--black);background:var(--pink);text-align:center;width:73px;height:73px;box-shadow:4px 4px 0 var(--black);border-radius:50%;place-content:center;font-weight:700;line-height:.88;display:grid;transform:rotate(9deg)}.dashboard{flex:1;min-height:0;display:flex}.side-rail{border-right:var(--line);background:var(--pink);flex-direction:column;justify-content:space-between;width:85px;padding:20px 15px;display:flex}.rail-title{font-size:14px;font-weight:700;line-height:.9}.number{letter-spacing:-.1em;font-size:38px;font-weight:700}.vertical-note{writing-mode:vertical-rl;letter-spacing:.12em;font:9px DM Mono,monospace;transform:rotate(180deg)}.rail-star{text-align:center;font-size:28px}.content-stage{flex-direction:column;flex:1;min-width:0;padding:14px 18px 18px;display:flex}.stage-topline{border-bottom:var(--line);justify-content:space-between;padding-bottom:9px;font:10px DM Mono,monospace;display:flex}.stage-topline .online{color:#26951c;font-weight:700}.content-stage #result{scrollbar-color:var(--black) var(--yellow);scrollbar-width:thin;flex:1;min-height:0;padding:14px 7px 8px 0;overflow:hidden auto}.apod-card{padding-bottom:26px}.image-frame{border:3px solid var(--black);box-shadow:7px 7px 0 var(--black);background:#222;position:relative}.apod-media{object-fit:cover;border:0;width:100%;height:clamp(180px,32vh,340px);display:block}.frame-label,.corner-mark{z-index:1;background:var(--yellow);border-right:2px solid var(--black);border-bottom:2px solid var(--black);padding:5px 7px;font:10px DM Mono,monospace;position:absolute}.corner-mark{border-top:2px solid var(--black);border-left:2px solid var(--black);border-bottom:0;border-right:0;font-size:22px;bottom:0;right:0}.caption-row{justify-content:space-between;padding:8px 0 5px;font:9px DM Mono,monospace;display:flex}.apod-card h2{letter-spacing:-.08em;margin:4px 0 8px;font-size:clamp(24px,3vw,43px);line-height:.9}.explanation{max-width:770px;margin:0;font-size:12px;line-height:1.55}.media-link{color:var(--black);border-bottom:3px solid var(--pink);margin-top:13px;font:700 11px DM Mono,monospace;text-decoration:none;display:inline-block}.media-link:hover{background:var(--pink)}.status{font:14px DM Mono,monospace}.error-box{border:3px solid var(--black);background:var(--pink);box-shadow:6px 6px 0 var(--black);padding:22px}.error-box strong{font-size:20px}.error-box p{margin-bottom:0;font-size:13px}.control-panel{border-left:var(--line);background:var(--blue);flex-direction:column;flex-shrink:0;width:210px;padding:19px 17px;display:flex}.panel-heading{border-bottom:var(--line);letter-spacing:-.08em;padding-bottom:15px;font-size:22px;font-weight:700;line-height:.85}.panel-heading span{float:right;color:var(--pink);font-size:27px}.control-panel label,.fact-label{margin-top:19px;margin-bottom:7px;font:700 10px DM Mono,monospace}.control-panel input{border:var(--line);background:var(--paper);width:100%;height:35px;color:var(--black);padding:3px;font-size:11px}.action-button{border:var(--line);background:var(--pink);text-align:left;box-shadow:3px 3px 0 var(--black);margin-top:9px;padding:10px 8px;font-size:11px;font-weight:700}.action-button span{float:right;font-size:16px}.action-button:active{box-shadow:none;transform:translate(3px,3px)}.rule{background:var(--black);height:2px;margin-top:21px}.fact-label{margin-top:18px}.fact{margin:0;font-size:12px;line-height:1.3}.keycap{align-items:center;gap:8px;margin-top:auto;font:10px DM Mono,monospace;display:flex}.keycap kbd{border:var(--line);background:var(--yellow);box-shadow:2px 2px 0 var(--black);padding:7px 9px;font-weight:700}.panel-stamp{border:2px solid var(--black);color:var(--black);align-self:flex-end;margin-top:17px;padding:6px;font:700 9px/1.1 DM Mono,monospace;transform:rotate(-4deg)}.footer-bar{border-top:var(--line);background:var(--black);height:27px;color:var(--paper);justify-content:space-between;align-items:center;padding:0 21px 0 39px;font:9px DM Mono,monospace;display:flex}@media (width<=1050px){.control-panel{width:180px}.side-rail{width:65px;padding-inline:10px}.masthead{padding-left:24px}.sticker{width:60px;height:60px;font-size:12px}}@media (height<=680px){.masthead{height:115px}.brand-block h1{font-size:39px}.apod-media{height:220px}.footer-bar{height:24px}}@media (width<=850px){body{min-width:0}.control-panel{width:160px}.date-block{display:none}.brand-block h1{font-size:42px}.active-tab{width:190px}}