:root{--bg:#0f172a;--bg-panel:#1e293b;--bg-panel-hover:#263548;--border:#334155;--text:#fff;--text-muted:#cbd5e1;--accent:#38bdf8;--success:#10b981;--primary:#2563eb;--primary-hover:#1a5fc4;--premium:#f59e0b;--premium-hover:#d97f06;--danger:#c0392b;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;padding:30px 20px 60px}.site-header{background:var(--bg-panel);border-bottom:1px solid var(--border)}.site-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:18px 30px;display:flex}.logo{color:var(--accent);font-size:22px;font-weight:700}.main-nav{gap:22px;display:flex}.main-nav a{color:var(--text);font-size:14px}.main-nav a:hover{color:var(--accent)}.header-auth{align-items:center;gap:12px;display:flex}.user-pill{color:var(--text-muted);font-size:14px}.premium-badge{color:var(--premium);margin-left:6px}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-family:inherit;font-size:15px;transition:all .2s;display:inline-block}.btn-sm{padding:8px 14px;font-size:13px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-upgrade{background:var(--premium);color:#fff}.btn-upgrade:hover{background:var(--premium-hover)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.panel{background:var(--bg-panel);border-radius:var(--radius);border:1px solid var(--border);padding:30px}.container-narrow{max-width:460px;margin:0 auto}.container-medium{max-width:700px;margin:0 auto}.container-wide{max-width:1100px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.card{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:15px;padding:28px;transition:all .2s}.card:hover{background:var(--bg-panel-hover);transform:translateY(-4px)}.card h3{color:var(--accent);margin-bottom:8px}.card p{color:var(--text-muted);font-size:14px}.card.locked{opacity:.5;cursor:not-allowed}.badge{background:var(--premium);color:#fff;vertical-align:middle;border-radius:20px;margin-left:8px;padding:3px 8px;font-size:11px;display:inline-block}label{margin-top:16px;margin-bottom:6px;font-size:14px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#0b1220;border-radius:8px;padding:11px;font-family:inherit;font-size:15px}textarea{resize:vertical;min-height:90px}.locked-message{text-align:center;color:var(--text-muted);padding:40px 20px}.locked-message p{margin-bottom:16px}.coming-soon{text-align:center;color:var(--text-muted);padding:60px 20px}.coming-soon .emoji{margin-bottom:16px;font-size:48px;display:block}.hero{text-align:center;margin-top:80px}.hero h1{margin-bottom:18px;font-size:48px}.hero p{color:var(--text-muted);margin-bottom:36px;font-size:20px}.hero .buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.chat-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);min-height:300px;max-height:500px;margin-bottom:20px;padding:20px;overflow-y:auto}.chat-message{white-space:pre-wrap;border-radius:8px;margin:8px 0;padding:10px 14px;line-height:1.4}.chat-message.user{text-align:right;background:#1d3a5f;margin-left:15%}.chat-message.ai{background:var(--bg-panel-hover);margin-right:15%}.input-row{gap:10px;display:flex}.input-row input{flex:1}.ad-banner{border:1px dashed var(--premium);text-align:center;color:#e2b64b;background:#2a2210;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.limit-notice{text-align:center;color:var(--danger);margin-top:15px;font-weight:700}.message-text{text-align:center;margin-top:15px;font-weight:700}.result-box{border:1px solid var(--border);background:#0b1220;border-radius:8px;margin-top:25px;padding:20px;line-height:1.5;overflow-x:auto}.result-box table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.result-box td,.result-box th{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 8px}.result-box th{background:var(--bg-panel-hover)}.result-box h2,.result-box h3,.result-box h4,.result-box h5{color:var(--accent);margin:18px 0 8px}.result-box hr{border:none;border-top:1px solid var(--border);margin:18px 0}.result-box p{margin:6px 0}pre.result-pre{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#0b1220;border-radius:8px;padding:15px;overflow-x:auto}