@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--bg-shell:#eef3ff;--bg-surface:#fff;--bg-surface-strong:#f8faff;--bg-soft:#e7efff;--line:#d4ddf0;--line-strong:#b6c4e4;--ink-900:#13203a;--ink-700:#33486e;--ink-500:#63789c;--indigo-700:#1d4ed8;--indigo-600:#2563eb;--indigo-500:#3b82f6;--mint-500:#1ec9ad;--danger-600:#b4232e;--danger-bg:#ffeef0;--success-600:#127659;--success-bg:#e9fbf4;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-lg:0 30px 60px -35px #0b2a6059;--shadow-md:0 20px 30px -24px #11214633;--shadow-sm:0 10px 20px -16px #10295b59}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink-900);background:radial-gradient(120% 110% at 0 0,#2d6eff26,#0000 55%),radial-gradient(140% 120% at 100% 10%,#1ec9ad24,#0000 50%),linear-gradient(#f9fbff 0%,#edf3ff 100%);margin:0;font-family:Manrope,Segoe UI,sans-serif}a{color:inherit}p,h1,h2,h3{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink-900);background:#fff;outline:none;padding:.75rem .95rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--indigo-600);box-shadow:0 0 0 4px #2563eb24}textarea{resize:vertical}label{color:var(--ink-700);gap:.45rem;font-size:.9rem;font-weight:600;display:grid}.primary-button,.ghost-button,.icon-button,.chip{border:1px solid #0000;border-radius:999px;transition:transform .15s,box-shadow .2s,border-color .2s,background-color .2s,color .2s}.primary-button{background:linear-gradient(130deg, var(--indigo-700), var(--indigo-500));color:#fff;letter-spacing:.01em;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.45rem;padding:.78rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px -18px #1c55dfcc}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.primary-button.small{padding:.58rem .9rem;font-size:.9rem}.primary-button.full{width:100%}.ghost-button{border:1px solid var(--line);color:var(--ink-700);background:linear-gradient(#fff,#f4f8ff);justify-content:center;align-items:center;gap:.45rem;padding:.62rem .92rem;font-weight:600;text-decoration:none;display:inline-flex}.ghost-button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.ghost-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost-button.favorited{color:#0d5f4a;background:linear-gradient(#effdf8,#ddf8f0);border-color:#78dbc4}.icon-button{border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.chip{border:1px solid var(--line);color:var(--ink-700);text-transform:capitalize;background:#f5f8ff;padding:.5rem .85rem;font-size:.85rem;font-weight:600}.chip.active{color:#fff;background:linear-gradient(130deg,#1f52dd,#4a89ff);border-color:#0000}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.form-error,.form-success{border-radius:var(--radius-sm);padding:.7rem .85rem;font-size:.9rem}.form-error{color:var(--danger-600);background:var(--danger-bg);border:1px solid #ffc6cc}.form-success{color:var(--success-600);background:var(--success-bg);border:1px solid #bdeedc}.result-pill{color:#1f4284;text-transform:uppercase;letter-spacing:.05em;background:#edf3ff;border:1px solid #c8d5f1;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.result-pill.muted{color:#425b88;background:#f4f8ff}.result-subtle{color:var(--ink-500);font-size:.82rem}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#fffffff2,#f5fafff0)}.panel-header{gap:.3rem;display:grid}.panel-header h2{letter-spacing:-.01em;font-family:Sora,sans-serif;font-size:1.2rem;font-weight:650}.panel-header p{color:var(--ink-500);font-size:.92rem}.panel-header.split{justify-content:space-between;align-items:start;gap:1rem;display:flex}.center-loader,.empty-state{text-align:center;min-height:220px;color:var(--ink-500);place-items:center;gap:.7rem;display:grid}.spinner,.spin{animation:.8s linear infinite spin}.spinner{border:2px solid #d0dcf6;border-top-color:var(--indigo-600);border-radius:999px;width:1.4rem;height:1.4rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.landing-page{gap:1.3rem;max-width:1120px;margin:0 auto;padding:1rem clamp(1rem,2vw,2rem) 2.2rem;display:grid}.landing-topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;display:flex}.landing-topbar nav{align-items:center;gap:.6rem;display:flex}.text-link{color:var(--ink-700);padding:.4rem .2rem;font-weight:700;text-decoration:none}.brand-inline{color:var(--ink-900);align-items:center;gap:.65rem;font-weight:700;display:flex}.brand-mark{color:#fff;width:2rem;height:2rem;box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#2862ee,#4d95ff);border:1px solid #c5d6fa;border-radius:.7rem;place-items:center;display:grid}.hero-panel{border:1px solid var(--line);color:#f7fbff;box-shadow:var(--shadow-lg);isolation:isolate;background:linear-gradient(130deg,#2458e0e0,#368dffdb),radial-gradient(circle at 80% 20%,#1cc9ad57,#0000 36%);border-radius:26px;gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";filter:blur(2px);z-index:-1;background:#b6ffec1f;border-radius:50%;width:420px;height:420px;position:absolute;inset:auto -20% -45% auto}.hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:#f2f9ffd1;font-size:.76rem;font-weight:700}.gradient-title{letter-spacing:-.03em;color:#0000;background-image:linear-gradient(90deg,#fff,#d8fffb,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;max-width:18ch;font-family:Sora,sans-serif;font-size:clamp(2rem,5.6vw,3.85rem);line-height:1.06;animation:6s linear infinite gradient-shift}.hero-copy{color:#f6faffe6;max-width:58ch;font-size:1.02rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:.5rem;display:flex}.hero-ghost{color:#f1f7ff;background:#ffffff14;border-color:#fff6}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(#ffffffe0,#f3f8ffe6);gap:.6rem;padding:1.25rem;animation:.45s both fade-up;display:grid}.feature-card:nth-child(2){animation-delay:80ms}.feature-card:nth-child(3){animation-delay:.16s}.feature-card h2{font-family:Sora,sans-serif;font-size:1.05rem}.feature-card p{color:var(--ink-500);font-size:.92rem;line-height:1.5}.live-demo{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(#ffffffe0,#eff6ffd9);gap:.9rem;padding:1.25rem;display:grid}.live-demo-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.live-demo-header h2{font-family:Sora,sans-serif;font-size:1.18rem}.live-demo-header p{color:var(--ink-500);font-size:.9rem}.live-demo-controls{gap:.75rem;display:grid}.live-demo-output{min-height:96px;color:var(--ink-700);background:#fbfdff;border:1px dashed #bbcaea;border-radius:12px;padding:.95rem;line-height:1.55}.placeholder-text{color:#7d8fae}.auth-page{place-items:center;min-height:100svh;padding:1.2rem;display:grid}.auth-card{border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow-lg);background:linear-gradient(175deg,#fffffff2,#f4f9fff5);border-radius:24px;gap:.85rem;padding:clamp(1.15rem,4vw,1.6rem);animation:.35s both fade-up;display:grid}.auth-brand{color:#1a3f84;align-items:center;gap:.65rem;font-size:.9rem;font-weight:700;display:inline-flex}.auth-card h1{letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:1.65rem}.auth-subtitle{color:var(--ink-500);font-size:.92rem;line-height:1.5}.auth-mode-toggle{gap:.55rem;display:inline-flex}.auth-form{gap:.75rem;display:grid}.auth-form label>span{align-items:center;gap:.4rem;display:inline-flex}.auth-google{width:100%}.auth-footer-links{justify-content:space-between;gap:1rem;font-size:.88rem;display:flex}.auth-footer-links a{color:#2e54a1;font-weight:700;text-decoration:none}.app-shell{grid-template-columns:288px minmax(0,1fr);min-height:100svh;display:grid;position:relative}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#fffffffa,#f2f8fff2);grid-template-rows:auto 1fr auto auto;gap:.95rem;padding:1rem;display:grid}.sidebar-header{align-items:center;gap:.7rem;display:flex}.sidebar-close{margin-left:auto;display:none}.brand-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-500);font-size:.72rem;font-weight:700}.brand-title{font-family:Sora,sans-serif;font-size:1rem;line-height:1.3}.sidebar-nav{align-content:start;gap:.45rem;display:grid}.nav-item{color:var(--ink-700);border:1px solid #0000;border-radius:12px;align-items:center;gap:.55rem;padding:.65rem .72rem;font-weight:700;text-decoration:none;display:flex}.nav-item:hover{background:#f3f7ff;border-color:#c3d1ee}.nav-item.active{color:#fff;background:linear-gradient(130deg,#2256d7,#4f8dff)}.sidebar-user{border:1px solid var(--line);background:#f8fbff;border-radius:14px;align-items:center;gap:.6rem;padding:.6rem;display:flex}.avatar{color:#fff;background:linear-gradient(130deg,#2c60e0,#5097ff);border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:800;display:grid}.sidebar-user-name{font-size:.86rem;font-weight:800}.sidebar-user-email{color:var(--ink-500);font-size:.76rem;line-height:1.35}.sidebar-logout{width:100%}.shell-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.mobile-topbar{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;padding:.7rem .85rem;display:none}.mobile-topbar p{font-family:Sora,sans-serif;font-size:.88rem}.shell-content{padding:clamp(.9rem,2vw,1.5rem)}.dashboard-page{grid-template-columns:minmax(290px,1.06fr) minmax(320px,1fr);align-items:start;gap:1rem;display:grid}.generator-panel,.results-panel{gap:.95rem;padding:1.05rem;display:grid}.section-note{color:#4b6187;background:#edf4ff;border:1px solid #d1def6;border-radius:10px;padding:.6rem .72rem;font-size:.88rem}.category-tabs{flex-wrap:wrap;gap:.48rem;display:flex}.dynamic-fields{gap:.72rem;display:grid}.toggle-row{background:#f8fbff;border:1px solid #d4def2;border-radius:11px;justify-content:space-between;align-items:start;padding:.7rem .85rem;display:flex}.toggle-row span{gap:.22rem;display:grid}.toggle-row strong{color:var(--ink-700);font-size:.92rem}.toggle-row small{color:var(--ink-500);font-size:.78rem;font-weight:500}.toggle-row input[type=checkbox]{width:1.1rem;height:1.1rem;margin-top:.12rem}.tone-row{gap:.45rem;display:grid}.tone-row p{color:var(--ink-700);font-size:.88rem;font-weight:700}.form-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.result-list,.skeleton-stack{gap:.75rem;display:grid}.result-card{box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#f5f9ff);border:1px solid #d2ddf3;border-radius:14px;gap:.68rem;padding:.85rem;animation:.35s both fade-up;display:grid}.result-card-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.result-meta{color:var(--ink-500);white-space:nowrap;font-size:.79rem}.result-text{color:var(--ink-700);white-space:pre-line;min-height:52px;line-height:1.58}.result-actions{flex-wrap:wrap;gap:.48rem;display:flex}.result-actions .ghost-button{padding:.45rem .65rem;font-size:.82rem}.result-card.skeleton{pointer-events:none}.skeleton-line{background:linear-gradient(90deg,#e6ecfb,#d7e2fa,#e7eefd) 0 0/170% 100%;border-radius:999px;height:.72rem;animation:1.2s infinite gradient-shift}.skeleton-line.short{width:48%}.history-page,.favorites-page{gap:.85rem;padding:1rem;display:grid}.history-toolbar{grid-template-columns:1.6fr repeat(3,minmax(150px,1fr));gap:.55rem;display:grid}.search-field{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:.45rem;padding:0 .72rem;display:flex}.search-field input{box-shadow:none;border:none;padding-inline:0}.table-actions{color:var(--ink-500);justify-content:space-between;align-items:center;gap:1rem;font-size:.86rem;display:flex}.table-actions label{color:var(--ink-700);align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.table-actions input{width:1rem;height:1rem}.history-list{gap:.65rem;display:grid}.history-item{background:linear-gradient(#fff,#f6faff);border:1px solid #d0dcf3;border-radius:13px;grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.72rem;display:grid}.row-checkbox{justify-content:center;align-items:start;padding-top:.3rem;display:inline-flex}.row-checkbox input{width:1rem;height:1rem}.history-item-content{gap:.58rem;display:grid}.history-item-content header{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.meta-tags{flex-wrap:wrap;gap:.35rem;display:flex}.history-text{color:var(--ink-700);line-height:1.54}.favorites-count{color:var(--ink-700);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.favorite-tile{box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#f5f9ff);border:1px solid #cfdbf2;border-radius:14px;gap:.62rem;padding:.72rem;display:grid}.favorite-tile>header{flex-wrap:wrap;gap:.35rem;display:flex}.favorite-tile .result-card{box-shadow:none;background:0 0;border:none;padding:0}.favorite-tile .result-card-header{display:none}.mobile-backdrop{background:#0e1e3e59;border:none;position:fixed;inset:0}@media (width<=1080px){.feature-grid,.history-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page{grid-template-columns:1fr}.panel-header.split{flex-direction:column;align-items:stretch}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(85vw,310px);transition:transform .24s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:inline-flex}.mobile-topbar{display:flex}.shell-content{padding-top:.95rem}}@media (width<=700px){.landing-page{padding-inline:.8rem}.landing-topbar{flex-direction:column;align-items:start}.feature-grid{grid-template-columns:1fr}.live-demo-header{flex-direction:column}.history-toolbar,.form-grid.two-column{grid-template-columns:1fr}.result-actions{flex-direction:column;align-items:stretch}.result-actions .ghost-button{width:100%}.history-item{grid-template-columns:1fr}.row-checkbox{justify-content:start;padding-top:0}}