:root{color-scheme:light;--bg: #f6f6f4;--surface: #ffffff;--ink: #111111;--muted: #73736e;--line: #e8e8e4;--fill: #f0f0ec;--go: #1f8a4c;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}a{color:var(--muted);text-decoration:none}a:hover{color:var(--ink)}button,input{font:inherit}.shell{max-width:720px;margin:0 auto;padding:28px 20px 80px}.shell.home,.shell.name-gate{max-width:440px;padding-top:18vh}.brand{margin:0 0 10px;font-size:13px;font-weight:500;color:var(--muted)}h1{margin:0 0 24px;font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.15}.panel,.panel-box{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:8px;flex-wrap:wrap}input[type=text]{flex:1;min-width:160px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 12px}input[type=text]:focus{outline:none;border-color:var(--ink)}button{border:0;border-radius:10px;padding:11px 14px;cursor:pointer;background:var(--ink);color:#fff;font-weight:500}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button.secondary:hover,button:hover:not(:disabled){filter:none}button.secondary:hover{background:var(--fill)}button.show-votes{background:var(--go);color:#fff}button.show-votes:hover:not(:disabled){background:#187a42}button.icon{width:28px;height:28px;padding:0;display:grid;place-items:center;flex-shrink:0;background:transparent;color:var(--muted);border-radius:8px}button.icon:hover:not(:disabled){background:var(--fill);color:var(--ink)}button:disabled{opacity:.35;cursor:not-allowed}.error{margin:0;color:#b42318;font-size:14px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:36px}.toolbar .brand{margin:0}.nav{display:flex;align-items:center;gap:16px;font-size:14px}.topic{width:100%;margin:0 0 28px;padding:0;border:0;border-radius:0;background:transparent;font-size:28px;font-weight:500;letter-spacing:-.03em}.topic:focus{border-color:transparent;outline:none}.topic::placeholder{color:#c4c4be}.meta{margin:0 0 20px;color:var(--muted);font-size:14px}.result{display:grid;gap:20px;margin-bottom:28px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.final{text-align:center;padding:8px 0 4px}.final-label{margin:0 0 6px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.final-value{margin:0;font-size:72px;font-weight:600;letter-spacing:-.06em;line-height:1}.final-value.popular{color:var(--go)}.final-hint,.final-range{margin:10px 0 0;color:var(--muted);font-size:14px}.counts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:8px 0 0;padding:16px 0 0;border-top:1px solid var(--line);list-style:none}.count{display:flex;flex-direction:column;align-items:center;gap:6px}.count-card{width:44px;height:52px;display:grid;place-items:center;background:var(--fill);border-radius:8px;font-size:18px;font-weight:600}.count.popular .count-card{background:var(--go);color:#fff}.count-n{color:var(--muted);font-size:12px;font-weight:500}.count.popular .count-n{color:var(--go)}.players{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.player{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.player.mine{border-color:var(--ink)}.player.voted{background:color-mix(in srgb,var(--go) 14%,var(--surface));border-color:color-mix(in srgb,var(--go) 28%,var(--line))}.player.mine.voted{border-color:var(--ink)}.player-info{display:flex;align-items:center;gap:6px;min-width:0}.player button.icon{width:22px;height:22px}.player strong{min-width:0;font-size:14px;font-weight:500}.player-menu{position:relative}.menu{position:absolute;top:calc(100% + 4px);right:0;z-index:5;min-width:132px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #00000014}.menu button{display:block;width:100%;padding:8px 10px;background:transparent;color:var(--ink);border-radius:8px;text-align:left;font-size:14px;font-weight:500}.menu button:hover:not(:disabled){background:var(--fill)}.player input[type=text]{min-width:0;width:100%;padding:4px 8px;font-size:14px}.chip{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--ink);color:#fff;font-size:14px;font-weight:500}.actions{display:flex;gap:8px;margin-bottom:28px}.cards{display:flex;flex-wrap:wrap;gap:8px}.card{width:52px;height:64px;border-radius:10px;padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);font-size:18px;font-weight:500}.card:hover:not(:disabled){border-color:var(--ink)}.card.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.hint{margin:0;color:var(--muted);font-size:14px}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#11111147}.dialog{width:min(100%,360px);padding:22px 22px 18px;background:var(--surface);border-radius:16px}.dialog h2{margin:0 0 8px;font-size:20px;font-weight:500;letter-spacing:-.03em}.dialog p{margin:0 0 20px;color:var(--muted);font-size:14px}.dialog .row{justify-content:flex-end}.shell.panel{max-width:380px;padding:12px 12px 24px}.shell.panel .toolbar{margin-bottom:16px}.shell.panel .topic{font-size:18px;margin-bottom:12px}.shell.panel .card{width:42px;height:50px;font-size:15px}.shell.panel .player{min-width:0;flex:1 1 100%}.shell.panel .result{padding:16px;margin-bottom:16px}.shell.panel .final-value{font-size:56px}