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