@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #07090f;--bg-soft: #0d1220;--surface: rgba(17, 24, 39, .74);--surface-strong: rgba(20, 28, 44, .92);--line: rgba(120, 142, 184, .26);--line-strong: rgba(130, 157, 210, .45);--text: #f4f7ff;--muted: #a8b3cb;--accent: #5f8cff;--accent-soft: #6f5cff;--success: #55d3a7;--danger: #ff7a92;--radius-lg: 16px;--radius-md: 12px;--shadow: 0 22px 46px rgba(0, 0, 0, .46)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{color:var(--text);font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(860px 540px at -10% -12%,rgba(95,140,255,.2),transparent 62%),radial-gradient(680px 420px at 100% -4%,rgba(111,92,255,.18),transparent 56%),linear-gradient(160deg,#06070b,#0b1020 58%,#090d19)}h1,h2,h3{margin:0;font-family:Space Grotesk,Manrope,sans-serif}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:disabled{cursor:not-allowed;opacity:.75}button:active{transform:translateY(1px)}.app-shell{max-width:960px;margin:0 auto;min-height:100vh;padding:18px 14px 96px}.topbar{border:none;background:linear-gradient(140deg,#141b2beb,#0d1322eb);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.brand-kicker{font-size:11px;letter-spacing:.14em;color:#9db2ea}.brand-title{margin-top:4px;font-size:clamp(1rem,2.8vw,1.24rem)}.minute-badge{border:none;border-radius:10px;padding:8px 10px;background:#5f8cff24;min-width:154px;display:grid;gap:4px}.minute-badge span{color:var(--muted);font-size:11px}.minute-badge strong{font-size:13px}.content{position:relative}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:10px;width:min(940px,calc(100vw - 16px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border-radius:12px;border:none;background:#090e1bf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 36px #0000006b}.nav-link{border-radius:8px;text-align:center;color:var(--muted);padding:11px 8px;font-weight:500;font-size:13px;white-space:nowrap}.nav-link.active{color:#f8fbff;background:linear-gradient(120deg,#5f8cff52,#6f5cff59);box-shadow:none}.stack-lg{display:grid;gap:14px}.stack-md{display:grid;gap:10px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-card,.panel,.plan-card,.job-mini-card,.job-card,.stat-card{border:none;background:linear-gradient(145deg,#131c2ec7,#0d1423d6);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.plan-card{position:relative;border:1px solid transparent;--tier-a: rgba(140, 156, 187, .7);--tier-b: rgba(104, 118, 148, .65);--tier-c: rgba(167, 178, 201, .65);--tier-glow: rgba(130, 144, 178, .26);background:linear-gradient(145deg,#131c2ec7,#0d1423d6) padding-box,linear-gradient(120deg,var(--tier-a),var(--tier-b),var(--tier-c),var(--tier-a)) border-box;background-size:100% 100%,240% 240%;animation:planBorderFlow 8s linear infinite,planBorderGlow 4.4s ease-in-out infinite;box-shadow:0 20px 44px #00000080,0 0 0 1px #ffffff08,0 0 18px var(--tier-glow)}.hero-card,.panel,.plan-card,.job-card{padding:16px}.job-mini-card,.stat-card{padding:12px}.muted{color:var(--muted)}.chip{border-radius:999px;font-size:11px;width:fit-content;padding:5px 10px;border:none;color:#c9dcff;background:#5f8cff26}.inline-actions,.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-actions{justify-content:flex-start;flex-wrap:wrap}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;padding:0 16px;font-weight:700;text-align:center}.primary-btn{color:#f7fbff;background:linear-gradient(120deg,var(--accent),var(--accent-soft))}.primary-btn:hover{box-shadow:0 12px 24px #5f8cff59}.ghost-btn{color:var(--text);border:none;background:#121c30a3}.ghost-btn.compact{min-height:38px;padding:0 12px}.stat-card span{font-size:12px;color:var(--muted)}.stat-card strong{margin-top:5px;display:block;font-size:1.1rem}.ghost-link{color:#9bb3ed;font-size:13px}.job-card,.job-mini-card,.plan-card{display:grid;gap:10px}.job-card p,.job-mini-card p,.plan-card p{overflow-wrap:anywhere}.plan-card .primary-btn,.plan-card .ghost-btn{width:100%}.plan-tier-title{font-size:clamp(1.45rem,3.7vw,2rem);line-height:1.05;letter-spacing:.01em}.plan-price-chip{font-size:clamp(.95rem,2.9vw,1.22rem);font-weight:800;padding:8px 14px}.inline-actions .primary-btn,.inline-actions .ghost-btn{min-width:170px}.tasks-mini{color:var(--muted);display:grid;gap:3px}.reprocess-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reprocess-grid .ghost-btn{width:100%}.output-block{margin:0;white-space:pre-wrap;color:#dde8ff;background:#070b16c7;border:none;border-radius:var(--radius-md);padding:12px}.warning-text{color:var(--danger)}.plan-card.free-tier{--tier-a: rgba(159, 170, 194, .7);--tier-b: rgba(115, 127, 152, .66);--tier-c: rgba(181, 192, 213, .68);--tier-glow: rgba(140, 152, 182, .22)}.plan-card.lite-tier{--tier-a: rgba(89, 180, 255, .92);--tier-b: rgba(88, 130, 255, .88);--tier-c: rgba(127, 235, 255, .9);--tier-glow: rgba(97, 190, 255, .34)}.plan-card.pro-tier{--tier-a: rgba(255, 236, 155, .98);--tier-b: rgba(255, 205, 96, .96);--tier-c: rgba(208, 151, 49, .94);--tier-glow: rgba(255, 200, 84, .52)}.plan-card.pro-tier .chip{color:#ffe6a8;background:#c9932e42}@keyframes planBorderFlow{0%{background-position:0 0,0% 50%}to{background-position:0 0,220% 50%}}@keyframes planBorderGlow{0%,to{box-shadow:0 20px 44px #00000080,0 0 0 1px #ffffff08,0 0 14px var(--tier-glow)}50%{box-shadow:0 20px 44px #00000080,0 0 0 1px #ffffff0a,0 0 30px var(--tier-glow)}}.plan-meta{display:flex;flex-wrap:wrap;gap:8px}.plan-pill{border-radius:999px;border:none;padding:4px 10px;font-size:12px;color:#bed0f6;background:#5f8cff24}.field-label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.field-label input,.field-select{width:100%;min-height:46px;border-radius:10px;border:none;background:#09101fe6;color:var(--text);padding:0 12px}.field-label input:focus{outline:none;box-shadow:0 0 0 1px #8dadf573}.field-select:focus{outline:none;box-shadow:0 0 0 1px #8dadf573}.center-screen{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px}@media (max-width: 820px){.grid-2,.reprocess-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.inline-actions .primary-btn,.inline-actions .ghost-btn{width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:.01ms!important}}
