@font-face{font-family:doto;src:url(../media/figure_700-s.2ol-iinwn2e8m.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:doto;src:url(../media/figure_800-s.0v-2axc3a2kq2.woff2)format("woff2");font-display:swap;font-weight:800}@font-face{font-family:doto Fallback;src:local(Arial);ascent-override:72.25%;descent-override:19.01%;line-gap-override:0.0%;size-adjust:131.49%}.nQ65LG_className{font-family:doto,doto Fallback}.nQ65LG_variable{--f-doto:"doto", "doto Fallback"}
:root{--satin:#f3f1ec;--satin-2:#e3dfd6;--satin-hi:#fbfaf7;--seam:#cbc6ba;--seam-2:#b7b1a4;--ink:#22302b;--ink-2:#4a5752;--glass:#cfe3dc;--lcd:#1a2321;--lcd-ink:#8fe6cc;--ok:#2fb58a;--wait:#e9a93a;--no:#e5634a;--t-sol:#8a63d2;--t-usdc:#3f6fe0;--t-usdt:#2aa883;--lx:-.46;--ly:-.67;--lz:.585;--lit:146deg;--sx:.57;--sy:.82;--shade:38 50 44;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .3 0 0 0 0 .26 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--r-pane:22px;--r-plate:18px;--r-key:16px;--edge:clamp(12px, 2.4vmin, 30px);--gap:clamp(12px, 2.2vmin, 28px);--ease-glass:cubic-bezier(.2, .8, .2, 1);--t-open:.62s;--t-fade:.24s;--f-word:var(--f-maru), "Zen Maru Gothic", system-ui, sans-serif;--f-figure:var(--f-doto), ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--grain), linear-gradient(in oklab var(--lit), var(--satin-hi), var(--satin) 38%, var(--satin-2));color:var(--ink);font-family:var(--f-word);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-weight:500}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in oklab, var(--ok) 70%, white);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:var(--satin);clip-path:inset(50%);border-radius:12px;padding:10px 14px;position:fixed;top:12px;left:12px}.skip:focus{clip-path:none}.stage{grid-template-columns:var(--body-w) minmax(0, 1fr);gap:var(--gap);padding:calc(var(--edge) + env(safe-area-inset-top)) calc(var(--edge) + env(safe-area-inset-right)) calc(var(--edge) + env(safe-area-inset-bottom)) calc(var(--edge) + env(safe-area-inset-left));--body-w:clamp(300px, 30vw, 450px);transition:grid-template-columns var(--t-open) var(--ease-glass), grid-template-rows var(--t-open) var(--ease-glass);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:clip}html[data-mode=page] .stage{--body-w:clamp(84px, 6.6vw, 104px)}.world{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.body{z-index:1;min-width:0;min-height:0;position:relative}.pane{z-index:1;border-radius:var(--r-pane);min-width:0;min-height:0;box-shadow:0 0 0 1px var(--seam-2), 0 0 0 12px #efece6, 0 0 0 13px var(--seam), calc(var(--sx) * 26px) calc(var(--sy) * 26px) 52px rgb(var(--shade) / .16), calc(var(--sx) * 5px) calc(var(--sy) * 5px) 10px rgb(var(--shade) / .08);position:relative}.pane:before{content:"";border-radius:calc(var(--r-pane) + 12px);background:var(--grain), linear-gradient(in oklab var(--lit), #fefdfb, #ebe8e1 45%, #dcd7cc);box-shadow:inset calc(var(--lx) * -1.5px) calc(var(--ly) * -1.5px) 0 #fff, inset calc(var(--lx) * 1.5px) calc(var(--ly) * 1.5px) 0 #786e5c2e;-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:12px;position:absolute;inset:-12px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.pane:after{content:"";border-radius:var(--r-pane);pointer-events:none;z-index:3;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1e322c1a}.stage>.pane{margin:12px}.rods{border-radius:var(--r-pane);margin:0;padding:0;list-style:none;position:absolute;inset:0;overflow:clip}.rod{top:0;bottom:0;left:var(--a,0);width:var(--s,0);background:0 0;border:0;padding:0;display:block;position:absolute}.rod:focus-visible{outline:none}.rod:focus-visible .band{box-shadow:0 0 0 3px var(--ok), inset 0 0 0 1px #ffffffe6}.band{writing-mode:vertical-rl;white-space:nowrap;background:linear-gradient(in oklab var(--lit), #fdfefddb, #eef4f1b8);box-shadow:inset 1px 1px 0 #fffffff2, inset -1px -1px 0 #3c5a5024, calc(var(--sx) * 2px) calc(var(--sy) * 3px) 6px rgb(var(--shade) / .14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;color:#2b3734;transition:opacity var(--t-fade) ease, translate var(--t-open) var(--ease-glass);border-radius:13px;padding:14px 6px;font-size:16px;font-weight:700;position:absolute;top:clamp(14px,2.6vh,26px);left:50%;transform:translate(-50%)rotate(180deg)}.rod[aria-current=page]{pointer-events:none}.rod[data-wide] .band{opacity:0}html[data-mode=page] .band{border-radius:10px;padding:12px 4px;font-size:13px}html[data-mode=home] .field{pointer-events:none}.field{top:0;bottom:0;left:var(--field-a,0);width:var(--field-s,100%);z-index:2;position:absolute;container:field/size}.mark{letter-spacing:-.045em;color:var(--ink);margin:0;font-weight:900;line-height:.86}.lcd{isolation:isolate;border-radius:var(--r-plate);background:radial-gradient(120% 80% at 0% 0%, #8fe6cc0f, transparent 70%), linear-gradient(in oklab var(--lit), #2f3c39, var(--lcd) 55%, #141c1a);box-shadow:inset calc(var(--sx) * 3px) calc(var(--sy) * 4px) 9px #0000009e, inset 0 0 0 1px #0000008c, inset calc(var(--sx) * -1px) calc(var(--sy) * -1px) 0 1px #8fe6cc12, 0 0 0 6px #ebe8e1, 0 0 0 7px var(--seam), calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 7px #fff;color:var(--lcd-ink);position:relative}.lcd:before{content:"";border-radius:inherit;background:linear-gradient(in oklab 100deg, #ffffff1a, #ffffff08 50%, transparent 85%);clip-path:polygon(0 0,100% 0,100% 12%,0 26%);pointer-events:none;z-index:-1;position:absolute;inset:0}.lcd-label{color:#8fe6ccbd;font-size:13px;font-weight:500}.lcd-figure{font-family:var(--f-figure);font-variant-numeric:tabular-nums;text-shadow:0 0 10px #78f0cd80;font-weight:800;line-height:1}.lcd-rule{background:#8fe6cc2e;height:1px}.key{isolation:isolate;border-radius:var(--r-key);min-height:48px;color:var(--ink);background:var(--grain), linear-gradient(in oklab var(--lit), #fefdfa, #f1eee7 45%, #e2ded4);box-shadow:inset 1px 1px 0 #fff, inset -1px -2px 0 #6e64541a, 0 0 0 1px var(--seam), calc(var(--sx) * 1.5px) calc(var(--sy) * 2.5px) 0 .5px var(--seam-2), calc(var(--sx) * 9px) calc(var(--sy) * 11px) 20px rgb(var(--shade) / .15);border:0;align-items:center;gap:14px;padding:0 22px;font-size:17px;font-weight:700;text-decoration:none;transition:box-shadow .14s,translate .12s,filter .14s;display:inline-flex;position:relative}.key:before{content:"";z-index:-1;border-radius:calc(var(--r-key) - 3px) calc(var(--r-key) - 5px) 45% 45% / calc(var(--r-key) - 3px) calc(var(--r-key) - 5px) 30% 30%;background:linear-gradient(in oklab 98deg, #fffffff2, #ffffff8c 45%, #ffffff1f);pointer-events:none;transition:opacity .12s;position:absolute;inset:3px 6px 50% 4px}.key:hover{filter:brightness(1.03)}:is(.key,[data-press]):active{translate:calc(var(--sx) * 1px) calc(var(--sy) * 2px);box-shadow:inset calc(var(--sx) * 2px) calc(var(--sy) * 2px) 4px #00000014, 0 0 0 1px var(--seam), 0 0 0 1px var(--seam-2), calc(var(--sx) * 3px) calc(var(--sy) * 4px) 10px rgb(var(--shade) / .12)}.key:active:before{opacity:.45}.key:disabled,.key[aria-disabled=true]{color:color-mix(in oklab, var(--ink) 45%, var(--satin));cursor:default;translate:none}.key-big{border-radius:clamp(20px,2.6vh,26px);min-height:clamp(64px,9vh,86px);padding:0 clamp(22px,2.4vw,30px);font-size:clamp(20px,2.6vh,26px)}.lamp{background:radial-gradient(ellipse 34% 24% at 38% 28%, #fffffff2 55%, transparent 100%), radial-gradient(circle at 66% 72%, color-mix(in oklab, var(--lamp,var(--seam-2)) 55%, white) 0 16%, transparent 46%), radial-gradient(circle at 42% 38%, var(--lamp,var(--seam-2)) 40%, color-mix(in oklab, var(--lamp,var(--seam-2)) 62%, black) 100%);width:14px;height:14px;box-shadow:0 0 0 3px #e2ded5, calc(var(--sx) * -1px) calc(var(--sy) * -1px) 0 3px #a0968459, calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 3px #fff;border-radius:50%;flex:none}.lamp[data-lit]{box-shadow:0 0 12px color-mix(in oklab, var(--lamp) 80%, transparent), 0 0 0 3px #e2ded5, calc(var(--sx) * -1px) calc(var(--sy) * -1px) 0 3px #a0968459, calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 3px #fff}.lamp-ok{--lamp:var(--ok)}.lamp-wait{--lamp:var(--wait)}.lamp-no{--lamp:var(--no)}.key-big .lamp{width:18px;height:18px}.key-go{color:var(--lcd-ink);background:linear-gradient(in oklab var(--lit), #374542, var(--lcd) 60%, #121918);box-shadow:inset 1px 1px 0 #ffffff24, inset -1px -1px 0 #0006, 0 0 0 1px #0f1514, calc(var(--sx) * 1.5px) calc(var(--sy) * 2.5px) 0 .5px #0b100f, calc(var(--sx) * 11px) calc(var(--sy) * 13px) 24px #141e1a4d;text-shadow:0 0 10px #78f0cd73}.key-go:before{border-radius:inherit;background:linear-gradient(in oklab 100deg, #ffffff29, #ffffff0d 55%, #ffffff03);clip-path:polygon(0 0,100% 0,100% 30%,0 52%);inset:0}.key-go:active{box-shadow:inset calc(var(--sx) * 2px) calc(var(--sy) * 3px) 6px #00000080, 0 0 0 1px #0f1514, 0 0 0 1px #0b100f, calc(var(--sx) * 3px) calc(var(--sy) * 4px) 10px #141e1a38}.key-go:disabled{color:#8fe6cc66;text-shadow:none}.key-go .lamp{box-shadow:0 0 0 3px #0e1413, calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 3px #8fe6cc1f}.key-go .lamp[data-lit]{box-shadow:0 0 12px color-mix(in oklab, var(--lamp) 80%, transparent), 0 0 0 3px #0e1413, calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 3px #8fe6cc1f}.well.well-lcd{color:var(--lcd-ink);background:linear-gradient(in oklab var(--lit), #222c2a, var(--lcd));box-shadow:inset calc(var(--sx) * 3px) calc(var(--sy) * 4px) 8px #0009, inset 0 0 0 1px #0d1312, calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff;text-shadow:0 0 10px #78f0cd80;caret-color:var(--lcd-ink)}.well.well-lcd:focus-visible{box-shadow:inset calc(var(--sx) * 3px) calc(var(--sy) * 4px) 8px #0009, inset 0 0 0 2px var(--ok), calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff}.well.well-lcd[aria-invalid=true]{box-shadow:inset calc(var(--sx) * 3px) calc(var(--sy) * 4px) 8px #0009, inset 0 0 0 2px var(--no), calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff}.plate{border-radius:var(--r-plate);background:var(--grain), linear-gradient(in oklab var(--lit), #fdfcfa, #f2efe9 40%, #e6e2d9);box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #786e5c1f, 0 0 0 1px #c4beb2d9, calc(var(--sx) * 2px) calc(var(--sy) * 2.5px) 4px rgb(var(--shade) / .14), calc(var(--sx) * 26px) calc(var(--sy) * 26px) 40px rgb(var(--shade) / .12);position:relative}.plate-title{color:var(--ink-2);margin:0;font-size:13px;font-weight:700}.well{background:linear-gradient(in oklab var(--lit), #e6e2d8, #f6f4ef);width:100%;box-shadow:inset calc(var(--sx) * 2px) calc(var(--sy) * 2px) 4px #28322e24, inset 0 0 0 1px #b7b1a4b3, calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff;color:var(--ink);border:0;border-radius:12px;padding:12px 14px;font-size:16px;display:block}.well:focus-visible{box-shadow:inset calc(var(--sx) * 2px) calc(var(--sy) * 2px) 4px #28322e24, inset 0 0 0 2px var(--ok), calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff;outline:none}.well::placeholder{color:color-mix(in oklab, var(--ink-2) 70%, var(--satin))}.well[aria-invalid=true]{box-shadow:inset calc(var(--sx) * 2px) calc(var(--sy) * 2px) 4px #28322e24, inset 0 0 0 2px var(--no), calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff}.read{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--seam-2) transparent;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000);mask-image:linear-gradient(#000 calc(100% - 26px),#0000)}.coin{width:calc(var(--d,20px) + 4px);height:calc(var(--d,20px) + 4px);background:linear-gradient(in oklab var(--lit), #fffefc, #e4e0d6 55%, #cfc9bc);box-shadow:0 0 0 .5px #8c84748c, calc(var(--sx) * 1px) calc(var(--sy) * 1.5px) 2.5px rgb(var(--shade) / .28);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.coin img,.coin b{width:var(--d,20px);height:var(--d,20px);border-radius:50%;display:block}.coin:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:2px;box-shadow:inset 0 0 0 .5px #00000029}.coin b{font-weight:900;font-size:calc(var(--d,20px) * .52);color:var(--ink-2);background:linear-gradient(in oklab var(--lit), #f4f1ea, #d6d1c5);place-items:center;display:grid}.lcd .coin{background:linear-gradient(in oklab var(--lit), #46534f, #0c1110);box-shadow:0 0 0 .5px #000, calc(var(--sx) * 1px) calc(var(--sy) * 1.5px) 2px #00000080}.bead{width:var(--d,12px);height:var(--d,12px);background:radial-gradient(ellipse 22% 18% at 34% 29%, #fff 50%, transparent 100%), radial-gradient(circle at 64% 70%, color-mix(in oklab, var(--tint) 50%, white) 0 16%, transparent 48%), radial-gradient(circle at 50% 50%, var(--tint) 42%, color-mix(in oklab, var(--tint) 62%, black) 100%);box-shadow:calc(var(--sx) * 1px) calc(var(--sy) * 1.5px) 1.5px color-mix(in oklab, var(--tint) 45%, transparent);border-radius:50%;flex:none;display:inline-block}.tint-SOL{--tint:var(--t-sol)}.tint-USDC{--tint:var(--t-usdc)}.tint-USDT{--tint:var(--t-usdt)}.frost{background:linear-gradient(in oklab var(--lit), #fdfefdeb, #f0f5f2d1);box-shadow:inset 1px 1px 0 #fffffff2, inset -1px -1px 0 #3c5a5024, calc(var(--sx) * 2px) calc(var(--sy) * 3px) 7px rgb(var(--shade) / .13);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);border-radius:13px}.screen{animation:screen-in .42s var(--ease-glass) .26s both;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;translate:0 10px}}@keyframes rise-in{0%{opacity:0;translate:0 14px}}@keyframes fade-in{0%{opacity:0}}html[data-phase=assemble] .body>*,html[data-phase=hold] .body>*{animation:rise-in .7s var(--ease-glass) both;animation-delay:calc(var(--i,0) * .12s)}html[data-phase=assemble] .pane,html[data-phase=hold] .pane{animation:.9s both fade-in}html[data-phase=assemble] .band,html[data-phase=hold] .band{animation:rise-in .6s var(--ease-glass) both;animation-delay:calc(.3s + var(--i,0) * 70ms)}html[data-phase=assemble] .field,html[data-phase=hold] .field,html[data-phase=event] .field{opacity:0}.field{transition:opacity .4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}
.body-home,.body-page{transition:opacity .36s;position:absolute;inset:12px 0}.body-home{flex-direction:column;padding:clamp(4px,1vh,12px) clamp(0px,1vw,16px) 0 clamp(8px,1.4vw,24px);display:flex}html[data-mode=page] .body-home{opacity:0;pointer-events:none}.body-page{opacity:0;pointer-events:none;flex-direction:column;align-items:center;display:flex}html[data-mode=page] .body-page{opacity:1;pointer-events:auto;transition-delay:.24s}.body-mark{align-items:center;gap:.24em;width:fit-content;margin-left:-.02em;font-size:clamp(84px,min(9.4vw,16vh),146px);text-decoration:none;display:flex}.body-glyph{width:auto;height:.88em;translate:0 .08em}.body-tmark{width:100%;color:var(--ink);border-radius:16px;place-items:center;padding:14px 0;display:grid}.body-tglyph{width:auto;height:clamp(48px,7.5vh,72px)}.body-tmark:hover .body-tglyph{color:color-mix(in oklab, var(--ink) 80%, var(--ok))}.readout{gap:clamp(8px,1.3vh,12px);margin-top:clamp(22px,5vh,52px);padding:clamp(16px,2.2vh,22px) clamp(18px,1.8vw,26px) clamp(14px,2vh,20px);display:grid}.readout-row{gap:4px;display:grid}.readout .lcd-figure{min-height:1em;font-size:clamp(30px,min(3.2vw,5vh),46px)}.readout .lcd-figure[data-empty]{opacity:.35;animation:1.2s steps(4,end) infinite lcd-wait}@keyframes lcd-wait{50%{opacity:.6}}.readout-boot{align-content:center;gap:10px;min-height:calc(2*clamp(30px,min(3.2vw,5vh),46px) + 46px);display:grid}.readout-bar{background:radial-gradient(circle,#8fe6cc2e 1.6px,#0000 2px) 0 0/7px 7px;border-radius:3px;height:14px;display:block;position:relative}.readout-bar i{width:calc(var(--load,0) * 100%);background:radial-gradient(circle, var(--lcd-ink) 1.8px, transparent 2.2px) 0 0 / 7px 7px;filter:drop-shadow(0 0 4px #78f0cdb3);transition:width .2s linear;position:absolute;inset:0}.readout-touch{min-height:1.4em;font-size:15px;font-weight:700}html[data-phase=hold] .readout-touch{animation:1.6s ease-in-out infinite lcd-wait}.readout-crowd{gap:8px;display:grid}.readout-assets{flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:700;display:flex}.readout-assets span{align-items:center;gap:8px;display:inline-flex}.readout .readout-assets .lcd-figure{font-size:clamp(20px,2.8vh,26px)}.body-line{letter-spacing:-.01em;max-width:340px;color:var(--ink);margin:clamp(18px,3.6vh,34px) 0 0;font-size:clamp(19px,2.8vh,25px);font-weight:700;line-height:1.3}.body-line:before{content:"";background:linear-gradient(90deg, var(--seam-2), var(--seam));width:44px;height:4px;box-shadow:calc(var(--sx) * 1px) calc(var(--sy) * 1px) 0 #fff;border-radius:2px;margin-bottom:14px;display:block}.body-base{align-items:stretch;gap:12px;margin-top:auto;padding-top:clamp(14px,2.6vh,26px);display:flex}.body-open{flex:1}.sound-switch{flex-direction:column;justify-content:center;gap:6px;min-width:84px;padding:8px 12px;font-size:13px}.sound-dots{gap:4px;display:inline-flex}.sound-dots i{background:var(--seam-2);width:9px;height:9px;box-shadow:inset calc(var(--sx) * 1px) calc(var(--sy) * 1px) 1px #00000040;border-radius:50%}.sound-dots i[data-on]{background:radial-gradient(ellipse 34% 26% at 38% 30%, #fffffff2 55%, transparent 100%), radial-gradient(circle at 44% 40%, var(--ok) 45%, color-mix(in oklab, var(--ok) 65%, black));box-shadow:0 0 6px color-mix(in oklab, var(--ok) 80%, transparent)}.body-page .sound-switch{text-align:center;width:calc(100% - 8px);max-width:92px;margin-top:auto;padding:10px 6px}.preview{pointer-events:none;animation:preview-in .38s var(--ease-glass) .12s both;justify-items:start;gap:12px;padding:clamp(16px,2.4cqh,28px);display:grid;position:absolute;bottom:0;left:0;right:0}@keyframes preview-in{0%{opacity:0;translate:0 8px}}.preview-plate{border-radius:18px;gap:8px;max-width:100%;padding:18px 20px 20px;display:grid}.preview h2{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(40px,13cqw,74px);font-weight:900;line-height:.95}.preview p{color:var(--ink-2);max-width:30ch;margin:0;font-size:16px;line-height:1.4}.preview-live{color:var(--ink);flex-wrap:wrap;gap:8px 18px;font-size:15px;font-weight:700;display:flex}.preview-live span{align-items:center;gap:8px;display:inline-flex}.preview-hint{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.preview-hint kbd{font:inherit;background:linear-gradient(in oklab var(--lit), #fff, #ece8df);box-shadow:inset 1px 1px 0 #fff, 0 0 0 1px var(--seam), calc(var(--sx) * 1px) calc(var(--sy) * 1.5px) 0 1px var(--seam-2);border-radius:7px;padding:2px 8px}@media (hover:none){.preview-hint-keys{display:none}}@media (hover:hover){.preview-hint-touch{display:none}}@media (max-height:600px) and (min-aspect-ratio:4/5) and (min-width:701px){.body-mark{font-size:clamp(44px,13vh,84px)}.readout{gap:6px;margin-top:10px;padding:10px 14px}.readout .lcd-figure{font-size:clamp(20px,6vh,32px)}.readout-boot{min-height:0}.body-line{display:none}.body-base{margin-top:auto}.readout-crowd{display:none}.key-big{border-radius:16px;min-height:50px;font-size:17px}.sound-switch{min-width:72px;padding:4px 8px}.preview p,.preview-hint{display:none}.preview h2{font-size:clamp(28px,10cqw,44px)}.preview-plate{padding:12px 14px}.band{padding:10px 5px;font-size:13px;top:10px}}.rail-key{display:none}@media (max-aspect-ratio:4/5),(max-width:700px){.stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html[data-mode=page] .stage{grid-template-rows:56px minmax(0,1fr)}.stage>.pane{margin:10px}.body-page{inset:0}.body-home{padding:2px 4px 0;position:relative;inset:auto}html[data-mode=page] .body-home{display:none}.body-mark{font-size:clamp(60px,18vw,84px)}.readout{grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;margin-top:14px;padding:14px 16px}.readout .lcd-rule{width:1px;height:100%}.readout .lcd-figure{font-size:clamp(22px,6.4vw,30px)}.readout-boot{grid-column:1/-1;min-height:70px}.body-line{display:none}.body-base{margin-top:0;padding-top:12px}.readout-crowd{display:none}.body-open{min-height:56px;font-size:19px}.body-page{flex-direction:row;align-items:center;padding:0 4px}.body-tmark{width:auto;padding:4px 8px}.body-tglyph{height:40px}.body-base .sound-switch{min-width:74px}.body-page .sound-switch{flex-direction:row;width:auto;max-width:none;min-height:40px;margin:0 0 0 auto;padding:0 12px}.rod{width:auto;left:0;right:0;top:var(--a,0);height:var(--s,0);bottom:auto}.band{writing-mode:horizontal-tb;border-radius:10px;padding:5px 12px;top:50%;left:16px;transform:translateY(-50%)}html[data-mode=page] .band{display:none}html[data-mode=page][data-rail] .band{padding:6px 14px;font-size:15px;display:block}.body-page .rail-key{gap:10px;min-height:40px;margin-left:auto;padding:0 16px;font-size:16px;display:inline-flex}.body-page .rail-key+.sound-switch{margin-left:10px}.field{width:100%;left:0;top:var(--field-a,0);height:var(--field-s,100%);bottom:auto}.preview{gap:8px;padding:12px}.preview-plate{gap:6px;padding:12px 14px 14px}.preview h2{font-size:clamp(30px,9vw,40px)}.preview p,.preview-live{font-size:14px}}.screen{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--seam-2) transparent;flex-direction:column;gap:clamp(12px,2cqh,22px);padding:clamp(16px,3cqh,32px) clamp(16px,3cqw,36px);display:flex;overflow-y:auto}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.screen-title{letter-spacing:-.035em;border-radius:18px;margin:0;padding:6px 18px 10px;font-size:clamp(40px,7cqh,68px);font-weight:900;line-height:1}.screen-body{flex:1;gap:clamp(12px,2cqh,20px);min-height:0;display:grid}.fig{font-family:var(--f-figure);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.addr{word-break:break-all;color:var(--ink-2);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px}@media (max-aspect-ratio:4/5),(max-width:700px){.screen{padding:14px;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.screen-title{font-size:36px}}.nf{pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.nf-plate{pointer-events:auto;justify-items:start;gap:14px;max-width:520px;padding:clamp(24px,4cqh,36px) clamp(24px,4cqw,38px);display:grid}.nf-title{letter-spacing:-.03em;margin:0;font-size:clamp(36px,6cqh,56px);font-weight:900;line-height:1}.nf-text{color:var(--ink-2);margin:0 0 6px;font-size:17px;line-height:1.45}html[data-lost] .preview{display:none}@media (max-aspect-ratio:4/5),(max-width:700px){.nf{padding:10px}.nf-plate{width:100%;max-width:none}}