:root{--hdr-h: 56px;--tabbar-h: 64px;--radius: 14px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg: #0b0e13;--bg-elev: #141820;--surface: #1a1f2e;--surface-2: #232a3b;--border: #2d3548;--text: #e8eaf0;--text-dim: #8892a4;--text-muted: #5a6478;--accent: #3b82f6;--accent-hover: #2563eb;--accent-ink: #ffffff;--green: #22c55e;--gold: #eab308;--red: #ef4444;--orange: #f97316;--ch-groups: #8b5cf6;--ch-marketplace: #f59e0b;--ch-messenger: #06b6d4;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s}:root[data-theme=light]{--bg: #f5f7fa;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f0f2f5;--border: #d1d5db;--text: #111827;--text-dim: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f5f7fa;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #f0f2f5;--border: #d1d5db;--text: #111827;--text-dim: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative}@media(min-width:768px){.app-shell{max-width:100%;flex-direction:row}}.header{height:var(--hdr-h);padding:0 16px;padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elev);border-bottom:1px solid var(--border);flex-shrink:0}.header h1{font-size:18px;font-weight:700}.main-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px)}@media(min-width:768px){.main-content{padding-bottom:16px;overflow-x:hidden}}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;background:var(--bg-elev);border-top:1px solid var(--border);z-index:100}@media(min-width:768px){.tabbar{position:static;flex-direction:column;width:80px;min-width:80px;height:100%;border-top:none;border-left:1px solid var(--border);padding:16px 0;justify-content:flex-start;gap:8px}}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border:none;background:none;color:var(--text-dim);font-size:10px;font-family:var(--font);cursor:pointer;transition:color var(--duration) var(--ease);min-height:44px;justify-content:center;position:relative}.tab-item.active{color:var(--accent)}.tab-icon{font-size:20px}.tab-badge{position:absolute;top:2px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;cursor:pointer;transition:border-color var(--duration) var(--ease)}.question-card:hover,.question-card.active{border-color:var(--accent)}.question-card .meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.question-card .text{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.question-card .time{font-size:12px;color:var(--text-muted);margin-top:6px}.response-editor{display:flex;flex-direction:column;gap:12px}.response-editor textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-family:var(--font);font-size:14px;line-height:1.6;resize:vertical;min-height:120px;outline:none}.response-editor textarea:focus{border-color:var(--accent)}.char-count{font-size:12px;color:var(--text-muted);text-align:right}.char-count.warn{color:var(--gold)}.char-count.over{color:var(--red)}.star-rating{display:flex;gap:4px}.star-rating button{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);text-shadow:0 0 0 transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);opacity:.5;transition:opacity var(--duration) var(--ease),color var(--duration) var(--ease)}.star-rating button:hover{opacity:.8}.star-rating button.filled{opacity:1;color:#facc15;-webkit-text-stroke:1px rgba(255,255,255,.3)}.actions{display:flex;gap:8px}.actions button{flex:1}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat-card .value{font-size:28px;font-weight:700;color:var(--accent)}.stat-card .label{font-size:12px;color:var(--text-dim);margin-top:4px}.usage-bar{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden;margin:8px 0}.usage-bar .fill{height:100%;border-radius:4px;transition:width var(--duration) var(--ease)}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center;gap:24px}.auth-screen h1{font-size:28px;font-weight:800}.auth-screen p{color:var(--text-dim);max-width:320px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-dim);gap:12px}.empty-state .icon{font-size:48px;opacity:.5}.toast{position:fixed;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px);left:50%;transform:translate(-50%) translateY(100px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;box-shadow:var(--shadow-lg);font-size:14px;z-index:200;transition:transform .3s var(--ease);pointer-events:none}.toast.visible{transform:translate(-50%) translateY(0)}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;padding-top:var(--safe-top)}@media(min-width:768px){.detail-overlay{right:80px}}.detail-header{height:var(--hdr-h);padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);flex-shrink:0}.detail-header .back-btn{background:none;border:none;color:var(--accent);font-size:16px;cursor:pointer;padding:8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.detail-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(var(--safe-bottom) + 16px)}