:root{--color-bg: #fff3e2;--color-surface: #fffaf2;--color-surface-2: #ffeedd;--color-text: #2b1a10;--color-muted: #7d604a;--color-primary: #ff7a18;--color-primary-dark: color-mix(in srgb, var(--color-primary) 82%, black);--color-primary-text: color-mix(in srgb, var(--color-primary) 55%, black);--color-heading-accent: color-mix(in srgb, var(--color-primary) 70%, black);--color-player1: #2a6be2;--color-player2: #e22a6b;--color-border: rgba(43, 26, 16, .16);--color-dot: rgba(43, 26, 16, .08);--color-board: #f0d0a8;--radius: 18px;--radius-sm: 16px;--shadow: 0 2px 10px rgba(43, 26, 16, .08);--font-ui: "Baloo 2", system-ui, sans-serif;--font-label: "IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #241a12;--color-surface: #2e2117;--color-surface-2: #3a2a1c;--color-text: #f3e6d8;--color-muted: #c2a688;--color-primary-text: color-mix(in srgb, var(--color-primary) 65%, white);--color-heading-accent: color-mix(in srgb, var(--color-primary) 55%, white);--color-border: rgba(255, 237, 217, .14);--color-dot: rgba(255, 237, 217, .08);--color-board: #4a3420}}:root[data-theme=dark]{--color-bg: #241a12;--color-surface: #2e2117;--color-surface-2: #3a2a1c;--color-text: #f3e6d8;--color-muted: #c2a688;--color-primary-text: color-mix(in srgb, var(--color-primary) 65%, white);--color-heading-accent: color-mix(in srgb, var(--color-primary) 55%, white);--color-border: rgba(255, 237, 217, .14);--color-dot: rgba(255, 237, 217, .08);--color-board: #4a3420}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);background-color:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;font-size:100%}:root[data-font-size=large] body{font-size:118%}:root[data-effects=off] *,:root[data-effects=off] *:before,:root[data-effects=off] *:after{transition-duration:0s!important;animation-duration:0s!important}body[data-bg-pattern=dots]{background-image:radial-gradient(var(--color-dot) 1.5px,transparent 1.5px);background-size:18px 18px}body[data-bg-pattern=stripes]{background-image:repeating-linear-gradient(135deg,var(--color-dot),var(--color-dot) 2px,transparent 2px,transparent 14px)}body[data-bg-pattern=grid]{background-image:linear-gradient(var(--color-dot) 1px,transparent 1px),linear-gradient(90deg,var(--color-dot) 1px,transparent 1px);background-size:20px 20px}body[data-bg-pattern=plain]{background-image:none}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100%;max-width:560px;margin:0 auto;padding:16px 16px 96px;gap:16px}.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:color-mix(in srgb,var(--color-surface) 72%,transparent);border:1px solid var(--color-border);border-radius:22px;padding:8px;box-shadow:0 10px 30px #2b1a1024;z-index:50}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent;background:transparent;padding:6px 16px;border-radius:12px;font-size:.68rem;font-weight:700;color:var(--color-muted);transition:background-color .15s ease,border-color .15s ease}.bottom-nav-icon-wrap{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:inherit;transition:background-color .15s ease,color .15s ease}.bottom-nav-label{color:inherit}.bottom-nav-item.active{background:var(--color-surface-2);border-color:var(--color-primary)}.bottom-nav-item.active .bottom-nav-icon-wrap{background:transparent;color:var(--color-primary-text)}.bottom-nav-item.active .bottom-nav-label{color:var(--color-primary-text)}.app-header{display:flex;align-items:center;justify-content:space-between}.app-header-actions{display:flex;align-items:center;gap:8px}.app-brand{display:flex;align-items:center;gap:10px}.app-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--color-primary);box-shadow:0 2px 0 0 var(--color-primary-dark);font-size:1.2rem}.app-title{font-size:1.6rem;font-weight:800;letter-spacing:-.01em;color:var(--color-heading-accent);margin:0}.lang-switch{display:flex;gap:4px;background:var(--color-surface-2);border-radius:999px;padding:4px;border:1px solid var(--color-border)}.lang-switch button{border:none;background:transparent;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--color-muted)}.lang-switch button.active{background:var(--color-primary);color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:16px}.section-title{font-family:var(--font-label);font-weight:600;margin:0 0 10px;color:var(--color-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.game-option{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:transparent;padding:4px;text-align:center;font-family:inherit;cursor:pointer}.game-option-icon-tile{position:relative;width:100%;max-width:88px;aspect-ratio:1;border-radius:22px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:2.1rem;color:#000000b8;box-shadow:0 4px #2b1a102e;transition:transform .08s ease,box-shadow .08s ease}.game-option-players{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;font-size:.62rem;font-weight:700;padding:2px 6px;color:var(--color-text);font-family:var(--font-label)}.game-favorite-toggle{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);font-size:.9rem;display:flex;align-items:center;justify-content:center;padding:0}.game-option-label{font-weight:700;font-size:.88rem}.game-option:active .game-option-icon-tile{transform:translateY(2px);box-shadow:0 1px #2b1a102e}.sort-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sort-list{display:flex;flex-direction:column;gap:8px}.sort-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.sort-row-icon{width:44px;max-width:44px;font-size:1.3rem;color:#000000b8;flex-shrink:0}.sort-row-label{flex:1;font-weight:700;font-size:.92rem}.game-detail{display:flex;flex-direction:column;gap:12px}.game-detail-hero{position:relative;border-radius:var(--radius);padding:40px 0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.game-detail-icon{width:72px;height:72px;color:#000000b8}.game-detail-back{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffbf;color:var(--color-text);font-size:1.1rem;display:flex;align-items:center;justify-content:center}.game-detail-players{position:absolute;bottom:12px;right:12px}.game-detail-title{margin:0;font-size:1.3rem}.game-detail-desc{margin:-8px 0 4px;color:var(--color-muted)}.option-list{display:flex;flex-direction:column;gap:10px}.option-row{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-ui);font-weight:700;font-size:1rem;color:var(--color-text);text-align:left;transition:transform .08s ease}.option-row:active{transform:scale(.98)}.option-row-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);font-size:1.2rem;flex-shrink:0}.option-row-label{flex:1}.option-row-arrow{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text);font-size:.75rem;flex-shrink:0}.primary-button{width:100%;border:2px solid transparent;background:var(--color-primary);color:var(--color-text);border-radius:20px;padding:14px;font-family:var(--font-ui);font-size:1.1rem;font-weight:800;box-shadow:0 6px 0 0 var(--color-primary-dark);transition:transform .08s ease,box-shadow .08s ease}.primary-button:active{transform:translateY(4px);box-shadow:0 2px 0 0 var(--color-primary-dark)}.primary-button:disabled{opacity:.6;box-shadow:none;transform:none}.secondary-button{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:16px;padding:10px 18px;font-family:var(--font-ui);font-size:.95rem;font-weight:700;box-shadow:0 4px 0 0 var(--color-border);transition:transform .08s ease}.secondary-button:active{transform:translateY(2px);box-shadow:none}.text-input{font-family:var(--font-ui);font-size:1rem;padding:10px 14px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.text-input::placeholder{color:var(--color-muted)}.text-input:focus{outline:none;border-color:var(--color-primary)}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.quick-reply-chip{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);border-radius:999px;padding:6px 12px;font-family:var(--font-ui);font-size:.85rem;font-weight:600;white-space:nowrap}.quick-reply-chip:active{transform:translateY(1px)}.game-screen{display:flex;flex-direction:column;gap:14px;align-items:center}.game-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%}.status-banner{display:inline-flex;align-self:center;align-items:center;font-size:1rem;font-weight:700;min-height:1.4em;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:8px 20px}.status-banner.win{color:var(--color-primary-text);background:var(--color-surface-2);border-color:var(--color-primary)}.room-wait-card{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.room-code-chip{font-family:var(--font-label);font-size:2rem;font-weight:600;letter-spacing:.25em;color:var(--color-primary-text);background:var(--color-surface-2);border:2px dashed var(--color-primary);border-radius:var(--radius-sm);padding:10px 20px}.qr-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px;display:inline-flex}.qr-card img{display:block;border-radius:6px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(320px,90vw);aspect-ratio:1}.ttt-cell{background:var(--color-surface);border:none;border-radius:10px;box-shadow:var(--shadow);font-size:2.4rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ttt-cell[data-player="1"]{color:var(--color-player1)}.ttt-cell[data-player="2"]{color:var(--color-player2)}.ttt-cell.winning{background:#fff2c4}.ttt-cell:disabled{cursor:default}.gomoku-scroll{width:100%;max-width:100%;overflow:auto;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--color-board);padding:8px}.gomoku-board{display:grid;gap:1px;background:#c9a877;width:max-content}.gomoku-cell{width:26px;height:26px;background:var(--color-surface);border:none;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;padding:0}.gomoku-cell[data-player="1"]{color:var(--color-player1)}.gomoku-cell[data-player="2"]{color:var(--color-player2)}.gomoku-cell.last-move{box-shadow:inset 0 0 0 2px var(--color-primary)}.gomoku-cell.winning{background:#fff2c4}.gomoku-cell:disabled{cursor:default}.oaq-board{display:grid;grid-template-columns:56px repeat(5,1fr) 56px;grid-template-rows:repeat(2,64px);gap:8px;width:100%;max-width:480px}.oaq-pit{border:none;border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow);font-size:1.2rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;justify-content:center}.oaq-quan{background:var(--color-board);font-size:1.4rem}.oaq-pit.selectable{box-shadow:inset 0 0 0 2px var(--color-primary)}.oaq-pit:disabled{cursor:default;opacity:.85}.oaq-scoreboard{display:flex;justify-content:space-between;width:100%;max-width:480px;font-weight:600}.chess-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(32px,48px));grid-template-rows:repeat(8,minmax(32px,48px));border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.chess-square{border:none;display:flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1;position:relative}.chess-square.light{background:#f0d9b5}.chess-square.dark{background:#b58863}.chess-square.selected{box-shadow:inset 0 0 0 3px var(--color-primary)}.chess-square.destination:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#e2622a8c}.chess-piece{pointer-events:none}.chess-piece.player-1{color:#fdfdfd;text-shadow:0 0 2px #000,0 0 1px #000}.chess-piece.player-2{color:#1a1a1a}.chess-promotion-picker{display:flex;gap:8px}.xiangqi-board{display:grid;grid-template-columns:repeat(9,minmax(28px,42px));grid-template-rows:repeat(10,minmax(28px,42px));background:#e7c27d;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);gap:1px;padding:1px}.xiangqi-square{border:none;background:#e7c27d;display:flex;align-items:center;justify-content:center;position:relative}.xiangqi-square:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.25)}.xiangqi-square.river-edge:before{border-bottom-width:3px;border-bottom-color:#3c78aa80}.xiangqi-square.selected{box-shadow:inset 0 0 0 3px var(--color-primary)}.xiangqi-square.destination:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:#e2622a8c}.xiangqi-piece{pointer-events:none;width:80%;height:80%;border-radius:50%;background:#fbf0d9;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;box-shadow:0 1px 2px #0006}.xiangqi-piece.player-1{color:#c0392b;border:2px solid #c0392b}.xiangqi-piece.player-2{color:#1a1a1a;border:2px solid #1a1a1a}.go-board{display:grid;gap:1px;background:#c9a877;width:max-content}.go-cell{width:28px;height:28px;background:var(--color-surface);border:none;display:flex;align-items:center;justify-content:center;padding:0}.go-cell:disabled{cursor:default}.go-stone{width:80%;height:80%;border-radius:50%;box-shadow:0 1px 2px #0006}.go-stone.player-1{background:#1a1a1a}.go-stone.player-2{background:#f5f0e6;border:1px solid #999}.go-stone-dead{opacity:.35}.go-score-line{font-weight:600;color:var(--color-muted);margin:-8px 0 0}.bs-scroll{width:100%;max-width:100%;overflow:auto;border-radius:var(--radius);box-shadow:var(--shadow);background:#bcd9e8;padding:8px}.bs-board{display:grid;gap:2px;width:max-content}.bs-cell{width:28px;height:28px;background:#e4f1f7;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:0}.bs-cell.ship{background:#5c7a99}.bs-cell.mark-hit{background:#e25a3c}.bs-cell.mark-miss{background:#9fc3d6}.bs-cell.noted{box-shadow:inset 0 0 0 2px #e2b23c;font-weight:700;color:#8a5d00}.bs-cell:disabled{cursor:default}.bs-placement{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.bs-placement-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.bs-pass-gate{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.domino-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.domino-meta{font-weight:600;color:var(--color-muted);margin:-8px 0 0}.domino-line-scroll{width:100%;max-width:100%;overflow-x:auto;min-height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-board);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.domino-empty-line{color:var(--color-muted);margin:0}.domino-line{display:flex;gap:2px}.domino-tile{display:flex;align-items:center;background:#fdfaf2;border:1px solid #c9a877;border-radius:6px;padding:6px 4px;font-weight:700;gap:4px;min-width:40px;justify-content:center}.domino-tile.placed{background:#fdfaf2}.domino-tile.playable{box-shadow:0 0 0 2px var(--color-primary)}.domino-tile.hinted{box-shadow:0 0 0 2px var(--color-primary),0 0 8px 2px gold;background:#fff8d6}.domino-tile:disabled{opacity:.6}.domino-divider{width:1px;height:18px;background:#c9a877}.domino-hand{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.domino-end-picker{display:flex;gap:12px}.sudoku-board{display:grid;grid-template-columns:repeat(9,minmax(28px,36px));grid-template-rows:repeat(9,minmax(28px,36px));background:var(--color-surface);border:2px solid #333;border-radius:6px;overflow:hidden}.sudoku-cell{border:1px solid #ccc;background:var(--color-surface);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;color:var(--color-primary)}.sudoku-cell.given{color:var(--color-text)}.sudoku-cell.box-left{border-left:2px solid #333}.sudoku-cell.box-top{border-top:2px solid #333}.sudoku-cell.related{background:var(--color-surface-2)}.sudoku-cell.same-value{background:#ffe9c4}.sudoku-cell.selected{background:#ffd79a}.sudoku-cell.conflict{color:#c0392b}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;font-size:.55rem;font-weight:500;color:var(--color-muted)}.sudoku-note{display:flex;align-items:center;justify-content:center}.sudoku-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.sudoku-numpad{display:grid;grid-template-columns:repeat(9,minmax(28px,36px));gap:4px}.sudoku-digit{aspect-ratio:1;border:none;border-radius:6px;background:var(--color-surface-2);font-weight:700;font-size:1rem}.sudoku-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sudoku-actions .active{box-shadow:0 0 0 2px var(--color-primary)}.nm-scroll{width:100%;max-width:100%;overflow-x:auto;background:var(--color-board);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px}.nm-board{display:grid;gap:3px;width:max-content}.nm-cell{width:36px;height:36px;border:none;border-radius:4px;background:var(--color-surface);font-weight:700;font-size:1rem}.nm-cell.crossed{background:transparent;cursor:default}.nm-cell.selected{box-shadow:0 0 0 2px var(--color-primary)}.nm-cell.partner{background:#ffe9c4}.nh-timer{font-weight:700;font-size:1.2rem;margin:-8px 0 0}.nh-field{position:relative;width:100%;aspect-ratio:1;max-width:480px;background:var(--color-board);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.nh-target{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:none;background:var(--color-surface);box-shadow:var(--shadow);font-weight:700}.nh-target.found{background:var(--color-primary);color:#fff;opacity:.6}.zoom-pan-viewport{position:relative;overflow:hidden;touch-action:none;margin:0 auto;border-radius:var(--radius);box-shadow:var(--shadow);cursor:grab}.zoom-pan-content{position:relative;transform-origin:0 0}.play-options-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;text-align:left}.play-options-title{display:flex;align-items:center;gap:8px;font-weight:700}.play-options-change{color:var(--color-primary);font-weight:600;font-size:.85rem}.play-options-summary{color:var(--color-muted);font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal-card{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:var(--color-surface);border-radius:16px 16px 0 0;padding:20px;display:flex;flex-direction:column;gap:12px}.modal-header{display:flex;align-items:center;justify-content:space-between}.po-tabs{display:flex;gap:4px;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:4px}.po-tab{flex:1;border:none;background:transparent;padding:8px;border-radius:6px;font-weight:600}.po-tab.active{background:var(--color-surface);box-shadow:var(--shadow)}.po-preset-list{display:flex;flex-wrap:wrap;gap:8px}.po-preset-list .active{box-shadow:0 0 0 2px var(--color-primary)}.po-hint{color:var(--color-muted);font-size:.85rem;margin:0}.po-custom-input{width:80px;padding:8px}.clock-display{display:flex;gap:8px;justify-content:center}.clock-chip{padding:6px 12px;border-radius:var(--radius-sm);background:var(--color-surface-2);font-weight:700;font-variant-numeric:tabular-nums}.clock-chip.active{background:var(--color-primary);color:#fff}.clock-chip.expired{background:#c0392b;color:#fff}.history-nav{display:flex;gap:8px;justify-content:center}.pause-menu{align-items:stretch}.pause-menu button{width:100%;text-align:center}.match-series-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--color-surface-2);border-radius:var(--radius);width:100%}.settings-heading{font-size:1.1rem;font-weight:800;margin:0}.group-label{font-size:.8rem;font-weight:600;color:var(--color-muted);margin:4px 4px 0}.settings-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.settings-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.settings-row:last-child{border-bottom:none}.settings-row-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.settings-row-text{flex:1 1 110px;min-width:110px;display:flex;flex-direction:column}.settings-row-label{font-weight:700;font-size:.92rem}.settings-row-control{flex:1 1 auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.segmented{display:flex;flex-wrap:wrap;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:3px}.segmented button{border:1.5px solid transparent;background:transparent;color:var(--color-muted);padding:5px 10px;border-radius:8px;font-family:inherit;font-size:.76rem;font-weight:700;white-space:nowrap}.segmented button.selected{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary-text)}.accent-swatch-row{display:flex;gap:12px}.accent-swatch{width:38px;height:38px;border-radius:50%;border:3px solid transparent;padding:0}.accent-swatch--sm{width:26px;height:26px;border-width:2px}.accent-swatch.selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface)}.toggle-switch{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:999px;transition:background .15s ease}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--color-surface);border-radius:50%;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.toggle-switch input:checked+.toggle-track{background:var(--color-primary)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(18px)}.settings-row--link{cursor:pointer}.settings-row-chevron{color:var(--color-muted);font-size:1.2rem}.avatar-picker{display:flex;flex-wrap:wrap;gap:8px}.avatar-option{width:40px;height:40px;border-radius:50%;border:2px solid transparent;background:var(--color-surface);font-size:1.3rem;display:flex;align-items:center;justify-content:center;padding:0}.avatar-option.selected{border-color:var(--color-primary)}.profile-header{display:flex;align-items:center;gap:14px;padding:16px 14px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-surface);font-size:1.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-nickname-input{font-family:var(--font-ui);font-weight:700;font-size:1rem;padding:6px 10px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%}.landing{display:flex;flex-direction:column;gap:32px}.landing-eyebrow{font-family:var(--font-label);font-weight:600;color:var(--color-primary-text);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.landing-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px 20px}.landing-title{font-size:1.9rem;line-height:1.15;margin:0 0 12px;color:var(--color-heading-accent)}.landing-desc{margin:0 0 16px;color:var(--color-muted);line-height:1.5}.landing-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.landing-pill{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--color-text)}.landing-cta{width:auto;padding:14px 28px}.landing-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.landing-section-title{font-size:1.3rem;margin:0 0 6px;color:var(--color-heading-accent)}.landing-section-desc{margin:0 0 16px;color:var(--color-muted)}.landing-note{margin:16px 0 0;color:var(--color-muted);font-size:.85rem;text-align:center}.landing-steps{display:flex;flex-direction:column;gap:16px}.landing-step{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.landing-step-icon{font-size:1.6rem}.landing-step-title{font-weight:800;margin:0}.landing-step-desc{margin:0;color:var(--color-muted)}.landing-faq{display:flex;flex-direction:column;gap:16px}.landing-faq-item{border-top:1px solid var(--color-border);padding-top:16px}.landing-faq-item:first-child{border-top:none;padding-top:0}.landing-faq-q{font-weight:700;margin:0 0 4px}.landing-faq-a{margin:0;color:var(--color-muted)}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px 0}.landing-footer-tagline{font-size:1.1rem;font-weight:800;color:var(--color-heading-accent);margin:0}