@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f9b73ee62f4ac3b6-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/04f489a66292d07b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/5643d86c43b952f5-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_0c1b87{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-weight:800;font-style:normal}.__variable_0c1b87{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}:root{--bg:#f7f7f5;--card:#ffffff;--surface:#fafaf9;--surface-hover:#f4f4f2;--input-bg:#ffffff;--border:#e4e4e2;--border-hover:#a1a1aa;--border-focus:#18181b;--text:#18181b;--muted:#71717a;--subtle:#c4c4c0;--placeholder:#a1a1aa;--primary:#18181b;--primary-hover:#27272a;--primary-light:#f4f4f5;--success:#16a34a;--accent:#d97706;--accent-hover:#b45309;--accent-light:#fffbeb;--radius:12px;--shadow:0 1px 4px 0 rgb(0 0 0/0.06),0 1px 2px -1px rgb(0 0 0/0.04);--shadow-lg:0 8px 24px -4px rgb(0 0 0/0.14),0 4px 8px -2px rgb(0 0 0/0.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.container{max-width:600px;margin:0 auto;padding:2rem calc(1.25rem + env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) calc(1.25rem + env(safe-area-inset-left));position:relative}.install-wrap{position:absolute;top:1rem;right:1.25rem;display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;z-index:10}.install-btn{display:flex;align-items:center;gap:.3rem;padding:.3em .65em;font-size:.6875rem;font-weight:600;font-family:inherit;letter-spacing:.01em;color:var(--accent);background:transparent;border:1.5px solid var(--accent);border-radius:6px;cursor:pointer;opacity:.8;transition:opacity .15s,background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap}.install-btn:hover{opacity:1;background:var(--accent-light)}.install-hint{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem;box-shadow:var(--shadow-lg);animation:fadeDown .15s ease;max-width:220px;text-align:left}.install-hint--warn{border-color:#f59e0b44}.install-hint-title{font-size:.6875rem;font-weight:700;color:var(--text);margin-bottom:.4rem;letter-spacing:.01em}.install-hint-steps{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.install-hint-body,.install-hint-steps li{font-size:.6875rem;color:var(--muted);line-height:1.45}.install-hint-icon{font-style:normal}.install-hint-note{font-size:.625rem;color:var(--subtle);margin-top:.4rem;line-height:1.3}.header{text-align:center;padding:2.5rem 0 2rem}.logo{display:block;margin:0 auto .75rem;height:90px;width:auto}.title{font-family:var(--font-display),system-ui,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:.5rem;display:inline-block;position:relative}.subtitle{font-size:1rem;color:var(--muted);letter-spacing:-.01em}.header-toggles{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.how-toggle{display:inline-flex;align-items:center;gap:.25rem;margin-top:.75rem;background:none;border:none;padding:0;font-size:.75rem;font-family:inherit;font-weight:500;color:var(--subtle);cursor:pointer;letter-spacing:.01em;transition:color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.how-toggle:hover{color:var(--muted)}.how-chevron{display:inline-block;font-size:.875rem;transition:transform .2s ease;transform:rotate(0deg);line-height:1}.how-chevron.open{transform:rotate(90deg)}.how-panel{margin-top:1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;animation:fadeDown .2s ease}.how-lead{font-size:.8125rem;color:var(--text);line-height:1.6;margin-bottom:1rem}.how-steps{margin:0 0 1rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.625rem}.how-steps li{font-size:.8125rem;color:var(--muted);line-height:1.6}.how-step-label{font-weight:700;color:var(--text)}.how-disclaimer{font-size:.6875rem;color:var(--subtle);line-height:1.5;font-style:italic;border-top:1px solid var(--border);padding-top:.75rem}.beta-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1.5px solid var(--accent);border-radius:4px;padding:.15em .45em;position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);white-space:nowrap;opacity:.85}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow)}.field{margin-bottom:1.5rem}.input-prompt{display:block;font-weight:700;margin-bottom:.625rem;letter-spacing:-.02em;cursor:pointer}.input-prompt,.textarea{font-size:1rem;color:var(--text)}.textarea{width:100%;padding:.875rem 1rem;border:1.5px solid var(--border);border-radius:8px;font-family:inherit;background:var(--input-bg);resize:none;line-height:1.7;transition:border-color .15s;outline:none;-webkit-appearance:none}.textarea:focus{border-color:var(--border-focus)}.textarea::placeholder{color:var(--placeholder);font-style:italic}.textarea-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;gap:.5rem}.char-count{text-align:right;font-size:.75rem;color:var(--subtle);flex-shrink:0;transition:color .15s}.char-count.warning{color:#f59e0b;font-weight:600}.context-toggle{display:flex;align-items:center;gap:.3rem;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:.7rem;color:var(--subtle);transition:color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:left}.context-toggle:hover{color:var(--muted)}.context-toggle.has-context{color:var(--success)}.context-toggle-icon{font-size:.7rem;flex-shrink:0}.context-toggle-text{line-height:1.3}.context-chevron{font-size:.8rem;flex-shrink:0;display:inline-block;transition:transform .2s ease;transform:rotate(0deg)}.context-chevron.open{transform:rotate(90deg)}.context-panel{margin-top:.75rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;animation:fadeDown .2s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.context-field{display:flex;flex-direction:column;gap:.3rem}.context-label{font-size:.6875rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.context-input{width:100%;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .15s;-webkit-appearance:none}.context-input:focus{border-color:var(--border-focus)}.context-input::placeholder{color:var(--placeholder)}.context-select{width:100%;padding:.5rem 2rem .5rem .75rem;border:1.5px solid var(--border);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2371717a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.context-select:focus{border-color:var(--border-focus)}.context-select option{background:var(--card);color:var(--text)}.audience-chips{display:flex;flex-wrap:wrap;gap:.375rem}.audience-chip{padding:.3125rem .75rem;border:1.5px solid var(--border);border-radius:999px;font-size:.75rem;font-weight:500;font-family:inherit;color:var(--muted);background:var(--card);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.audience-chip:hover{border-color:var(--border-hover);color:var(--text)}.audience-chip.active{background:var(--accent);border-color:var(--accent);color:#18181b}@media (prefers-color-scheme:dark){.audience-chip.active{color:#18181b}}.tone-grid{display:flex;flex-direction:column;gap:.5rem}.tone-btn{display:flex;flex-direction:row;align-items:center;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;gap:.75rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:52px;width:100%}.tone-btn:hover{border-color:var(--border-hover);background:var(--surface-hover)}.tone-btn.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px rgba(217,119,6,.15)}.tone-emoji{font-size:1.25rem;line-height:1;flex-shrink:0}.tone-text{display:flex;flex-direction:column;gap:.1rem}.tone-label{font-size:.8125rem;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.01em}.tone-desc{font-size:.725rem;color:var(--placeholder);line-height:1.3}.submit-btn{width:100%;padding:1rem 1.5rem;background:var(--accent);color:#18181b;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:52px}.submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.submit-btn:disabled{opacity:.3;cursor:not-allowed}.loading-icon{display:inline-block;animation:wiggle .8s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.output-section{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border);animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.output-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.625rem;transition:color .2s}.output-label.copied{color:var(--success)}.output-box{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin-bottom:.875rem}.output-text{font-size:1.125rem;font-weight:500;line-height:1.75;color:var(--text)}.output-actions{display:flex;gap:.625rem}.action-btn{padding:.5rem 1.125rem;border-radius:6px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;border:1.5px solid var(--border);background:var(--card);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.action-btn.primary{background:var(--accent);color:#18181b;border-color:var(--accent)}.action-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.output-disclaimer{margin-top:.625rem;font-size:.6875rem;color:var(--subtle);font-style:italic;text-align:center}.error-text{font-size:.875rem;color:#dc2626;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;line-height:1.5}.footer{text-align:center;padding-top:2rem;display:flex;flex-direction:column;gap:.25rem}.footer-tagline{font-size:.8125rem;color:var(--muted);font-style:italic}.footer-copy{font-size:.75rem;color:var(--subtle)}@media (prefers-color-scheme:dark){:root{--bg:#141412;--card:#1e1e1c;--surface:#191917;--surface-hover:#252523;--input-bg:#141412;--border:#2e2e2c;--border-hover:#3f3f46;--border-focus:#71717a;--text:#f4f4f5;--muted:#71717a;--subtle:#3f3f46;--placeholder:#3f3f46;--primary:#f4f4f5;--primary-hover:#e4e4e2;--primary-light:#27272a;--success:#4ade80;--accent:#f59e0b;--accent-hover:#d97706;--accent-light:#1c1508;--shadow:0 1px 4px 0 rgb(0 0 0/0.3),0 1px 2px -1px rgb(0 0 0/0.2);--shadow-lg:0 8px 24px -4px rgb(0 0 0/0.5),0 4px 8px -2px rgb(0 0 0/0.3)}.submit-btn{color:#18181b}.tone-btn.active{box-shadow:0 0 0 3px rgba(245,158,11,.2)}.error-text{background:#2d1515;border-color:#7f1d1d;color:#fca5a5}}@media (max-width:480px){.header{padding:1.5rem 0 1.25rem}.card{padding:1.25rem}.title{font-size:1.875rem}.action-btn{flex:1 1;text-align:center;padding:.625rem 1rem;min-height:44px}.output-actions{gap:.5rem}}