:root{--red:#ff5b6a;--red-dark:#f2485a;--red-deep:#d83f52;--accent-grad:linear-gradient(135deg, #ff7a59 0%, #ff4f6d 100%);--amber:#ffb020;--amber-soft:#ffd57a;--cream:#f3e9d7;--cream-strong:#ecdcc0;--blue:#8ea2ff;--blue-deep:#5b6cff;--green:#16c79a;--green-dark:#0fa982;--ink:#2c2b3a;--ink-soft:#78778a;--card:#fbf7ef;--bg-1:#14152a;--bg-2:#1c1d3c;--bg-3:#2a1c3f;--on-dark:#fffffff0;--on-dark-soft:#ffffff9e;--glass:#ffffff1a;--glass-strong:#ffffff29;--shadow:0 20px 45px #080a1e80;--shadow-card:0 18px 40px #080a1e73, inset 0 1px 0 #ffffffb3;--font:"Poppins", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:-webkit-fill-available;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--on-dark);background-color:var(--bg-1);background-image:radial-gradient(1100px 620px at 50% -12%, #ff7a5938, transparent 60%), radial-gradient(900px 560px at 88% 8%, #786cff33, transparent 55%), radial-gradient(760px 620px at 8% 100%, #16c79a1f, transparent 55%), linear-gradient(165deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-3) 100%);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-attachment:fixed}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text;font-size:16px}.app{min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:0 0;flex-direction:column;display:flex}.chrome{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:12px;display:flex}.chrome-left{align-items:center;gap:10px;display:flex}.icon-btn{background:var(--glass);color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .15s,transform .1s;display:grid}.icon-btn:hover{background:var(--glass-strong)}.icon-btn:active{transform:scale(.94)}.board-btn{background:var(--glass);color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.board-btn:hover{background:var(--glass-strong)}.chrome-right{align-items:center;gap:10px;display:flex}.account-chip{background:var(--glass);color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.account-chip:hover{background:var(--glass-strong)}.icon-btn.avatar{background:var(--accent-grad);color:#fff;border:none;font-size:16px;font-weight:800}.alphabet-bar{flex-wrap:wrap;justify-content:center;gap:2px 6px;padding:4px 16px 10px;display:flex}.ab-letter{color:#ffffff52;font-size:clamp(13px,2.4vw,17px);font-weight:700;transition:color .2s,transform .2s}.ab-letter.learned{color:var(--amber-soft)}.ab-letter.current{color:#fff;text-shadow:0 0 12px #ffb020b3;transform:scale(1.25)}.stage{padding:8px 16px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow-y:auto}.stage>*{margin-top:auto;margin-bottom:auto}.start-screen{color:#fff;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;height:100%;display:flex}.start-loader{gap:12px;display:flex}.start-loader span{background:var(--amber);opacity:.6;border-radius:50%;width:14px;height:14px;animation:1.1s ease-in-out infinite pulse;box-shadow:0 0 16px #ffb020b3}.start-loader span:nth-child(2){animation-delay:.2s}.start-loader span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.start-title{letter-spacing:-1.5px;background:linear-gradient(#fff 0%,#ffd9d0 100%);-webkit-text-fill-color:transparent;text-shadow:0 8px 40px #ff5a6a59;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,11vw,88px);font-weight:800;line-height:.98}.start-prompt{color:var(--on-dark-soft);margin:0;font-size:clamp(16px,3.6vw,22px);font-weight:500}.onboarding{background:var(--card);color:var(--ink);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:26px;padding:30px 26px 26px;position:relative}.skip-btn{color:var(--ink-soft);background:0 0;border:none;font-size:15px;font-weight:600;position:absolute;top:16px;right:16px}.ob-art{height:150px;color:var(--ink);place-items:center;display:grid}.ob-keys{gap:20px;display:flex}.ob-key{background:var(--cream);width:74px;height:74px;color:var(--red);border-radius:18px;place-items:center;padding:16px;display:grid}.ob-letter{flex-direction:column;align-items:center;gap:10px;display:flex}.ob-mnemonic{width:120px;height:120px;color:var(--ink)}.ob-mnemonic-img{object-fit:contain;width:120px;height:120px}.ob-progress{gap:8px;display:flex}.ob-chip{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.ob-chip.done{background:var(--cream-strong);color:var(--ink)}.ob-title{margin:14px 0 8px;font-size:23px}.ob-body{color:var(--ink-soft);margin:0 0 18px;font-size:16px;line-height:1.5}.ob-dots{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.ob-dots span{background:#d8cdb8;border-radius:50%;width:9px;height:9px}.ob-dots span.on{background:var(--red)}.ob-next{background:var(--red);color:#fff;border:none;border-radius:999px;width:100%;padding:13px 32px;font-size:16px;font-weight:700}.game{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;display:flex}.conveyor{width:100%;height:44px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.conveyor-track{gap:24px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:50%}.conv-letter{text-align:center;flex:0 0 40px;width:40px;font-size:26px;font-weight:700;transition:color .3s,transform .3s}.conv-letter.learned{color:var(--amber-soft)}.conv-letter.upcoming{color:var(--blue)}.conv-letter.current{color:#fff;transform:scale(1.35)}.letter-card{background:var(--card);color:var(--ink);width:100%;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:22px 20px 24px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.letter-card.correct{box-shadow:0 0 0 4px var(--green), var(--shadow)}.letter-card.wrong{box-shadow:0 0 0 4px var(--red), var(--shadow);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.review-tag{background:var(--blue-deep);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.letter-circle{background:var(--accent-grad);color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;font-size:48px;font-weight:800;display:grid;box-shadow:0 10px 26px #ff4f6d73}.word-bricks{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:4px;display:flex}.brick{color:#cfc4ad;background:#ece4d3;border-radius:10px;place-items:center;width:40px;height:48px;font-size:24px;font-weight:800;transition:background .2s,color .2s,transform .2s;display:grid}.brick.done{background:var(--cream-strong);color:var(--ink)}.brick.current{background:var(--accent-grad);color:#fff;transform:translateY(-3px)scale(1.06);box-shadow:0 8px 18px #ff4f6d66}.brick.upcoming{color:#c3b89f;background:#ece4d3}.brick.pop{animation:.35s cubic-bezier(.22,1,.36,1) brick-pop}@keyframes brick-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.word-complete{background:var(--green);color:#fff;letter-spacing:2px;box-shadow:var(--shadow);border-radius:18px;margin-top:14px;padding:14px 28px;font-size:clamp(24px,7vw,34px);font-weight:800;animation:.3s cubic-bezier(.22,1,.36,1) toast-in}.mnemonic{flex-direction:column;align-items:center;gap:4px;display:flex}.mnemonic-art{width:116px;height:116px;color:var(--ink)}.mnemonic-img{object-fit:contain;width:128px;height:128px}.mnemonic-word{color:var(--ink-soft);font-size:18px;font-weight:600}.pattern{align-items:center;gap:8px;display:flex}.pattern .sym{background:currentColor;display:inline-block}.pattern .sym.dot{border-radius:50%}.pattern .sym.dash{border-radius:999px}.target-pattern{color:var(--amber);margin-top:2px}.play-pattern{background:var(--glass);color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}.play-pattern:hover{background:var(--glass-strong)}.live-decode{background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 18px;display:flex}.ld-input{color:var(--on-dark);flex:1}.ld-placeholder{color:var(--on-dark-soft);font-size:15px}.ld-preview{color:var(--amber);text-align:center;min-width:44px;font-size:32px;font-weight:800}.ld-preview.unknown{color:var(--on-dark-soft)}.keypad{flex-direction:column;gap:10px;width:100%;display:flex}.key-row{gap:10px;display:flex}.key-row.main .key{flex:1;height:88px}.key-row.secondary .key{flex:1;height:50px}.key{background:var(--card);color:var(--red);border:none;border-radius:18px;place-items:center;transition:transform 80ms,box-shadow 80ms,outline .1s;display:grid;box-shadow:0 6px 14px #080a1e59,inset 0 1px #fffc}.key:active{transform:translateY(3px);box-shadow:0 2px 6px #080a1e59}.key-glyph{width:46px;height:46px;color:var(--red)}.key-text{color:var(--ink);font-size:16px;font-weight:700}.key-row.secondary .key{background:#fbf7efe6}.key.scanning{outline:5px solid var(--amber);outline-offset:2px;animation:.9s ease-in-out infinite scan-pulse}@keyframes scan-pulse{0%,to{outline-color:var(--amber);box-shadow:0 0 #ffb02080}50%{outline-color:#ffd27a;box-shadow:0 0 22px 4px #ffb0208c}}@media (prefers-reduced-motion:reduce){.key.scanning{animation:none}}.key-hint{color:var(--on-dark-soft);text-align:center;margin:2px 0 0;font-size:12.5px;line-height:1.5}.one-switch-hint{color:var(--amber);background:#ffb0201a;border:1px solid #ffb0204d;border-radius:12px;padding:8px 14px}.key-hint b{color:var(--on-dark)}.switch-button{color:#4a3a00;background:linear-gradient(135deg,#ffca3a,#ffb020);border:none;border-radius:16px;width:100%;margin-top:4px;padding:18px;font-size:18px;font-weight:800;box-shadow:0 10px 24px #ffb02066}.switch-button:active{transform:translateY(3px)}.completion{background:var(--card);color:var(--ink);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:26px;padding:34px 28px}.completion .confetti{font-size:64px}.completion h2{color:var(--red);margin:8px 0;font-size:30px}.completion p{color:var(--ink-soft);line-height:1.5}.completion-actions{gap:10px;margin-top:18px;display:flex}.completion-actions .btn{flex:1}.mode-select{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:460px;display:flex}.mode-title{color:var(--on-dark);text-align:center;margin:0;font-size:clamp(26px,6vw,36px);font-weight:800}.mode-cards{flex-direction:column;gap:12px;width:100%;display:flex}.mode-card{background:var(--card);color:var(--ink);box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:22px;flex-direction:column;align-items:center;gap:3px;padding:16px 18px;transition:transform .12s,box-shadow .12s;display:flex}.mode-card:hover{transform:translateY(-2px)}.mode-card:active{transform:translateY(1px)}.mode-card.recommended{outline:2px solid var(--amber);outline-offset:3px}.mode-card.locked{opacity:.62;cursor:default;box-shadow:none}.mode-emoji{font-size:38px;line-height:1}.mode-name{color:var(--red);font-size:23px;font-weight:800}.mode-desc{color:var(--ink-soft);font-size:15px}.mode-meta{color:var(--ink-soft);margin-top:4px;font-size:13px;font-weight:600}.mode-meta.lock{color:var(--red-deep)}.receive{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;display:flex}.listen-btn{background:var(--card);color:var(--ink);width:100%;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;font-size:20px;font-weight:700;transition:transform .1s,box-shadow .15s;display:flex}.listen-btn:active{transform:scale(.98)}.listen-icon{font-size:56px;line-height:1}.receive-prompt{color:var(--on-dark);text-align:center;margin:0;font-size:17px;font-weight:600}.choices{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.choices-2,.choices-3{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.choice{background:var(--card);color:var(--red);border:none;border-radius:18px;padding:22px 0;font-size:34px;font-weight:800;transition:transform 80ms,box-shadow 80ms;box-shadow:0 8px 18px #080a1e59,inset 0 1px #fffc}.choice:active{transform:translateY(3px);box-shadow:0 3px 8px #080a1e59}.choice.correct{color:#fff;background:linear-gradient(135deg,#22d3a5,#0fa982);box-shadow:0 10px 24px #0fa98273}.choice.wrong{color:var(--red-deep);background:#ffe1e4;box-shadow:0 8px 18px #d83f5240}.choice.dim{opacity:.45}.receive-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rc-btn{background:var(--glass);color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600}.rc-btn:hover{background:var(--glass-strong)}.rc-btn.scanning{outline:4px solid var(--amber);outline-offset:2px}.choices.recall{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px}.choices.recall .choice{padding:14px 0;font-size:24px}.choice.scanning{outline:5px solid var(--amber);outline-offset:2px}.listen-btn.lamp-on{box-shadow:0 0 0 6px #ffb02066, var(--shadow-card);background:linear-gradient(135deg,#ffca3a,#ffb020)}.phase-tag{background:var(--blue-deep);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-self:center;padding:4px 12px;font-size:12px;font-weight:700}.brick.missed{color:var(--red-deep);background:#fde7e5}.word-input-row{gap:10px;width:100%;display:flex}.word-input{color:var(--ink);background:var(--card);text-align:center;letter-spacing:2px;border:none;border-radius:14px;flex:1;padding:14px 16px;font-size:20px;font-weight:700}.word-input:focus{outline:3px solid var(--amber)}.word-input-row .btn{border-radius:14px;padding:0 20px}.receive-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;display:flex}.hud{flex-direction:column;gap:6px;width:100%;display:flex}.hud-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hud-level{align-items:center;gap:10px;display:flex}.hud-lvl-badge{background:var(--accent-grad);color:#fff;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800;box-shadow:0 6px 14px #ff4f6d66}.hud-phase{color:var(--on-dark-soft);font-size:13px;font-weight:600}.hud-right{align-items:center;gap:8px;display:flex}.hud-streak{color:var(--amber-soft);font-size:14px;font-weight:700}.hud-trophy{background:var(--glass);color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.hud-trophy:hover{background:var(--glass-strong)}.hud-xp{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.hud-xp-fill{background:linear-gradient(90deg,#ffca3a,#ffb020);border-radius:999px;height:100%;transition:width .4s;box-shadow:0 0 12px #ffb02099}.toast-stack{left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;animation:.3s cubic-bezier(.22,1,.36,1) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:none}}.toast-icon{font-size:28px}.toast-text{flex-direction:column;display:flex}.toast-title{font-size:16px;font-weight:800}.toast-sub{color:var(--ink-soft);font-size:13px}.sentence-review{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sr-word{background:var(--cream-strong);color:var(--ink);border-radius:10px;padding:6px 12px;font-size:18px;font-weight:800}.sr-word.missed{color:var(--red-deep);background:#fde7e5}.badge-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.bs-item{text-align:center;background:#f7f7f8;border-radius:12px;flex-direction:column;padding:10px 6px;display:flex}.bs-item .big{color:var(--red);font-size:20px;font-weight:800}.bs-item span:last-child{color:var(--ink-soft);font-size:11px}.badge-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge{text-align:center;opacity:.55;filter:grayscale();background:#f7f7f8;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:14px 12px;display:flex}.badge.earned{opacity:1;filter:none;background:#fff7e6;box-shadow:inset 0 0 0 2px #ffd95e}.badge-icon{font-size:30px}.badge-name{color:var(--ink);font-size:14px;font-weight:800}.badge-desc{color:var(--ink-soft);font-size:12px;line-height:1.3}.badge-foot{color:var(--ink-soft);margin-top:14px;font-size:12.5px}@media (height<=760px){.receive-wrap{gap:10px}.receive{gap:12px}.listen-btn{padding:20px}.listen-icon{font-size:44px}.choice{padding:16px 0;font-size:28px}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));z-index:50;background:#0a0c1e8c;justify-content:center;align-items:center;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{color:var(--ink);-webkit-overflow-scrolling:touch;width:100%;max-width:440px;max-height:88dvh;box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:22px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-head h2{color:var(--green-dark);margin:0;font-size:22px}.modal .icon-btn{color:var(--ink);background:#eee;width:36px;height:36px}.modal .icon-btn:hover{background:#e0e0e0}.modal p{color:var(--ink-soft);line-height:1.5}.modal a{color:var(--green-dark);font-weight:600}.toggle-list{flex-direction:column;display:flex}.toggle-row{border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;gap:14px;padding:12px 2px;display:flex}.toggle-text{flex-direction:column;display:flex}.toggle-label{color:var(--ink);font-weight:600}.toggle-help{color:var(--ink-soft);font-size:13px}.switch{appearance:none;cursor:pointer;background:#ccc;border-radius:999px;flex:none;width:50px;height:28px;transition:background .15s;position:relative}.switch:checked{background:var(--green)}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked:after{transform:translate(22px)}.slider-row input[type=range]{width:130px;accent-color:var(--green)}.btn{color:var(--ink);background:#eef0f2;border:none;border-radius:12px;padding:13px 14px;font-size:15px;font-weight:600;transition:background .12s,transform 80ms}.btn:hover{background:#e3e6e9}.btn:active{transform:scale(.98)}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark)}.btn.primary:disabled{cursor:default;background:#bdbdbd}.btn.danger{color:var(--red-deep);background:#fde7e5}.btn.danger:hover{background:#fbd6d3}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.action-grid.two{grid-template-columns:1fr 1fr}.action-grid.one{grid-template-columns:1fr}.empty-state{text-align:center;color:var(--ink-soft);padding:28px 10px}.stat-cards{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-card{text-align:center;background:#f0faf4;border-radius:14px;flex-direction:column;gap:2px;padding:14px;display:flex}.stat-card .big{color:var(--green-dark);font-size:26px;font-weight:800}.stat-card span:last-child{color:var(--ink-soft);font-size:13px}.per-letter{flex-direction:column;gap:6px;display:flex}.pl-row{background:#f7f7f8;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;display:flex}.pl-row.learned{background:#f0faf4}.pl-letter{width:18px;color:var(--ink);font-weight:800}.pl-pattern{color:var(--ink-soft);flex:none}.pl-bar{background:#e3e3e6;border-radius:999px;flex:1;height:8px;overflow:hidden}.pl-fill{background:var(--green);border-radius:999px;height:100%;transition:width .3s}.pl-meta{color:var(--ink-soft);text-align:right;min-width:36px;font-size:13px}.pl-check{color:var(--green-dark);font-weight:800}.sync-line{color:var(--ink-soft);margin:-4px 0 12px;font-size:13px}.per-letter-head{align-items:center;gap:10px;padding:0 10px 4px;display:flex}.per-letter-head .pl-letter{width:18px}.plh-pattern{width:40px}.plh-label{text-align:center;text-transform:uppercase;color:var(--ink-soft);flex:1;font-size:11px;font-weight:700}.pl-fill.r{background:var(--blue-deep)}.pl-marks{text-align:right;min-width:34px;font-size:13px}.modal.about p{color:var(--ink)}.credits{font-size:14px;color:var(--ink-soft)!important}.credits.small{font-size:12.5px}.attr-h{color:var(--ink);margin:16px 0 4px;font-size:15px;font-weight:800}.modal code{background:#eef0f2;border-radius:6px;padding:1px 6px;font-size:13px}.code-box{resize:vertical;width:100%;min-height:110px;color:var(--ink);border:1px solid #ddd;border-radius:12px;margin-top:6px;padding:12px;font-family:ui-monospace,monospace;font-size:16px}.note{background:#fff7e6;border-radius:10px;padding:10px 12px;font-size:14px}.error-text{color:var(--red-deep);font-weight:600}.modal.board{max-width:520px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.board-cell{background:#f7f7f8;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;display:flex}.board-letter{color:var(--ink);font-size:18px;font-weight:800}.board-cell .pattern{color:var(--red)}@media (width<=380px){.key-glyph{width:38px;height:38px}.mnemonic-art{width:96px;height:96px}.mnemonic-img{width:104px;height:104px}}@media (height<=760px){.game{gap:8px}.conveyor{height:34px}.letter-card{border-radius:22px;gap:8px;padding:14px 18px 16px}.word-bricks{gap:6px;margin-bottom:0}.brick{width:38px;height:44px;font-size:22px}.letter-circle{display:none}.mnemonic-img{width:96px;height:96px}.live-decode{min-height:46px;padding:8px 16px}.key-row.main .key{height:72px}.key-row.secondary .key{height:44px}.key-glyph{width:40px;height:40px}.play-pattern{padding:6px 16px}.key-hint{display:none}.alphabet-bar{padding:2px 16px 6px}}@media (height<=640px){.conveyor{display:none}.letter-card{gap:6px;padding:12px 16px 14px}.brick{width:34px;height:40px;font-size:20px}.mnemonic-img{width:80px;height:80px}.key-row.main .key{height:64px}}.mode-badge{background:var(--accent-grad);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.mode-card{position:relative}.qso-list{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.qso-intro{color:var(--on-dark-soft);text-align:center;max-width:380px;margin:0 0 4px;font-size:14px}.qso-cards{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.qso-card{background:var(--card);color:var(--ink);text-align:left;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:16px;flex-direction:column;gap:3px;padding:14px;transition:transform .12s;display:flex}.qso-card:hover{transform:translateY(-2px)}.qso-card-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--red);font-size:11px;font-weight:800}.qso-card-title{color:var(--ink);font-size:16px;font-weight:800;line-height:1.15}.qso-card-meta{color:var(--ink-soft);font-size:12px}.qso-play{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:480px;display:flex}.qso-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.qso-back{color:var(--on-dark);background:0 0;border:none;padding:0;font-size:14px;font-weight:700}.qso-head-title{color:var(--on-dark);font-size:15px;font-weight:700}.qso-head-prog{color:var(--on-dark-soft);font-size:13px;font-weight:700}.qso-log{background:#0608168c;border:1px solid #ffffff1a;border-radius:14px;max-height:168px;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5;overflow-y:auto}.qso-log.empty{color:var(--on-dark-soft);text-align:center;font-size:12px}.log-line{gap:8px;display:flex}.log-dir{flex:none;font-weight:800}.log-line.tx .log-dir{color:#ff8a76}.log-line.rx .log-dir{color:var(--amber)}.log-text{color:#ffffffd9;word-break:break-word}.qso-cue{text-align:center;letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:800}.qso-cue.tx{color:#ff8a76}.qso-cue.rx{color:var(--amber)}.qso-turn{flex-direction:column;align-items:center;gap:12px;display:flex}.qso-msg{background:var(--card);color:var(--ink);width:100%;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 0;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px;font-weight:700;display:flex}.qso-msg.shake{animation:.4s shake}.qm-ch{border-radius:4px;padding:1px 2px;transition:color .15s,background .15s}.qm-ch.up{color:#c3b89f}.qm-ch.done{color:var(--green-dark)}.qm-ch.current{color:#fff;background:var(--red);border-radius:6px;padding:1px 5px}.qm-space{width:12px}.qso-key-panel{flex-direction:column;align-items:center;gap:6px;display:flex}.qso-cur-char{background:var(--accent-grad);color:#fff;border-radius:16px;place-items:center;width:60px;height:60px;font-size:34px;font-weight:800;display:grid;box-shadow:0 10px 24px #ff4f6d66}.qso-target{color:var(--amber)}.qso-keyed{color:#fff;place-items:center;min-height:22px;display:grid}.qso-keyed.ok{color:var(--green)}.qso-keyed.bad{color:var(--red)}.qso-keyed-ph{color:var(--on-dark-soft);font-size:13px}.qso-input{text-transform:uppercase;letter-spacing:1px}.qso-reveal-line{color:var(--on-dark);text-align:center;font-size:15px}.qso-reveal-line b{color:var(--amber);font-family:ui-monospace,monospace}.qso-complete{background:var(--card);color:var(--ink);text-align:center;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:22px;padding:28px 24px}.qso-complete .confetti{font-size:48px}.qso-complete h2{color:var(--red);margin:6px 0;font-size:26px}.qso-complete p{color:var(--ink-soft)}@media (width<=380px){.qso-cards{grid-template-columns:1fr}}.qso-random{background:var(--accent-grad);color:#fff;border:none;border-radius:16px;width:100%;padding:14px;font-size:15px;font-weight:800;box-shadow:0 10px 24px #ff4f6d66}.qso-random:active{transform:translateY(2px)}.straight-key-wrap{flex-direction:column;gap:10px;width:100%;display:flex}.straight-key{background:var(--card);width:100%;height:110px;color:var(--red);touch-action:none;-webkit-user-select:none;user-select:none;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform 50ms,box-shadow 50ms,background 50ms;display:flex;box-shadow:0 8px 18px #080a1e59,inset 0 1px #fffc}.straight-key .sk-glyph{font-size:46px;font-weight:800;line-height:1}.straight-key .sk-hint{color:var(--ink-soft);font-size:13px;font-weight:600}.straight-key.down{color:#4a3a00;background:linear-gradient(135deg,#ffca3a,#ffb020);transform:translateY(3px);box-shadow:0 0 0 5px #ffb02059,0 3px 8px #080a1e59}.straight-key.down .sk-hint{color:#6a5400}.qso-guide-link{background:var(--glass);width:100%;color:var(--on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff24;border-radius:999px;padding:10px;font-size:14px;font-weight:700}.qso-guide-link:hover{background:var(--glass-strong)}.qso-head-right{align-items:center;gap:10px;display:flex}.qso-guide-btn{background:var(--glass);color:var(--on-dark);border:1px solid #ffffff24;border-radius:999px;padding:4px 10px;font-size:15px;line-height:1}.qso-guide-btn:hover{background:var(--glass-strong)}.modal.cw-guide{max-width:480px}.cw-search{width:100%;color:var(--ink);background:#fff;border:1px solid #ddd;border-radius:12px;margin-bottom:8px;padding:11px 14px;font-size:16px}.cw-search:focus{outline:2px solid var(--green)}.cw-group{margin-top:12px}.cw-h{text-transform:uppercase;letter-spacing:.6px;color:var(--green-dark);margin:0 0 6px;font-size:12px;font-weight:800}.cw-list{margin:0}.cw-row{border-bottom:1px solid #f1f1f3;grid-template-columns:100px 1fr;align-items:baseline;gap:10px;padding:6px 0;display:grid}.cw-term{color:var(--red);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:800}.cw-mean{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.4}.mode-badge.tool{background:var(--green);box-shadow:0 6px 14px #16c79a66}.translator{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:520px;display:flex}.translator .mode-title{text-align:center}.flash-lamp{background:#ffffff1a;border-radius:999px;height:10px;transition:background 30ms,box-shadow 30ms}.flash-lamp.on{background:var(--amber);box-shadow:0 0 26px 6px #ffb020b3}.tr-panel{background:var(--card);box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:16px;overflow:hidden}.tr-head{color:var(--ink);border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:800;display:flex}.tr-mini{color:var(--ink);background:#eef0f2;border:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.tr-mini:hover{background:#e3e6e9}.tr-area{resize:vertical;width:100%;min-height:78px;color:var(--ink);background:var(--card);border:none;padding:12px 14px;font-size:16px;display:block}.tr-area.morse{letter-spacing:1px;font-family:ui-monospace,SF Mono,Menlo,monospace}.tr-area:focus{outline:none}.tr-actions{gap:10px;display:flex}.tr-actions .btn{flex:1}.tr-hint{color:var(--on-dark-soft);text-align:center;margin:0;font-size:12.5px}.morse-tree{background:#06081680;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:8px;overflow-x:auto}.morse-tree svg{min-width:460px;display:block}.num-progress{flex-wrap:wrap;justify-content:center;gap:5px;width:100%;display:flex}.np-chip{color:#ffffff80;background:#ffffff14;border-radius:7px;place-items:center;min-width:24px;height:26px;padding:0 6px;font-family:ui-monospace,monospace;font-size:14px;font-weight:800;display:grid}.np-chip.done{color:var(--amber-soft);background:#ffb02038}.np-chip.current{background:var(--red);color:#fff;box-shadow:0 4px 12px #ff4f6d66}.start-title.brand{letter-spacing:-3px;font-size:clamp(72px,22vw,150px)}.start-tagline{color:var(--on-dark-soft);margin:-6px 0 0;font-size:clamp(15px,3.6vw,20px);font-weight:600}.koch{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:520px;display:flex}.koch .mode-title{text-align:center}.koch-intro{color:var(--on-dark-soft);text-align:center;margin:0 4px;font-size:13.5px}.koch-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;display:grid}.koch-cell{background:var(--card);box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex}.koch-cell.locked{opacity:.4;filter:grayscale();box-shadow:none}.koch-cell.active{outline:2px solid var(--amber);outline-offset:2px}.kc-n{color:var(--ink);font-size:15px;font-weight:800}.kc-ch{color:var(--red);font-family:ui-monospace,monospace;font-size:13px;font-weight:800}.kc-best{color:var(--green-dark);font-size:11px;font-weight:700}.koch-chars{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.kchip{color:#fff9;background:#ffffff14;border-radius:7px;place-items:center;min-width:26px;height:28px;padding:0 6px;font-family:ui-monospace,monospace;font-size:15px;font-weight:800;display:grid}.kchip.new{background:var(--red);color:#fff}.koch-panel{background:var(--card);text-align:center;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:16px;padding:20px}.koch-panel p{color:var(--ink-soft);margin:0 0 14px}.koch-input{resize:vertical;text-align:left;letter-spacing:2px;min-height:70px;font-family:ui-monospace,monospace}.koch-result{background:var(--card);text-align:center;box-shadow:var(--shadow-card);border:1px solid #ffffff80;border-radius:18px;padding:20px}.koch-score{color:var(--red-deep);font-size:44px;font-weight:800}.koch-score.pass{color:var(--green-dark)}.koch-result p{color:var(--ink-soft);margin:4px 0 12px}.koch-sent{color:var(--ink-soft);word-break:break-word;font-size:13px}.koch-sent code{color:var(--ink);font-family:ui-monospace,monospace}.koch-per{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.kper{color:var(--red-deep);background:#ffe1e4;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.mode-badge.game{background:linear-gradient(135deg,#9d7bff,#ff5b6a);box-shadow:0 6px 14px #9d7bff66}.squadron{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:460px;display:flex}.sq-hud{width:100%;color:var(--on-dark);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-weight:800;display:flex}.sq-score{color:var(--amber);font-size:26px}.sq-wave{color:var(--on-dark-soft);text-transform:uppercase;letter-spacing:1px;font-size:14px}.sq-lives{letter-spacing:2px;font-size:15px}.sq-stage{aspect-ratio:360/560;background:radial-gradient(120% 80% at 50% 0,#1b1f4a 0%,#0c0e24 70%);border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0009,0 12px 30px #080a1e80}.sq-canvas{width:100%;height:100%;display:block}.sq-overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a1eb8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.sq-overlay h2{color:#fff;margin:0;font-size:26px}.sq-overlay p{color:var(--on-dark-soft);max-width:300px;margin:0;font-size:14px;line-height:1.5}.sq-decode{background:#fbf7ef0f;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:40px;padding:6px 16px;display:flex}.sq-input{letter-spacing:4px;color:var(--amber);text-align:right;min-width:60px;font-family:ui-monospace,monospace;font-size:26px}.sq-preview{color:#fff;text-align:left;min-width:32px;font-size:26px;font-weight:800}.sq-keys{gap:10px;width:100%;display:flex}.sq-keys .key.big{flex:1;height:72px}.sq-keys .sq-fire{letter-spacing:1px;color:#fff;background:linear-gradient(135deg,#ff9f43,#ff5b6a);flex:1.3;height:72px;font-size:18px;font-weight:900}.cave{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:480px;display:flex}.cave-scene{background:linear-gradient(135deg,#9d7bff24,#14152a66);border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.cave-art{filter:drop-shadow(0 4px 10px #00000080);font-size:46px;line-height:1}.cave-scene-info{flex:1;min-width:0}.cave-title{color:var(--on-dark);margin:0 0 4px;font-size:19px}.cave-status{align-items:center;gap:12px;font-size:13px;display:flex}.cave-hp{letter-spacing:1px}.cave-depth{color:var(--on-dark-soft);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cave-inv{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.inv-chip{color:var(--on-dark);background:#ffffff14;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700}.cave-narration{color:var(--on-dark-soft);text-align:center;max-width:420px;margin:0;font-size:15px;line-height:1.6}.cave-toast{color:var(--green);background:#16c79a29;border:1px solid #16c79a66;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700}.cave-deadend{color:var(--on-dark-soft);padding:20px;font-style:italic}.cave-nav{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.cave-exits{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cave-exit{color:var(--on-dark);background:#fbf7ef0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:flex}.ce-arrow{color:var(--amber);font-size:18px}.ce-dir,.ce-lock{font-size:13px}.cave-keyhint{color:var(--on-dark-soft);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.cave-keyed{background:#fbf7ef0f;border-radius:12px;align-items:center;gap:14px;min-height:34px;padding:6px 18px;display:flex}.cave-decoded{color:var(--amber);text-align:center;min-width:24px;font-size:24px;font-weight:800}.cave-go{width:100%;max-width:320px;height:48px;margin-top:2px}.cave-duel{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.duel-foes{justify-content:space-around;gap:12px;width:100%;display:flex}.foe{flex-direction:column;align-items:center;gap:3px;display:flex}.foe-art{font-size:40px;line-height:1}.foe-name{color:var(--on-dark);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.foe-hp{letter-spacing:1px;font-size:14px}.cave-log{width:100%;max-width:420px;min-height:66px;color:var(--on-dark-soft);background:#080a1e66;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-end;gap:2px;padding:8px 14px;font-size:13px;display:flex}.cave-log .log-now{color:var(--on-dark);font-weight:700}.duel-phase{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.duel-cue{color:var(--on-dark);text-align:center;background:#ffb0201f;border-radius:12px;padding:8px 16px;font-size:15px;font-weight:700}.duel-cue.defend-cue{background:#9d7bff29}.duel-cue.banish-cue{background:#16c79a29}.duel-cue b{color:var(--amber);letter-spacing:2px}.cave-end{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:380px;padding:20px;display:flex}.cave-end-art{font-size:64px}.cave-end h2{color:var(--on-dark);margin:0;font-size:26px}.cave-end p{color:var(--on-dark-soft);margin:0;font-size:15px;line-height:1.6}.mode-badge.a11y{background:linear-gradient(135deg,#4d96ff,#16c79a);box-shadow:0 6px 14px #4d96ff66}.gaze-intro{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:420px;padding:12px;display:flex}.gaze-eye{font-size:56px}.gaze-intro h2{color:var(--on-dark);margin:0;font-size:26px}.gaze-lead{color:var(--on-dark-soft);margin:0;font-size:15px;line-height:1.6}.gaze-lead .dit-word{color:var(--green)}.gaze-lead .dah-word{color:var(--red)}.gaze-privacy{color:var(--on-dark-soft);background:#4d96ff1a;border:1px solid #4d96ff47;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.55}.gaze-error{color:var(--red);background:#ff5b6a1a;border:1px solid #ff5b6a4d;border-radius:12px;padding:10px 14px;font-size:13px}.gaze-start{width:100%;max-width:320px;height:50px;margin-top:4px}.gaze-calibrate{z-index:60;background:#0c0e24f0;position:fixed;inset:0}.gaze-calib-hint{color:var(--ink);text-align:center;background:#fbf7eff2;border-radius:12px;max-width:90vw;padding:10px 16px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.gaze-dot{background:var(--red);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 18px #ff5b6ab3}.gaze-dot.done{background:var(--green);box-shadow:0 0 18px #16c79ab3}.gaze-calib-actions{flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.gaze-decode{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:640px;display:flex}.gaze-split{border-radius:18px;grid-template-columns:1fr .7fr 1fr;width:100%;height:42vh;min-height:240px;display:grid;overflow:hidden;box-shadow:0 12px 30px #080a1e80}.gaze-zone{flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:filter .12s,background .12s;display:flex;position:relative}.gaze-zone.dit{color:#eafff8;background:linear-gradient(160deg,#0f6f57,#16c79a)}.gaze-zone.dah{color:#fff0f1;background:linear-gradient(200deg,#a11f2c,#ff5b6a)}.gaze-zone.rest{color:var(--on-dark-soft);background:#171938}.gaze-zone.active{filter:brightness(1.35)saturate(1.2)}.gaze-zone.rest.active{background:#23264f}.gaze-zone-label{letter-spacing:2px;font-size:30px;font-weight:900}.gaze-zone-sub{text-transform:uppercase;letter-spacing:1px;opacity:.85;font-size:12px}.gaze-rest-hint{text-align:center;opacity:.8;font-size:12px;line-height:1.5}.dwell-ring{background:conic-gradient(#fff calc(var(--pct) * 360deg), #ffffff38 0);border-radius:50%;width:34px;height:34px;position:absolute;bottom:14px}.dwell-ring:after{content:"";background:inherit;filter:brightness(.6);background:#00000040;border-radius:50%;position:absolute;inset:5px}.gaze-readout{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.gaze-buffer{background:#fbf7ef0f;border-radius:12px;align-items:center;gap:12px;min-height:30px;padding:6px 18px;display:flex}.gaze-preview{color:var(--amber);font-size:22px;font-weight:800}.gaze-text{letter-spacing:2px;width:100%;min-height:44px;color:var(--on-dark);word-break:break-word;background:#080a1e66;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px;font-family:ui-monospace,monospace;font-size:20px}.gaze-text-ph,.gaze-text .gaze-text-ph{color:var(--on-dark-soft);letter-spacing:0;font-family:inherit;font-size:14px}.gaze-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.gaze-slider{color:var(--on-dark-soft);flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.gaze-slider input{width:130px}.gaze-check{color:var(--on-dark-soft);align-items:center;gap:6px;font-size:12px;display:flex}.gaze-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.modal.about .byline{color:var(--ink);background:#16c79a1a;border:1px solid #16c79a4d;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.6}.modal.about .byline a{color:var(--green-dark,#0e9b78);font-weight:700}