.lp{max-width:1040px;margin-inline:auto;padding:1.2rem clamp(1.1rem,4vw,2rem) 4rem}.lp-nav{justify-content:space-between;align-items:center;padding:.6rem 0 2rem;display:flex}.lp-brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:800;display:flex}.lp-brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;transform:translateY(-.35em)}.lp-logo{background:var(--ink);border-radius:9px;flex:none;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.lp-logo:before,.lp-logo:after{content:"";background:var(--lamp);border-radius:999px;position:absolute}.lp-logo:before{height:4px;top:27%;left:22%;right:22%}.lp-logo:after{width:4px;height:4px;box-shadow:8px 0 0 0 var(--lamp);top:55%;left:32%}.lp-cta{background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);border:none;border-radius:999px;padding:.6rem 1.1rem;font-size:.92rem;font-weight:800}.lp-cta.lg{padding:.85rem 1.6rem;font-size:1.05rem}.lp-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:1rem 0 3.5rem;display:grid}@media (width<=780px){.lp-hero{grid-template-columns:1fr}}.lp-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .8rem;font-size:.7rem}.lp-h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.06}.lp-accent{color:var(--accent)}.lp-lead{color:var(--ink-soft);max-width:56ch;margin:0;font-size:1.05rem}.lp-lead.sm{font-size:.98rem}.lp-actions{gap:.7rem;margin:1.4rem 0 .6rem;display:flex}.lp-note{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:.74rem}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:.9rem;padding:1.4rem;display:flex}.hero-tape{background:var(--tape);width:100%;box-shadow:inset 0 0 0 1px var(--tape-edge);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:1.2rem .9rem;display:flex}.hero-grp{align-items:center;gap:3px;display:inline-flex}.hero-grp i{background:#23201c;border-radius:5px;height:9px;display:block}.hero-grp i.dit{width:9px}.hero-grp i.dah{width:27px}.hero-word{font-family:var(--font-mono);letter-spacing:.3em;margin:0;font-size:1.5rem;font-weight:700}.hero-play{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-family:var(--font-display);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700}.lp-section,.lp-science{padding:2.5rem 0}.lp-h2{margin:0 0 1.2rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.lp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.9rem;display:grid}.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.1rem}.lp-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:800}.lp-card p{color:var(--ink-soft);margin:0;font-size:.9rem}.lp-trust{background:var(--ink);color:var(--paper);border-radius:var(--radius);text-align:center;padding:2.2rem 1.5rem}.lp-trust-big{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:800}.lp-trust-sub{color:#b5aa9c;margin:0;font-size:.92rem}.lp-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:2.5rem;display:flex}.lp-footer p{color:var(--ink-soft);max-width:52ch;margin:0;font-size:.9rem}.lp-footer a{color:var(--accent);font-size:.9rem}:root{--stage-h:148px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f5f2ec;--paper-2:#ede8df;--surface:#fffdf9;--ink:#1a1613;--ink-soft:#6b6259;--ink-faint:#9c9287;--line:#e3dcd0;--line-strong:#d2c9ba;--accent:#c33c10;--accent-ink:#fff;--lamp:#ffc46b;--good:#2f7d4f;--star:#e0a030;--focus:#7a5cff;--stage:#100e0c;--tape:#f7f1e3;--tape-edge:#e6dcc6;--font-display:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:22px;--radius-sm:14px;--shadow-sm:0 1px 2px #1a16130f, 0 4px 14px #1a16130d;--shadow-md:0 2px 6px #1a161314, 0 18px 40px #1a16131a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#151310;--paper-2:#1d1a16;--surface:#221e19;--ink:#f4efe7;--ink-soft:#b5aa9c;--ink-faint:#7e7467;--line:#302b24;--line-strong:#3e382f;--accent:#ff7a45;--accent-ink:#23120a;--good:#5fbe84;--tape:#efe7d6;--tape-edge:#d8cdb6;--shadow-sm:0 1px 2px #0006, 0 4px 14px #00000059;--shadow-md:0 2px 6px #00000073, 0 18px 40px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}input[type=range]{width:100%;accent-color:var(--accent);touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.app{flex-direction:column;max-width:560px;min-height:100%;margin-inline:auto;display:flex}.topbar{padding:max(1rem, env(safe-area-inset-top)) 1.2rem .8rem;z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.brand{color:inherit;font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:none;align-items:center;gap:.55rem;padding:0;font-size:1.4rem;font-weight:800;display:flex}.brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;transform:translateY(-.35em)}.logo{background:var(--ink);border-radius:9px;flex:none;width:30px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.logo:before,.logo:after{content:"";background:var(--lamp);border-radius:999px;position:absolute}.logo:before{height:4px;top:27%;left:22%;right:22%}.logo:after{width:4px;height:4px;box-shadow:8px 0 0 0 var(--lamp);top:55%;left:32%}.wpm{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:.22rem .6rem;font-size:.74rem}.screen{padding:.4rem 1.2rem calc(88px + env(safe-area-inset-bottom));flex:1}.screen-body{flex-direction:column;gap:.85rem;display:flex}.screen-head{margin:.4rem 0 .3rem}.screen-head h2{font-size:1.5rem;font-weight:800}.screen-head p{color:var(--ink-soft);font-size:.9rem;font-family:var(--font-mono);margin:.25rem 0 0}.tabbar{width:min(560px,100%);padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--line);z-index:30;gap:.3rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--ink-faint);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.5rem 0 .35rem;transition:color .15s;display:flex}.tab.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.tab-label{font-size:.72rem;font-weight:600}.tab-icon{place-items:center;display:grid}.tab-icon svg{width:22px;height:22px}@media (width>=700px){.screen{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.tabbar{width:auto;bottom:calc(.9rem + env(safe-area-inset-bottom));border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:999px;padding:.45rem .55rem}.tab{border-radius:999px;flex:none;min-width:96px;padding:.45rem .8rem .4rem}}.seg-group{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;gap:.2rem;padding:.25rem;display:flex}.seg{font-family:var(--font-display);color:var(--ink-soft);background:0 0;border:none;border-radius:999px;flex:1;padding:.45rem .5rem;font-size:.9rem;font-weight:700}.seg.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.tape-window{background:var(--tape);box-shadow:inset 0 0 0 1px var(--tape-edge), inset 0 8px 14px -10px #00000040;border-radius:12px;position:relative;overflow-x:hidden}.tape-window:before,.tape-window:after{content:"";z-index:2;pointer-events:none;background-image:radial-gradient(circle at 4px 50%, var(--tape-edge) 0 1.6px, transparent 2px);opacity:.9;background-size:11px 9px;height:9px;position:absolute;left:0;right:0}.tape-window:before{top:0}.tape-window:after{bottom:0}.tape-window{height:var(--stage-h)}.tape-strip{align-items:center;min-width:100%;height:100%;padding:0 14px;display:flex}.mark{background:#23201c;border-radius:7px;flex:none;height:14px}.mark.live{background:var(--accent)}.gap{flex:none}.stage-hint{pointer-events:none;font-family:var(--font-mono);color:#9c9287;place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.stage-hint.dark{color:#7e7467}.lamp-stage{background:radial-gradient(120% 90% at 50% 0%, #221d18 0%, var(--stage) 62%);height:var(--stage-h);border-radius:16px;flex-direction:column;gap:.9rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.lens-row{align-items:center;gap:.9rem;display:flex}.lens{background:#1a1613;border-radius:50%;flex:none;width:54px;height:54px;transition:background 40ms linear,box-shadow 80ms;box-shadow:inset 0 0 0 2px #352e26,inset 0 2px 6px #0009}.lens.lit{background:radial-gradient(circle at 50% 45%, #fff3dc 0%, var(--lamp) 45%, #c87a16 100%);box-shadow:inset 0 0 0 2px #6b4a1e,0 0 34px 10px #ffc46b73}.lens-meta{flex-direction:column;display:flex}.lens-title{font-family:var(--font-display);color:#f4efe7;font-size:.98rem;font-weight:800}.lens-sub{font-family:var(--font-mono);color:#9c9287;font-size:.68rem}.trace-window{background:#00000059;border-radius:8px;flex:1;min-height:0;position:relative;overflow-x:hidden}.trace-strip{align-items:center;min-width:100%;height:100%;padding:0 10px;display:flex}.tr{background:var(--lamp);border-radius:6px;flex:none;height:11px;box-shadow:0 0 10px 2px #ffc46b73}.tr.live{background:#fff3dc}.readout{align-items:center;height:2.4rem;display:flex;overflow-x:hidden}.readout-line{white-space:nowrap;align-items:baseline;gap:.5rem;margin:0;display:flex}.readout-text{font-family:var(--font-mono);letter-spacing:.1em;word-break:break-all;font-size:1.5rem;font-weight:700;line-height:1.2}.readout-pending{font-family:var(--font-mono);color:var(--accent);font-size:1.5rem;font-weight:700}.mkey{width:100%;font-family:var(--font-display);background:var(--ink);color:var(--paper);touch-action:none;box-shadow:0 5px 0 0 var(--line-strong), var(--shadow-sm);border:none;border-radius:18px;padding:1.15rem 1rem;font-size:1.05rem;font-weight:800;transition:transform 60ms,box-shadow 60ms}.mkey.down{box-shadow:0 1px 0 0 var(--line-strong), var(--shadow-sm);transform:translateY(4px)}.mkey.lamp{background:var(--lamp);color:#23180a;box-shadow:0 5px 0 0 #8a5c14, var(--shadow-sm)}.mkey.lamp.down{box-shadow:0 1px 0 0 #8a5c14, var(--shadow-sm)}.hint{font-family:var(--font-mono);color:var(--ink-faint);text-align:center;margin:0;font-size:.7rem}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex:auto;padding:.55rem .7rem;font-size:.82rem;font-weight:700}.ghost:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.ghost:disabled{opacity:.5;cursor:default}.back{color:var(--ink-soft);background:0 0;border:none;align-self:flex-start;padding:.2rem 0;font-size:.85rem;font-weight:700}.xp-out{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.5rem;min-height:96px;padding:.7rem .8rem;display:flex}.xp-text{font-family:var(--font-mono);letter-spacing:.14em;word-break:break-all;white-space:pre-wrap;min-height:1.6rem;margin:0;font-size:1.3rem;font-weight:700}.xp-text .lit{color:var(--accent)}.caret{color:var(--accent);animation:1.1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.xp-code{flex-wrap:wrap;align-items:center;gap:5px 12px;min-height:12px;margin:0;display:flex}.xp-grp{align-items:center;gap:2px;display:inline-flex}.xp-word{width:4px}.codestrip{align-items:center;gap:1.5px;display:inline-flex}.codestrip i{background:var(--ink-soft);border-radius:2px;height:3px;display:block}.codestrip i.dit{width:2px}.codestrip i.dah{width:6px}.codestrip.md{gap:4px}.codestrip.md i{height:4px}.codestrip.md i.dit{width:4px}.codestrip.md i.dah{width:12px}.level-code i{background:var(--ink-soft);border-radius:2px;height:4px;display:block}.seg-group.boards .seg{padding:.42rem .2rem;font-size:.8rem}.alias-note{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;margin:0;padding:.5rem .7rem;font-size:.78rem;line-height:1.45}.cap.alias .codestrip i{background:var(--ink-faint)}.kbd{flex-direction:column;gap:5px;display:flex}.kbd-row{justify-content:center;gap:4px;display:flex}.kbd-row.indent{padding:0 12px}.cap{aspect-ratio:1/1.15;border:1px solid var(--line);background:var(--surface);min-width:0;max-width:44px;font-family:var(--font-mono);color:var(--ink);box-shadow:0 2px 0 0 var(--line);border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:.86rem;font-weight:700;transition:transform 60ms,box-shadow 60ms,background 60ms;display:flex;overflow:hidden}.cap:active,.cap.hit{box-shadow:none;background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:translateY(2px)}.cap:active .codestrip i,.cap.hit .codestrip i{background:var(--accent-ink)}.cap.wide{aspect-ratio:auto;flex:2 1 0;max-width:none;height:38px;font-size:.72rem}.level-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}@media (width>=480px){.level-grid{grid-template-columns:repeat(6,1fr)}}.level{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .3rem .5rem;display:flex}.level.locked{opacity:.45;box-shadow:none}.level-ch{font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.level-code{align-items:center;gap:2px;height:4px;display:flex}.level-code i.dit{width:4px}.level-code i.dah{width:10px}.level-stars{letter-spacing:.06em;color:var(--ink-faint);font-size:.7rem}.level-stars.earned{color:var(--star)}.quest{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:.55rem;padding:.8rem .9rem;display:flex;position:relative;overflow:hidden}.quest.won{background:color-mix(in srgb, var(--good) 12%, var(--surface));border-color:color-mix(in srgb, var(--good) 40%, var(--line))}.quest-head{align-items:center;gap:.7rem;display:flex}.quest-ch{font-family:var(--font-mono);background:var(--ink);width:44px;height:44px;color:var(--paper);border-radius:10px;flex:none;place-items:center;font-size:1.7rem;font-weight:700;display:grid}.quest-meta{flex-direction:column;flex:1;min-width:0;display:flex}.quest-title{font-family:var(--font-display);font-size:.98rem;font-weight:800}.quest-sub{font-family:var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.7rem}.quest-stars{letter-spacing:.08em;color:var(--ink-faint);font-size:.95rem}.quest-stars.earned{color:var(--star)}.quest-bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.quest-bar i{background:var(--accent);border-radius:999px;height:100%;transition:width .18s;display:block}.quest.won .quest-bar i{background:var(--good)}.quest-hint{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;margin:0;padding:.6rem .75rem;font-size:.88rem}.lanes{flex-direction:column;gap:.35rem;display:flex}.lane{background:var(--paper-2);height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;position:relative}.lane-label{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.58rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.lane-track{align-items:center;display:flex;position:absolute;inset:0 .6rem 0 3.5rem}.blk{border-radius:7px;flex:none;height:13px}.lane.target .blk{background:var(--ink-faint)}.lane.mine .blk{background:var(--accent)}.lane.mine .blk.off{background:var(--ink-faint);opacity:.5}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:7px;height:11px;animation:1.2s ease-in forwards fall;position:absolute;top:-12px}@keyframes fall{to{opacity:0;transform:translateY(160px)rotate(420deg)}}.set-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.set-row{flex-direction:column;gap:.45rem;padding:.85rem .9rem;display:flex}.set-row+.set-row{border-top:1px solid var(--line)}.set-head{align-items:baseline;gap:.5rem;display:flex}.set-label{font-family:var(--font-display);font-size:.95rem;font-weight:700}.set-val{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem;font-weight:700}.set-desc{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.45}.preview-btn{border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);font-family:var(--font-display);border-radius:999px;padding:.6rem;font-size:.9rem;font-weight:700}.preview-btn:disabled{opacity:.5;cursor:default}.about{color:var(--ink-soft);margin:.4rem 0 0;font-size:.88rem}.about strong{color:var(--ink)}.version{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:.72rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.section,.signals{flex-direction:column;gap:.5rem;margin-top:1.4rem;display:flex}.section-head{border-top:1px solid var(--line);align-items:flex-start;gap:.7rem;padding-top:1rem;display:flex}.section-head.first{border-top:none;margin-bottom:-.2rem;padding-top:0}.section-num{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--line);border-radius:7px;flex:none;margin-top:.1rem;padding:.18rem .4rem;font-size:.7rem;font-weight:700}.section-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:800}.section-sub{color:var(--ink-soft);margin:0 0 .2rem;font-size:.82rem}.signal{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:.4rem;padding:.8rem .9rem;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex}.signal:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.signal.playing{border-color:var(--accent)}.signal.playing .codestrip i{background:var(--accent)}.signal-head{align-items:baseline;gap:.5rem;width:100%;display:flex}.signal-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);word-break:break-word;font-size:.95rem;font-weight:700}.signal-when{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;margin-left:auto;font-size:.68rem}.signal-code{flex-wrap:wrap;align-items:center;gap:4px 12px;display:inline-flex}.signal-story{color:var(--ink-soft);font-size:.85rem;line-height:1.5}.signal-cta{font-family:var(--font-mono);color:var(--accent);font-size:.72rem;font-weight:700}.note{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.note-head{text-align:left;width:100%;color:var(--ink);font-family:var(--font-display);background:0 0;border:none;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.92rem;font-weight:700;display:flex}.note-chev{color:var(--ink-faint);margin-left:auto;font-size:.8rem;transition:transform .18s}.note-chev.open{transform:rotate(180deg)}.note-body{color:var(--ink-soft);margin:0;padding:0 .9rem .8rem;font-size:.86rem;line-height:1.55}.app,.lp{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.signal-story,.note-body,.history-body,.set-desc{-webkit-user-select:text;user-select:text}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.moment{gap:.8rem;padding:.1rem 0 .9rem;display:flex;position:relative}.moment:before{content:"";background:var(--line);width:1px;position:absolute;top:1.5rem;bottom:0;left:27px}.moment:last-child:before{display:none}.moment-year{text-align:right;width:56px;font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;padding-top:.1rem;font-size:.74rem;font-weight:700}.moment-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.moment-text b{font-family:var(--font-display);font-size:.95rem}.history-body{color:var(--ink-soft);font-size:.85rem;line-height:1.55}.paddle{gap:.6rem;display:flex}.pad{background:var(--ink);color:var(--paper);touch-action:manipulation;box-shadow:0 5px 0 0 var(--line-strong), var(--shadow-sm);border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:1rem .8rem;transition:transform 60ms,box-shadow 60ms;display:flex}.pad:active{box-shadow:0 1px 0 0 var(--line-strong), var(--shadow-sm);transform:translateY(4px)}.pad-mark{background:var(--paper);border-radius:6px;height:12px;display:block}.pad-mark.dit{width:12px}.pad-mark.dah{width:40px}.pad-label{font-family:var(--font-display);letter-spacing:.02em;font-size:.92rem;font-weight:800}.logrow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:stretch;gap:.4rem;display:flex;overflow:hidden}.logrow.playing{border-color:var(--accent)}.logrow.playing .codestrip i{background:var(--accent)}.logrow-main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.35rem;padding:.75rem .85rem;display:flex}.logrow-text{font-family:var(--font-mono);letter-spacing:.08em;word-break:break-word;font-size:1rem;font-weight:700}.logrow-code{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.logrow-x{width:42px;color:var(--ink-faint);border:none;border-left:1px solid var(--line);background:0 0;flex:none;font-size:1.3rem;line-height:1}.logrow-x:hover{color:var(--accent)}.log-empty{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:3rem 1rem;display:flex}.log-empty-mark{background:var(--paper-2);border-radius:14px;width:54px;height:54px;margin-bottom:.5rem;position:relative}.log-empty-mark:before,.log-empty-mark:after{content:"";background:var(--ink-faint);opacity:.5;border-radius:999px;position:absolute}.log-empty-mark:before{height:5px;top:30%;left:22%;right:22%}.log-empty-mark:after{width:5px;height:5px;box-shadow:11px 0 0 0 var(--ink-faint);top:56%;left:33%}.log-empty-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:800}.log-empty-body{color:var(--ink-soft);max-width:34ch;margin:0;font-size:.88rem}