:root{--bg: #0d0d0d;--surface: #111111;--surface2: #1a1a1a;--border: #222222;--border2: #2a2a2a;--accent: #E8630A;--accent-dim:#3a2000;--text: #eeeeee;--muted: #888888;--faint: #555555;--faintest: #333333;--green: #4ade80;--card-gradient: linear-gradient(135deg, #2a1200 0%, #1a0800 50%, #0d0d0d 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{height:100%;max-width:430px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;position:relative}.screen{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.scroll-area{flex:1;overflow-y:auto;padding:0 var(--space-lg) var(--space-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.top-bar{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--bg);flex-shrink:0;min-height:48px;gap:var(--space-md)}.top-bar-logo{color:var(--accent);font-family:Georgia,serif;font-size:18px;line-height:1}.top-bar-back{background:none;border:none;color:var(--accent);font-size:22px;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.top-bar-subtitle{color:var(--muted);font-size:12px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);display:flex;padding:var(--space-sm) 0 14px;flex-shrink:0;height:var(--nav-height)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:none;border:none;padding:4px 0}.nav-icon{font-size:18px;line-height:1;opacity:.35}.nav-icon.active{opacity:1}.nav-label{font-size:9px;color:var(--faint);font-weight:400}.nav-label.active{color:var(--accent);font-weight:500}.nav-id-circle{width:20px;height:20px;border-radius:50%;background:var(--surface2);border:1px solid #444;display:flex;align-items:center;justify-content:center;opacity:.4}.nav-id-circle.active{background:var(--accent);border-color:var(--accent);opacity:1}.nav-id-circle span{color:#888;font-size:10px;font-family:Georgia,serif;font-weight:700}.nav-id-circle.active span{color:var(--bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm)}.card-accent{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm)}.card-id{background:var(--card-gradient);border:1.5px solid var(--accent);border-radius:var(--radius-xl);padding:20px;margin-bottom:var(--space-md)}.card-featured{background:var(--surface);border:1.5px solid var(--accent);border-left:4px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm)}.card-dashed{background:var(--surface);border:1px dashed var(--faintest);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm)}.card-gradient{background:var(--card-gradient);border:1px solid var(--accent-dim);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm)}.btn-primary{background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;padding:14px;width:100%;cursor:pointer;font-family:inherit;display:block;text-align:center;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-secondary{background:transparent;border:1.5px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:13px;font-weight:500;padding:13px;width:100%;cursor:pointer;font-family:inherit;display:block;text-align:center;box-sizing:border-box;transition:opacity .15s}.btn-secondary:active{opacity:.75}.btn-ghost{background:none;border:none;color:var(--faint);font-size:12px;cursor:pointer;font-style:italic;width:100%;padding:var(--space-sm) 0;font-family:inherit;text-align:center}.btn-row{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.btn-row .btn-secondary{flex:1;padding:12px var(--space-sm);font-size:12px}.input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-md);color:var(--text);padding:11px 13px;width:100%;font-size:13px;outline:none;font-family:inherit;display:block;margin-bottom:7px}.input::placeholder{color:var(--faintest)}.input:focus{border-color:var(--accent)}.label{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.tag{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.badge{background:var(--accent);color:var(--bg);font-size:9px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);display:inline-block}.badge-pill{background:var(--surface2);border:1px solid var(--faintest);border-radius:var(--radius-full);color:var(--muted);font-size:9px;padding:3px 8px;display:inline-block}.h1{color:var(--text);font-size:18px;font-weight:600;margin-bottom:var(--space-xs)}.h2{color:var(--text);font-size:15px;font-weight:600;margin-bottom:var(--space-xs)}.h3{color:var(--text);font-size:13px;font-weight:600;margin-bottom:var(--space-xs)}.muted{color:var(--muted);font-size:12px;line-height:1.6}.acc{color:var(--accent);font-size:12px}.mono{font-family:monospace}.prog-wrap{background:var(--surface2);border-radius:6px;height:7px;overflow:hidden;margin:var(--space-sm) 0}.prog-fill{background:var(--accent);height:100%;border-radius:6px;transition:width .5s ease}.prog-fill-gray{background:var(--faint);height:100%;border-radius:6px}.divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0}.divider-line{flex:1;height:1px;background:#1e1e1e}.divider-text{color:#444;font-size:10px}.fix-bottom{padding:var(--space-sm) var(--space-lg);border-top:1px solid #1a1a1a;flex-shrink:0;background:var(--bg)}.vote-opt{background:var(--surface2);border:1px solid var(--faintest);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center;color:var(--text);font-size:12px;cursor:pointer;flex:1;transition:border-color .15s,color .15s}.vote-opt:hover,.vote-opt.selected{border-color:var(--accent);color:var(--accent);background:#1a0a00}.vote-opts-row{display:flex;gap:6px;margin-bottom:var(--space-md)}.result-row{margin-bottom:var(--space-sm)}.result-header{display:flex;justify-content:space-between;margin-bottom:3px}.result-bar-wrap{background:var(--surface2);border-radius:4px;height:6px;overflow:hidden}.result-bar{height:100%;border-radius:4px;background:var(--accent)}.result-bar-dim{height:100%;border-radius:4px;background:#444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes load-bar{0%{width:0}to{width:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in .3s ease forwards}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.w-full{width:100%}.flex-1{flex:1}