:root{color:#efebe1;background:#171715;font-family:'Courier New',monospace;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 34px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,select:focus-visible{outline:3px solid #ff7a43;outline-offset:5px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;max-width:1450px;margin:auto;padding:27px 0;border-bottom:1px solid #efebe165;font-size:10px}.brand{font:900 28px Arial,sans-serif;letter-spacing:-1.7px}main{max-width:1450px;margin:auto}.intro{padding:52px 0 35px}.intro>p{font-size:9px;letter-spacing:2px;margin:0 0 24px}.intro h1{font:900 clamp(40px,6.5vw,94px)/.88 Arial,sans-serif;letter-spacing:-.075em;margin:0 0 35px}.intro h1>span{color:#ff7a43}.intro-bottom{display:flex;justify-content:space-between;gap:24px;align-items:end;font-size:9px}.intro label{display:flex;align-items:center;gap:16px}.intro select{font:11px 'Courier New',monospace;background:#efebe1;color:#171715;border:0;padding:13px;max-width:300px;border-radius:0}.styles{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.style-card{min-width:0}.style-card:nth-child(2){margin-top:65px}.style-card:nth-child(3){margin-top:-65px}.style-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;font-size:8px;letter-spacing:.5px}.style-head>span:first-child{font-size:12px;font-weight:bold}.style-card iframe{display:block;width:100%;height:850px;border:1px solid #efebe165;background:#e9e4d7}.style-card>a{display:block;text-align:right;font-size:9px;padding:16px 0;border-bottom:1px solid #efebe145}.style-card.cassette .style-head{color:#ff7a43}.style-card.archive .style-head{color:#a3b9ff}.style-card.classic .style-head{color:#e5daaf}footer{display:flex;justify-content:space-between;gap:20px;padding:40px 0;font-size:8px;max-width:1450px;margin:40px auto 0;border-top:1px solid #efebe165}#status{font-size:12px;padding:20px;border:1px solid #ff7a43}@media(max-width:750px){body{padding-inline:18px}header{padding-block:22px;font-size:8px}.brand{font-size:25px}.intro{padding-top:35px}.intro>p{font-size:7px}.intro h1{font-size:clamp(43px,10vw,73px);margin-bottom:28px}.intro-bottom{display:block;font-size:7px}.intro label{display:block;font-size:8px}.intro select{display:block;width:100%;max-width:none;margin-top:11px;margin-bottom:20px}.intro-bottom>span{display:block;text-align:right}.styles{grid-template-columns:1fr;gap:25px}.style-card:nth-child(n){margin-top:0}.style-head{font-size:6px}.style-head>span:first-child{font-size:10px}.style-card iframe{height:820px}.style-card>a{font-size:8px}footer{display:grid;grid-template-columns:1fr auto;font-size:7px;padding-block:25px;margin-top:30px}footer>a{grid-row:2;grid-column:1/-1}}@media(max-width:370px){.style-card iframe{height:900px}.style-head{letter-spacing:0}.intro h1{font-size:39px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}