:root{--bg-0:#f4efe7;--bg-1:#d6ebff;--ink:#172026;--muted:#445464;--card:#fff8f0;--line:#1f29371f;--brand:#0a6e57;--brand-2:#0b9d7b;--danger:#9f1d1d}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(850px 450px at 12% 8%,#ffe6bf 0,transparent 70%),radial-gradient(800px 420px at 88% 12%,#bde8ff 0,transparent 70%),linear-gradient(135deg,var(--bg-0),var(--bg-1))}main{max-width:980px;margin:0 auto;padding:40px 18px 56px}.hero{margin-bottom:20px;animation:rise .5s ease both}.plan-back-arrow{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:20;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid #1f293726;background:color-mix(in srgb,var(--card) 88%,white 12%);color:#1f2937;padding:0;animation:rise .42s ease both;animation-delay:40ms}.plan-back-arrow:hover{background:color-mix(in srgb,var(--card) 72%,white 28%);color:#0f172a}.size-6{width:24px;height:24px}h1{font-family:Baskerville,Times New Roman,serif;letter-spacing:.4px;margin:0;font-size:clamp(2rem,5vw,3.2rem)}.subtitle{color:var(--muted);margin-top:8px;max-width:62ch}.shortcut-panel{margin-top:14px;background:color-mix(in srgb,var(--card) 92%,white 8%);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #0f172a12;padding:16px;width:100%}.shortcut-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.shortcut-grid{grid-template-columns:1fr}}.shortcut-field{margin-top:0}.shortcut-field input{margin-top:5px;cursor:pointer}.shortcut-description{display:block;margin-top:6px;font-size:.84rem;line-height:1.35;color:var(--muted);font-weight:400}.grid,.plans-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.plans-grid{margin-bottom:16px}@media (max-width:760px){.grid,.plans-grid{grid-template-columns:1fr}}.card{background:color-mix(in srgb,var(--card) 90%,white 10%);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #0f172a14;padding:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rise .6s ease both}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.16s}h2{margin-top:0;margin-bottom:8px;font-size:1.15rem}ul{padding-left:20px}li{margin-top:6px}label{display:block;margin-top:10px;font-weight:600}input,textarea{width:100%;margin-top:6px;border-radius:10px;border:1px solid #9aa8b744;padding:10px 12px;font:inherit;background:#ffffffde}textarea{resize:vertical}.knowledge-textarea{min-height:132px}.model-options{margin-top:10px;display:grid;grid-gap:10px;gap:10px}.model-option{display:flex;align-items:flex-start;gap:10px;margin-top:0;border:1px solid #9aa8b744;border-radius:12px;padding:10px 12px;background:#ffffffd8;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.model-option:hover{border-color:color-mix(in srgb,var(--brand) 45%,#9aa8b7 55%);background:#ffffff}.model-option.selected{border-color:color-mix(in srgb,var(--brand) 68%,#9aa8b7 32%);box-shadow:0 6px 18px #0a6e5718}.model-option input{width:auto;margin-top:2px;accent-color:var(--brand);flex-shrink:0}.model-option-content{display:grid;grid-gap:3px;gap:3px}.model-option-title{font-weight:700}.model-option-price{font-weight:600;color:#204b61}.model-option-details{font-size:.86rem;color:var(--muted)}.buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{border:0;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer;background:var(--brand);color:#fff;transition:transform .12s ease,background-color .12s ease}button:hover{background:var(--brand-2);transform:translateY(-1px)}button.secondary{background:#334155}button.google{display:inline-flex;align-items:center;gap:10px;background:#ffffff;color:#1f2937;border:1px solid #cdd5df;border-radius:999px;padding:10px 16px}button.google:hover{background:#f6f9fc}button.extension-download-button{border-radius:12px;padding:13px 22px;gap:14px}button.extension-download-button .google-logo{width:22px;height:22px}.extension-download-text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05}.extension-download-label{font-size:.85rem;font-weight:600}.extension-download-product{margin-top:2px;font-size:1rem;font-weight:800}button.danger{background:var(--danger)}pre{margin:8px 0 0;background:#f7fbff;border:1px solid #c9dbec;border-radius:10px;padding:10px;overflow:auto;max-height:180px}.notice{margin-top:10px;color:var(--muted);font-size:.95rem}.usage-progress{margin-top:10px;width:100%;height:12px;border-radius:999px;background:#d7dee6;overflow:hidden;border:1px solid #bdc7d3}.usage-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#65727f,#9aa6b3);transition:width .24s ease}.plan-card{position:relative}.pro-plan-card{border-color:color-mix(in srgb,var(--brand) 30%,var(--line) 70%);box-shadow:0 14px 32px #0a6e5720}.plan-badge{display:inline-block;margin-bottom:6px;border-radius:999px;background:color-mix(in srgb,var(--brand) 80%,white 20%);color:white;padding:4px 10px;font-size:.75rem;text-transform:uppercase}.plan-badge,.plan-price{font-weight:700;letter-spacing:.2px}.plan-price{margin:8px 0;font-size:clamp(1.3rem,2.3vw,1.7rem)}.pro-billing-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 90%,white 10%)}.pro-billing-switch-option{border:0;margin:0;padding:6px 12px;border-radius:999px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.pro-billing-switch-option.active{background:var(--brand);color:white}.plan-feature-list{margin:10px 0 14px}.plan-feature-list li{opacity:0;animation:rise .52s ease both}.plans-grid .card:first-child .plan-feature-list li:first-child,.plans-grid .card:nth-child(2) .plan-feature-list li:first-child{animation-delay:.18s}.plans-grid .card:first-child .plan-feature-list li:nth-child(2),.plans-grid .card:nth-child(2) .plan-feature-list li:nth-child(2){animation-delay:.23s}.plans-grid .card:first-child .plan-feature-list li:nth-child(3),.plans-grid .card:nth-child(2) .plan-feature-list li:nth-child(3){animation-delay:.28s}.plans-grid .card:nth-child(2) .plan-feature-list li:nth-child(4){animation-delay:.33s}.plan-feedback-stack{margin-top:8px;display:grid;grid-gap:6px;gap:6px}.plan-feedback-message{margin:0;animation:rise .42s ease both}.plan-contact-footer{margin-top:26px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center;animation:rise .62s ease both;animation-delay:.24s}.plan-doodle-separator{display:block;width:min(100%,640px);height:auto}.plan-contact-footer p{margin:0}.error{color:#8a1120;font-weight:700}.success{color:#0a6e57;font-weight:700}.privacy-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(10,15,24,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-modal-card{width:min(660px,100%);background:color-mix(in srgb,var(--card) 92%,white 8%);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px #0f172a33;padding:24px;animation:rise .5s ease both}.privacy-modal-kicker{margin:0 0 8px;color:var(--brand);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.privacy-modal-card h2{margin:0 0 10px;font-size:1.35rem}.privacy-modal-note{color:var(--muted);margin-top:10px}.privacy-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.shortcut-capture-backdrop{position:fixed;inset:0;z-index:55;display:flex;justify-content:center;align-items:flex-end;padding:16px;background:transparent}.shortcut-capture-card{width:min(620px,100%);text-align:center;background:rgba(0,0,0,.72);border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 18px 52px #0000008f;padding:clamp(18px,3vw,30px);animation:rise .3s ease both}.shortcut-capture-kicker{margin:0;color:#d7fff4;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.shortcut-capture-card h2{margin:10px 0 8px;font-size:clamp(1.25rem,2.2vw,1.85rem);color:#ffffff}.shortcut-capture-target{margin:0;color:#d1d5db;font-size:.95rem}.shortcut-capture-preview{margin:14px 0 10px;font-size:clamp(1.35rem,3.6vw,2.3rem);font-weight:800;letter-spacing:.03em;color:#ffffff;min-height:1.2em}.shortcut-capture-card .notice{color:#c7d2fe}.login-page{display:flex;flex-direction:column;align-items:center}.login-hero{text-align:center;width:100%}.login-brand-logo{display:block;width:84px;height:auto;margin:0 auto 10px}.login-hero .subtitle{margin-left:auto;margin-right:auto}.login-grid{width:100%;max-width:520px;grid-template-columns:1fr;justify-items:center}.login-card{width:100%}.login-google-wrap{margin-top:10px;display:flex;justify-content:center}.login-google-wrap .google{width:auto}.google-logo{border-radius:50%}.login-buttons{justify-content:center}.login-status{text-align:center}.landing-main{max-width:1100px;margin:0 auto;padding:56px 20px 72px}.landing-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-column-gap:clamp(14px,3vw,38px);column-gap:clamp(14px,3vw,38px);border:1px solid #1f293726;border-radius:28px;background:radial-gradient(120% 80% at 10% 0,#ffddb2 0,transparent 52%),radial-gradient(120% 100% at 100% 0,#c0ebff 0,transparent 58%),linear-gradient(140deg,#fff8ef,#f6fbff 45%,#eff9f5);box-shadow:0 20px 48px #0f172a1a;padding:clamp(28px,4vw,54px)}.landing-hero-content{min-width:0}.landing-kicker{margin:0;text-transform:uppercase;letter-spacing:1.25px;font-size:.77rem;color:#2b4a66;font-weight:700}.landing-hero-art{justify-self:end;align-self:stretch;display:grid;place-items:center;min-width:clamp(180px,26vw,280px)}.landing-brand-logo{display:block;width:clamp(148px,22vw,250px);height:auto;transform:rotate(11deg);filter:drop-shadow(0 20px 28px #0f172a1f)}.landing-hero h1{margin:10px 0 0;font-size:clamp(2rem,5vw,3.5rem);max-width:16ch;line-height:1.04}.landing-subtitle{margin-top:14px;color:#30475c;font-size:clamp(1rem,1.8vw,1.2rem);max-width:58ch}.landing-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.landing-link-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.landing-link-button:hover{transform:translateY(-1px)}.landing-link-button.primary{background:#0a6e57;color:#ffffff;box-shadow:0 8px 24px #0a6e5738}.landing-link-button.primary:hover{background:#0b9d7b}.landing-link-button.ghost{background:#ffffffcc;color:#1a354d;border:1px solid #1a354d2e}.landing-link-button.ghost:hover{background:#ffffff}.landing-link-button.chrome-download{background:#ffffff;color:#1f2937;border:1px solid #cdd5df;border-radius:12px;padding:12px 18px;gap:14px;justify-content:flex-start;box-shadow:0 10px 24px #0f172a14}.landing-link-button.chrome-download:hover{background:#f6f9fc}.landing-link-button.subtle{background:#253b50;color:#ffffff}.landing-link-button.subtle:hover{background:#324e68}.landing-grid{margin-top:18px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-panel{border:1px solid #1f293720;border-radius:18px;background:color-mix(in srgb,var(--card) 82%,#ffffff 18%);box-shadow:0 10px 24px #0f172a12;padding:18px}.landing-panel h2{margin:0;font-size:1.06rem}.landing-panel p{margin:9px 0 0;color:#425769}.landing-footer{margin-top:6rem;border-top:1px solid #1f293728;padding-top:14px;color:#425769;font-size:.95rem;display:flex;gap:1rem;flex-wrap:wrap}.landing-footer p{margin:0}.landing-footer-link{color:#1f415d;font-weight:700;text-underline-offset:2px}.landing-footer-link:hover{color:#0a6e57}.legal-main{max-width:820px;margin:0 auto;padding:52px 20px 72px}.legal-card{border:1px solid #1f293726;border-radius:24px;background:radial-gradient(100% 80% at 12% 0,#ffddb2 0,transparent 55%),linear-gradient(145deg,#fff8ef,#f7fbff 55%,#eef8f3);box-shadow:0 18px 44px #0f172a17;padding:clamp(24px,4vw,40px)}.legal-kicker{margin:0;text-transform:uppercase;letter-spacing:1.2px;font-size:.75rem;font-weight:700;color:#2b4a66}.legal-title{margin:10px 0 0;font-size:clamp(1.8rem,4.6vw,2.8rem);line-height:1.08}.legal-updated{margin:10px 0 0;color:#425769;font-size:.95rem}.legal-intro{margin-top:14px;color:#30475c;max-width:64ch}.legal-section{margin-top:20px}.legal-section h2{margin:0;font-size:1.1rem}.legal-section p{margin:8px 0 0;color:#425769}.legal-back-link{margin-top:24px;display:inline-flex}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;row-gap:10px}.landing-hero-art{justify-self:start;min-width:0}.landing-brand-logo{width:clamp(120px,36vw,170px);transform:rotate(8deg)}.landing-grid{grid-template-columns:1fr}}@media (max-width:760px){.landing-hero-art{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card);border-radius:20px;padding:40px;max-width:420px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.2);position:relative;animation:rise .3s ease both}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;color:var(--muted);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{color:var(--ink)}.modal-content h2{margin:0 0 8px;font-size:1.5rem;color:var(--ink)}.modal-subtitle{color:var(--muted);margin:0 0 24px;font-size:.95rem}.sign-in-form{gap:16px;margin-bottom:20px}.sign-in-form,.sign-in-form label{display:flex;flex-direction:column}.sign-in-form label{gap:6px;font-weight:500;font-size:.9rem}.sign-in-form input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:1rem;color:var(--ink);background:white}.sign-in-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,110,87,.1)}.sign-in-form input:disabled{background:#f5f5f5;color:var(--muted)}.primary-button{padding:12px 16px;background:var(--brand);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:background .2s ease}.primary-button:hover:not(:disabled){background:var(--brand-2)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;color:var(--muted);margin:20px 0;font-size:.9rem;position:relative}.divider:after,.divider:before{content:"";position:absolute;top:50%;width:35%;height:1px;background:var(--line)}.divider:before{left:0}.divider:after{right:0}.google-sign-in-button{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-weight:500;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease}.google-sign-in-button:hover:not(:disabled){background:#f9f9f9}.google-sign-in-button:disabled{opacity:.6;cursor:not-allowed}.sign-in-status{padding:12px;border-radius:8px;margin-top:16px;font-size:.9rem;text-align:center}.sign-in-status.error{background:rgba(159,29,29,.1);color:var(--danger)}.sign-in-status.success{background:rgba(10,110,87,.1);color:var(--brand)}.modal-footnote{text-align:center;color:var(--muted);font-size:.85rem;margin-top:20px;margin-bottom:0}.modal-footnote a{color:var(--brand);text-decoration:none;font-weight:500}.modal-footnote a:hover{text-decoration:underline}.blog-main a{color:var(--brand);font-weight:600}.blog-main a:hover{color:var(--brand-2)}.blog-main .blog-hero-image{display:block;width:min(100%,760px);max-width:100%;height:auto;margin:14px auto 24px;border-radius:16px;border:1px solid var(--line);box-shadow:0 10px 28px #0f172a1a}@media (max-width:480px){.modal-content{padding:32px 20px}.modal-content h2{font-size:1.3rem}}