:root{--wall:#12100e;--ink:#efe9dd;--ink-dim:#b8b0a3;--ink-faint:#8b8377;--line:#efe9dd21;--line-strong:#efe9dd42;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--pad:18px;--peek:82px;--ease:cubic-bezier(.22, .61, .24, 1);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--bg-pill:none;--bg-sheet:none;--bg-peek:none;--bg-plate:none;--bg-btn:none;--bg-btn-primary:none;--bg-menu:none;--bg-modal:none;--bg-field:none;--bg-toast:none;--bg-curtain-edge:none;--on-pill:#efe9dd;--on-sheet:#efe9dd;--on-peek:#efe9dd;--on-plate:#efe9dd;--on-btn:#efe9dd;--on-btn-primary:#efe9dd;--on-menu:#efe9dd;--on-modal:#efe9dd;--on-field:#efe9dd;--on-toast:#efe9dd;--edge-pill:#000;--edge-sheet:#000;--edge-peek:#000;--edge-plate:#000;--edge-btn:#000;--edge-btn-primary:#000;--edge-menu:#000;--edge-modal:#000;--edge-field:#000;--edge-toast:#000}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--wall);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.noscript{text-align:center;font-family:var(--serif);color:var(--ink-dim);margin:0;padding:0 32px;font-size:18px;position:absolute;inset:40% 0 auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus:not(:focus-visible){outline:none}:focus-visible{outline-offset:2px;outline:3px solid #efe9dd}.stage:focus-visible{outline-offset:-4px}.debug-panel{z-index:70;top:calc(var(--pad) + var(--safe-t));left:var(--pad);color:#efe9dd;font:400 11px/1.5 var(--mono);white-space:pre;pointer-events:none;background:#060504db;border:1px solid #efe9dd47;margin:0;padding:10px 12px;position:fixed}.stage{z-index:0;touch-action:none;cursor:grab;width:100%;height:100dvh;display:block;position:fixed;inset:0}.stage:active{cursor:grabbing}.vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse 96% 88% at 50% 50%, #06050400 0%, rgba(6, 5, 4, calc(.08 * var(--depth,0))) 100%), radial-gradient(ellipse 86% 72% at 50% 50%, #06050400 40%, #0605046b 100%);transition:background .4s var(--ease,ease);position:fixed;inset:0}.curtain{z-index:50;pointer-events:none;opacity:0;background:#000;position:fixed;inset:0}.curtain[data-mode=dim]{background:#000}.curtain[data-mode=open]{opacity:1;background:radial-gradient(circle at 50% 50%, transparent var(--open-inner,0%), #000 var(--open-outer,0%))}.surface,.pill,.sheet,.sheet-peek,.plate,.btn,.menu,.modal,.toast,.input-row input,.dropzone{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;border-radius:0}.pill{border-radius:50%}.sheet{background-image:var(--bg-sheet);color:var(--on-sheet);background-size:cover}.plate{background-image:var(--bg-plate);background-size:cover}.modal{background-image:var(--bg-modal);color:var(--on-modal);background-size:cover}.dropzone{background-image:var(--bg-field);color:var(--on-field);background-size:cover}.pill{background-image:var(--bg-pill);color:var(--on-pill);background-size:240px 240px}.sheet-peek{background-image:var(--bg-peek);color:var(--on-peek);background-size:420px 420px}.btn{background-image:var(--bg-btn);color:var(--on-btn);background-size:360px 360px}.btn-primary{background-image:var(--bg-btn-primary);color:var(--on-btn-primary)}.menu{background-image:var(--bg-menu);color:var(--on-menu);background-size:340px 340px}.toast{background-image:var(--bg-toast);color:var(--on-toast);background-size:320px 320px}.input-row input{background-image:var(--bg-field);color:var(--on-field);background-size:420px 420px}.stroked{paint-order:stroke fill;-webkit-text-stroke:2px var(--stroke,#000)}.peek-title{--stroke:var(--edge-peek);color:var(--on-peek);paint-order:stroke fill;-webkit-text-stroke:2px var(--stroke)}.peek-acc{--stroke:var(--edge-peek);color:var(--on-peek);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--stroke)}.plaque-title{--stroke:var(--edge-sheet);color:var(--on-sheet);paint-order:stroke fill;-webkit-text-stroke:2.5px var(--stroke)}.plaque p{--stroke:var(--edge-sheet);color:var(--on-sheet);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--stroke)}.btn,.menu-item,.modal-title{paint-order:stroke fill;-webkit-text-stroke:2px var(--stroke,#000)}.field h3{paint-order:stroke fill;-webkit-text-stroke:1.5px var(--stroke,#000)}.btn{--stroke:var(--edge-btn)}.btn-primary{--stroke:var(--edge-btn-primary)}.menu-item{--stroke:var(--edge-menu);color:var(--on-menu)}.field h3{--stroke:var(--edge-sheet);color:var(--on-sheet)}.toast{--stroke:var(--edge-toast);paint-order:stroke fill;-webkit-text-stroke:1.8px var(--stroke)}.panel{background:color-mix(in srgb, var(--edge-sheet) 82%, transparent);color:var(--on-sheet);-webkit-text-stroke:0;padding:10px 12px}.sheet{border-top:3px solid var(--on-sheet)}.pill{border:2px solid var(--on-pill)}.btn{border:3px solid var(--on-btn)}.btn-primary{border-color:var(--on-btn-primary)}.menu{border:3px solid var(--on-menu)}.menu-item+.menu-item{border-top:2px solid var(--on-menu)}.plate{border:3px solid var(--on-plate)}.plate canvas{outline:3px solid var(--on-plate)}.toast{border:3px solid var(--on-toast)}.field{border-top:2px solid var(--on-sheet)}.plaque hr{border-top:3px solid var(--on-sheet)}.grip-bar{background:var(--on-sheet);outline:2px solid var(--edge-sheet)}.pill:active,.btn:active,.menu-item:active{filter:invert()}.sheet{height:88dvh;transform:translateY(var(--sheet-y,100%));transition:transform .34s var(--ease);will-change:transform;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet[data-state=hidden]{--sheet-y:100%}.sheet[data-state=peek]{--sheet-y:calc(100% - var(--peek) - var(--safe-b))}.sheet[data-state=expanded]{--sheet-y:0px}.sheet[data-dragging="1"]{transition:none}.sheet-grip{width:100%;height:26px;color:inherit;font:inherit;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;display:grid}.grip-bar{width:54px;height:6px}.sheet-peek{height:56px;padding:0 var(--pad);text-align:left;cursor:pointer;font:inherit;transition:opacity .18s var(--ease);border:0;align-items:center;gap:12px;margin:0;display:flex;position:absolute;top:26px;left:0;right:0}.sheet[data-state=expanded] .sheet-peek{opacity:0;pointer-events:none}.peek-title{min-width:0;font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;line-height:1.25;overflow:hidden}.peek-acc{font-family:var(--mono);letter-spacing:.04em;flex:none;font-size:11px}.sheet-body{overscroll-behavior:contain;min-height:0;padding:4px var(--pad) calc(var(--pad) + var(--safe-b));scrollbar-width:none;opacity:0;transition:opacity .2s var(--ease);flex:1;overflow-y:auto}.sheet-body::-webkit-scrollbar{display:none}.sheet[data-state=expanded] .sheet-body{opacity:1}.sheet:not([data-state=expanded]) .sheet-body{visibility:hidden;pointer-events:none;overflow:hidden}.plate{place-items:center;padding:14px;display:grid}.plate canvas{aspect-ratio:1;width:100%;max-width:280px;height:auto;image-rendering:pixelated;display:block}.actions{gap:10px;margin-top:14px;display:flex}.actions>*{flex:1}.btn{width:100%;min-height:46px;font:700 14px/1 var(--sans);letter-spacing:.02em;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.caret{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .18s var(--ease)}.btn[aria-expanded=true] .caret{transform:rotate(180deg)}.menu-wrap{position:relative}.menu{animation:rise .16s var(--ease);position:absolute;bottom:calc(100% + 8px);left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.menu-item{width:100%;min-height:46px;font:700 14px/1 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:0 12px;display:flex}.menu-note{font-family:var(--mono);-webkit-text-stroke:0;font-size:11px}.plaque{text-align:center;margin-top:26px}.plaque-title{font-family:var(--serif);margin:0;font-size:21px;font-weight:400;line-height:1.3}.plaque hr{border:0;width:64px;height:0;margin:12px auto}.plaque p{letter-spacing:.03em;margin:3px 0;font-size:12.5px}.plaque .plaque-owner{letter-spacing:.1em;text-transform:uppercase;margin-top:9px;font-size:11px}.field{margin-top:26px;padding-top:16px}.field h3{font:400 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.field h3 .note{float:right;letter-spacing:.08em;text-transform:none;opacity:.8}.mono{font-family:var(--mono);font-size:11.5px;line-height:1.6}.address{word-break:break-all;cursor:pointer;max-height:5.6em;margin:0;overflow:hidden}.address[data-open="1"]{max-height:none}.record{grid-template-columns:auto 1fr;gap:5px 16px;margin:0;font-size:12.5px;display:grid}.record dt{opacity:.78;letter-spacing:.04em}.record dd{font-family:var(--mono);text-align:right;margin:0;font-size:11.5px}@media (min-width:760px) and (pointer:fine){.sheet{left:auto;right:var(--pad);bottom:var(--pad);border:3px solid var(--on-sheet);border-top-width:3px;width:380px;height:min(78dvh,760px)}.sheet[data-state=peek]{--sheet-y:calc(100% - var(--peek))}.sheet[data-state=hidden]{--sheet-y:calc(100% + var(--pad) + 8px)}.plate canvas{max-width:300px}}.overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.overlay .ui{pointer-events:auto}.pill{cursor:pointer;width:48px;height:48px;transition:transform .16s var(--ease);place-items:center;margin:0;padding:0;display:grid}.pill:active{transform:scale(.93)}.pill svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;filter:drop-shadow(0 0 1.6px var(--edge-pill)) drop-shadow(0 0 1.6px var(--edge-pill))}.pill-language{top:calc(var(--pad) + var(--safe-t));right:var(--pad);position:absolute}.controls{right:var(--pad);bottom:calc(var(--pad) + var(--safe-b));transition:transform .34s var(--ease), opacity .2s var(--ease);flex-direction:column;gap:12px;display:flex;position:absolute}body[data-sheet=peek] .controls{transform:translateY(calc(-1 * var(--peek)))}body[data-sheet=expanded] .controls{opacity:0;pointer-events:none;transform:translateY(16px)}@media (min-width:760px) and (pointer:fine){body[data-sheet=peek] .controls,body[data-sheet=expanded] .controls{transform:translateX(calc(-380px - var(--pad)));opacity:1;pointer-events:auto}}.hint{left:0;right:0;bottom:calc(var(--pad) + 30px + var(--safe-b));text-align:center;font:700 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #000;opacity:0;transition:opacity .7s var(--ease);margin:0;position:absolute}.hint[data-on="1"]{opacity:1}.toasts{z-index:60;top:calc(var(--pad) + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{font:700 13px/1.35 var(--sans);letter-spacing:.02em;text-align:center;text-wrap:pretty;width:max-content;max-width:min(84vw,280px);animation:toast-in .22s var(--ease);padding:10px 16px}.toast[data-out="1"]{animation:toast-out .26s var(--ease) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.pill,.controls,.sheet,.toast,.menu{transition-duration:.12s;animation-duration:.01ms}}.scrim{z-index:40;padding:var(--pad);padding-top:calc(var(--pad) + var(--safe-t));padding-bottom:calc(var(--pad) + var(--safe-b));animation:fade .18s var(--ease);background:#060504d1;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.scrim[hidden]{display:none}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:360px;padding:22px var(--pad) var(--pad);border:3px solid var(--on-modal);animation:rise .2s var(--ease)}.modal-narrow{max-width:300px}.modal-title{font-family:var(--serif);text-align:center;margin:0 0 18px;font-size:19px;font-weight:400}.dropzone{border:3px dashed var(--on-field);width:100%;font:700 14px/1.4 var(--sans);cursor:pointer;place-items:center;gap:5px;padding:26px 14px;display:grid}.dropzone[data-over="1"]{filter:invert()}.dropzone[data-busy="1"]{cursor:progress;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.dropzone svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;filter:drop-shadow(0 0 1.6px var(--edge-field)) drop-shadow(0 0 1.6px var(--edge-field))}.dropzone,.dropzone small{paint-order:stroke fill;-webkit-text-stroke:1.8px var(--edge-field)}.dropzone small{font-size:11.5px;font-weight:400}.compare{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.compare figure{text-align:center;margin:0}.compare canvas{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;outline:2px solid var(--on-modal);display:block}.compare figcaption{font:400 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-modal);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--edge-modal);margin-top:5px}.or{place-items:center;margin:16px 0;display:grid}.or span{letter-spacing:.14em;text-transform:uppercase;color:var(--on-modal);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--edge-modal);font-size:11px}.input-row{display:block}.input-row input{border:3px solid var(--on-field);width:100%;min-height:46px;font-family:var(--mono);padding:0 12px;font-size:13px;font-weight:700}.input-row input::placeholder{color:var(--on-field);opacity:.7}.input-row input:focus{outline:3px solid var(--on-field);outline-offset:2px}.modal-actions{gap:10px;margin-top:18px;display:flex}.modal-actions .btn{flex:1}.lang-list{border-top:2px solid var(--on-modal);margin:0;padding:0;list-style:none}.lang-list li{border-bottom:2px solid var(--on-modal)}.lang{width:100%;min-height:52px;color:var(--on-modal);font:400 15px/1 var(--sans);text-align:left;cursor:pointer;paint-order:stroke fill;-webkit-text-stroke:1.8px var(--edge-modal);background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:0 6px;display:flex}.lang[aria-current=true]{background-image:var(--bg-toast);image-rendering:pixelated;color:var(--on-toast);-webkit-text-stroke-color:var(--edge-toast);background-position:50%;background-repeat:no-repeat;background-size:340px 340px;padding-left:12px}.lang-native{opacity:.85;font-size:12.5px}.lang:active{filter:invert()}.segmented{align-items:center;gap:10px;margin-bottom:14px;display:flex}.segmented-label{font:400 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-modal);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--edge-modal);flex:none}.segmented-row{flex:1;gap:6px;display:flex}.segmented-row.wrap{flex-wrap:wrap;gap:4px}.segmented-row.wrap .segment{flex:none;min-width:34px;min-height:34px;font-size:12.5px}.segment{border:2px solid var(--on-modal);min-height:42px;color:var(--on-modal);font:700 15px/1 var(--sans);cursor:pointer;paint-order:stroke fill;-webkit-text-stroke:1.8px var(--edge-modal);background:0 0;border-radius:0;flex:1;place-items:center;gap:1px;padding:0 4px;display:grid}.segment small{font:400 9.5px/1 var(--mono);letter-spacing:.02em;opacity:.85;-webkit-text-stroke:1.2px var(--edge-modal)}.segment[aria-current=true]{background-image:var(--bg-toast);image-rendering:pixelated;color:var(--on-toast);-webkit-text-stroke-color:var(--edge-toast);background-position:50%;background-repeat:no-repeat;background-size:340px 340px}.segment:active{filter:invert()}.modal-note{font:400 11.5px/1.5 var(--sans);text-align:center;color:var(--on-modal);opacity:.9;paint-order:stroke fill;-webkit-text-stroke:1.5px var(--edge-modal);margin:14px 0 0}