:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#050816;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(87,107,255,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(45,213,255,.18),transparent 26%),#050816}button,textarea{font:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:24px;display:flex;align-items:center;justify-content:center}.ambient{position:absolute;border-radius:999px;filter:blur(70px);opacity:.34;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.ambient-a{width:340px;height:340px;top:-110px;right:-120px;background:#7986ff8c}.ambient-b{width:280px;height:280px;bottom:-90px;left:-90px;background:#40d7ff73}.panel{width:min(1200px,100%);background:#080c1cbd;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 90px #0000006b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:30px;padding:clamp(24px,4vw,40px);position:relative;z-index:1}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding-bottom:26px}.hero-copy h1{font-size:clamp(2.2rem,4.3vw,3.4rem);line-height:1.05;margin:12px 0 14px;letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,#fff,#9cb0ff 35%,#4dd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{margin:0;font-size:1rem;color:#bac4df;max-width:680px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.77rem;font-weight:600;letter-spacing:.02em}.badge-soft{background:#7687ff2e;color:#9aaaff}.badge-outline{background:#ffffff0d;color:#dce5ff;border:1px solid rgba(255,255,255,.08)}.hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.metric-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#ffffff0d;color:#dce5ff;border:1px solid rgba(255,255,255,.08);font-size:.9rem}.hero-card{padding:18px;border-radius:24px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14}.hero-card-top{display:flex;align-items:center;gap:8px;color:#9bb0ff;font-weight:600;font-size:.95rem;margin-bottom:12px}.hero-card-body{display:grid;gap:10px}.mini-surface{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;color:#e8edff}.composer{margin-top:12px;display:grid;gap:12px}.composer-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.composer label{font-weight:700;color:#f1f5ff;font-size:.98rem}.field-caption{color:#8ea0c8;font-size:.85rem}.textarea-shell{position:relative;padding:1px;border-radius:24px;background:linear-gradient(135deg,#7986ff73,#4dd7ff40);box-shadow:0 20px 55px #090e2061}.textarea-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 35%,rgba(255,255,255,.18));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderShift 3s linear infinite}textarea{width:100%;min-height:190px;border:0;border-radius:23px;background:#060a18f2;color:#f5f7ff;padding:18px 18px 20px;resize:vertical;outline:none;box-shadow:inset 0 1px #ffffff0a}textarea::placeholder{color:#7b89aa}textarea:focus{box-shadow:inset 0 0 0 1px #7484ff80,0 0 0 3px #7484ff2e}.primary-button{justify-self:start;border:0;border-radius:999px;padding:13px 20px;min-width:250px;background:linear-gradient(135deg,#7f8dff,#58d4ff 60%,#8dffc0);color:#fff;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 40px #31abff3d;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;position:relative;overflow:hidden}.primary-button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 18px 45px #3fbeff52}.primary-button:active:not(:disabled){transform:translateY(0) scale(.99)}.primary-button:disabled{opacity:.75;cursor:progress}.primary-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.26) 50%,transparent 100%);transform:translate(-120%);transition:transform .5s ease}.primary-button:hover:not(:disabled):after{transform:translate(120%)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empty-state,.error-state,.results{margin-top:24px;animation:fadeUp .42s ease both}.empty-state{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff0f,#ffffff08);display:grid;gap:8px;justify-items:start}.empty-icon,.error-icon,.insight-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#6f87ff29;color:#93a7ff}.empty-state h2{margin:0;font-size:1.15rem}.empty-state p{margin:0;color:#b4bfd9}.error-state{padding:16px 18px;border-radius:20px;display:flex;align-items:center;gap:12px;background:#ff5d5d1f;border:1px solid rgba(255,93,93,.2)}.error-icon{background:#ff5d5d29;color:#ffb0b0}.error-state h3{margin:0 0 4px;font-size:.98rem}.error-state p{margin:0;color:#ffc8c8}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.insight-card{display:flex;gap:12px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px #060a1842}.summary-card{background:linear-gradient(135deg,#7588ff2e,#ffffff08)}.tip-card{background:linear-gradient(135deg,#ffc26426,#ffffff08)}.eyebrow-label{margin:0 0 4px;color:#9aa7c7;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.insight-card h3,.results-heading h2,.task-card h3{margin:0;color:#f4f7ff}.results-heading{margin-top:22px;display:flex;justify-content:space-between;align-items:center}.cards-grid{margin-top:14px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.task-card{padding:18px;border-radius:22px;background:linear-gradient(135deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #05091647;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:fadeUp .42s ease both}.task-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px #060a1857;border-color:#7d8eff47}.task-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.priority-badge,.time-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:700}.priority-badge.high{background:#ff5f5f29;color:#ffb0b0}.priority-badge.medium{background:#ffa65a29;color:#ffcb9a}.priority-badge.low{background:#56dc8c29;color:#a9f0bf}.time-badge{background:#ffffff0f;color:#dce5ff}.detail-block{margin-top:12px}.detail-label{display:inline-flex;align-items:center;gap:7px;margin-bottom:4px;color:#9aa7c7;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.detail-block p{margin:0;color:#e8edff}.card-footer{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#8de5b3;font-size:.9rem}.footer{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#8090b2;font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(24px,18px,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes borderShift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.hero-card{max-width:420px}}@media (max-width: 760px){.app-shell{padding:14px}.panel{padding:18px;border-radius:24px}.results-grid,.cards-grid{grid-template-columns:1fr}.composer-head{flex-direction:column;align-items:flex-start}.primary-button{min-width:100%}.footer{flex-direction:column}}