@font-face{font-family:Oswald;src:url('./fonts/oswald.woff2') format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('./fonts/instrument-serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Fragment Mono';src:url('./fonts/fragment-mono.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f7ece5;--ink:#141414;--muted:#68605b;--rule:#d9cfc6;--blue:#598ccc;--red:#d51c29;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:48px 28px}
main{width:min(880px,100%)}
.edition{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:3px solid var(--ink);padding-top:14px;font-family:'Fragment Mono',monospace;font-size:10px;line-height:1.8;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
a{color:inherit;text-decoration:none}
.edition a{color:var(--ink)}
h1{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(68px,12vw,108px);letter-spacing:-.04em;line-height:1;margin:43px 0 24px}
.title-dot{color:var(--red)}
.hint{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(24px,3vw,30px);color:var(--muted);margin:0 0 28px;line-height:1.3}
.prompt-row{display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--ink);padding-top:28px}
#prompt{font-size:clamp(22px,3.1vw,31px);font-weight:450;line-height:1.75;letter-spacing:-.015em;word-break:normal;overflow-wrap:anywhere;text-wrap:pretty;user-select:text}
.domain{font-family:'Fragment Mono',monospace;font-size:.76em;letter-spacing:-.05em;color:var(--muted);display:inline-block}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid var(--ink);padding:12px;margin-top:4px;flex-shrink:0;min-width:48px;min-height:48px;display:grid;place-items:center;transition:background .15s,color .15s}
button:hover,button[data-copied]{background:var(--ink);color:var(--paper)}
button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
#status{display:block;min-height:22px;margin-top:14px;color:var(--muted);font-size:12px}
footer{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:14px;border-top:1px solid var(--rule);font-family:'Fragment Mono',monospace;font-size:9px;line-height:1.8;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
footer a{white-space:nowrap}
footer a:hover,.edition a:hover{color:var(--red)}
@media(max-width:480px){body{padding:32px 20px}.edition{font-size:8px;letter-spacing:.03em}.edition span{max-width:150px;text-align:right}h1{margin-top:36px}.hint{margin-bottom:22px}.prompt-row{gap:12px;padding-top:22px}button{padding:10px;min-width:44px;min-height:44px}.domain{font-size:.72em;max-width:100%;overflow-wrap:anywhere}footer{margin-top:28px;font-size:8px}footer span{max-width:200px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}