:root{--paper:#e6e6e6;--ink:#292929;--mute:#555;--hatch:repeating-linear-gradient(45deg,#d4d4d4 0 6px,#cbcbcb 6px 12px);--mono:'JetBrains Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}
[hidden]{display:none!important}
main{flex:1;width:min(560px,100%);margin:0 auto;padding:18px 24px;display:flex;flex-direction:column;gap:20px}
header{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;font-size:20px;letter-spacing:-.03em;color:inherit;text-decoration:none}
select,button{font:500 13px var(--mono);color:var(--ink);background:transparent;border:2px solid var(--ink);padding:6px 10px;cursor:pointer}
h1{margin:12px 0 0;font-weight:900;font-stretch:62%;font-size:clamp(56px,20vw,88px);line-height:.86;text-transform:uppercase}
.strong{margin:0;font-weight:800;font-size:17px}
.pick{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(342px,100%);aspect-ratio:1;padding:20px;border:2px dashed var(--ink);cursor:pointer}
.pick.over{background:#dadada}.pick:focus-within{outline:3px solid var(--ink);outline-offset:3px}
.pick input{position:absolute;width:1px;height:1px;opacity:0}
.plus{font-weight:300;font-size:64px;line-height:.8}.pickText{font-weight:800;font-size:20px;line-height:1.2}
.opt{display:flex;gap:8px;align-items:center;font:500 13px var(--mono)}
ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;background:var(--hatch);align-items:center}
li b{font-weight:800;overflow-wrap:anywhere}li span{grid-column:1;font:500 12px var(--mono);color:var(--mute)}
li button{grid-column:2;grid-row:1/3}li.warn{background:none;border:2px solid var(--ink)}
.solid{background:var(--ink);color:var(--paper);padding:12px;align-self:flex-start}
.note{margin:0;font:500 11px/1.4 var(--mono);color:var(--mute)}
footer{display:flex;justify-content:space-between;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));font:500 12px var(--mono);border-top:2px solid var(--ink)}
footer a{color:inherit}