:root{color:#23332e;font-synthesis:none;text-rendering:optimizelegibility;--woodland:#203a32;--woodland-deep:#172e27;--moss:#71805a;--river:#63aeb7;--soft-river:#dcecef;--vellum:#f3e8cf;--parchment:#fff9ea;--paper:#fffdf6;--walnut:#604536;--brass:#a58a50;--ink:#23332e;--line:#d8cbae;--ember:#a34f43;--focus:#187786;background:#f3e8cf;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--vellum);min-width:320px;min-height:100%}body{background:var(--vellum);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{z-index:10;color:var(--woodland-deep);background:var(--parchment);border-radius:6px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--parchment);background:var(--woodland);border-right:1px solid var(--woodland-deep);flex-direction:column;padding:22px 14px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;padding:0 8px 22px;display:flex}.brand-lockup img{width:35px;height:35px}.brand-lockup div{flex-direction:column;min-width:0;line-height:1.14;display:flex}.brand-lockup span{color:#dce8df;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.brand-lockup strong{white-space:nowrap;margin-top:3px;font-family:Georgia,Cambria,serif;font-size:1.03rem;font-weight:600}.audience-label{color:#dce8df;letter-spacing:.02em;border:1px solid #fff9ea33;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin:0 8px 18px;padding:6px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.audience-label svg,.primary-nav svg,.copy-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}.audience-label svg{width:15px;height:15px}.primary-nav{gap:4px;display:grid}.primary-nav button{color:#dce8df;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px 11px;font-weight:650;display:flex;position:relative}.primary-nav button:before{content:"";background:0 0;border-radius:3px;width:3px;height:20px;position:absolute;left:0}.primary-nav button:hover{background:#fff9ea12}.primary-nav button.active{color:var(--parchment);background:#fff9ea1a}.primary-nav button.active:before{background:var(--river)}.primary-nav svg{flex:none;width:19px;height:19px}.sidebar-note{border-top:1px solid #d8cbae38;margin-top:auto;padding:14px 10px 16px}.sidebar-note strong{font-family:Georgia,Cambria,serif;font-size:.9rem;font-weight:600}.sidebar-note p,.tagline{color:#c9d8cf;margin:6px 0 0;font-size:.74rem;line-height:1.48}.tagline{color:#aebfb5;padding:0 10px}.workspace{flex-direction:column;min-width:0;min-height:100vh;display:flex}.workspace-bar{border-bottom:1px solid var(--line);background:var(--parchment);justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:0 30px;display:flex}.workspace-bar>span{color:var(--walnut);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:750}.clear-button{min-height:36px;color:var(--walnut);background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:.8rem;font-weight:650}.clear-button:hover:not(:disabled){color:var(--ember);background:#a34f4312}.clear-button:disabled{opacity:.42}main{flex:1;width:100%}.page-content{width:min(900px,100% - 48px);margin:0 auto;padding:50px 0 72px}.page-header{max-width:680px;margin-bottom:30px}.eyebrow{color:var(--moss);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800;display:block}.page-header h1{color:var(--woodland-deep);letter-spacing:-.025em;margin:0;font-family:Georgia,Cambria,serif;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:500;line-height:1.1}.page-header p{max-width:620px;color:var(--walnut);margin:14px 0 0;font-size:1.01rem;line-height:1.6}.writer-form{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:26px;box-shadow:0 1px #6045360a}.field-row{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.field{flex-direction:column;display:flex}.field+.field,.mode-fieldset+.field,.profile-form .field+.field{margin-top:22px}.field-row .field+.field{margin-top:0}.field label,.mode-fieldset legend{color:var(--ink);margin-bottom:8px;font-size:.88rem;font-weight:750}.field input,.field textarea,.field select,.output-textarea{width:100%;color:var(--ink);background:#fffefa;border:1px solid #b9ad93;border-radius:7px;transition:border-color .12s,box-shadow .12s}.field input,.field select{min-height:44px;padding:9px 11px}.field textarea,.output-textarea{resize:vertical;padding:11px 12px;line-height:1.55;display:block}.field input:hover,.field textarea:hover,.field select:hover,.output-textarea:hover{border-color:#8d8068}.field input:focus,.field textarea:focus,.field select:focus,.output-textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px #63aeb733}.field input::placeholder,.field textarea::placeholder{color:#7c7669}.field-help{color:#6d6659;margin-top:6px;font-size:.76rem;line-height:1.45}.form-actions{border-top:1px solid #e5dcc7;align-items:center;gap:17px;margin-top:24px;padding-top:20px;display:flex}.primary-button{border:1px solid var(--woodland);min-width:176px;min-height:44px;color:var(--parchment);background:var(--woodland);border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-weight:750;display:inline-flex;box-shadow:0 1px 1px #203a322e}.primary-button:hover:not(:disabled){background:var(--woodland-deep)}.primary-button:disabled{opacity:.7}.form-actions p{color:#6d6659;margin:0;font-size:.77rem;line-height:1.48}.spinner{border:2px solid #fff9ea66;border-top-color:var(--parchment);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.error-message,.check-message{border-radius:7px;margin-top:16px;padding:12px 14px;font-size:.88rem;line-height:1.5}.error-message{color:#71342c;background:#f8e9e4;border:1px solid #a34f4366}.check-message{color:var(--woodland-deep);background:#eef0e6;border:1px solid #b9c6a2;flex-direction:column;gap:3px;display:flex}.outputs{border-top:1px solid var(--line);margin-top:34px}.outputs-intro{justify-content:space-between;align-items:baseline;gap:18px;padding:18px 2px 12px;display:flex}.outputs-intro span{color:var(--moss);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.outputs-intro p{color:#6d6659;margin:0;font-size:.8rem}.output-section{border-bottom:1px solid var(--line);padding:24px 2px 27px}.output-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.output-heading h2{color:var(--woodland-deep);margin:0;font-family:Georgia,Cambria,serif;font-size:1.22rem;font-weight:600}.output-heading p{color:var(--moss);margin:4px 0 0;font-size:.75rem;font-weight:700}.copy-button{min-height:36px;color:var(--woodland);background:var(--parchment);border:1px solid #b9ad93;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:.8rem;font-weight:750;display:inline-flex}.copy-button:hover{border-color:var(--moss);background:#f9f2df}.copy-button svg{width:15px;height:15px}.output-textarea{background:var(--paper);border-color:#c8bda5;min-height:104px}.mode-fieldset{border:0;min-width:0;margin:0;padding:0}.mode-toggle{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-toggle label{display:block;position:relative}.mode-toggle input{opacity:0;width:1px;height:1px;position:absolute}.mode-toggle span{min-height:76px;color:var(--ink);cursor:pointer;background:#fffefa;border:1px solid #b9ad93;border-radius:7px;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;display:flex}.mode-toggle input:checked+span{border-color:var(--river);background:var(--soft-river);box-shadow:inset 3px 0 0 var(--river)}.mode-toggle input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.mode-toggle strong{font-size:.88rem}.mode-toggle small{color:#655f54;font-size:.76rem;line-height:1.35}.app-footer{border-top:1px solid var(--line);color:#756c5c;background:var(--parchment);justify-content:center;gap:8px;padding:16px 24px;font-size:.72rem;display:flex}.app-footer span:first-child{color:var(--woodland);font-weight:750}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--woodland-deep);grid-template-columns:1fr auto;gap:12px 18px;width:100%;height:auto;padding:14px 16px 12px;display:grid;position:static}.brand-lockup{padding:0}.brand-lockup img{width:31px;height:31px}.audience-label{align-self:center;margin:0}.primary-nav{grid-column:1/-1;grid-template-columns:1fr 1fr}.primary-nav button{justify-content:center}.primary-nav button:before{width:28px;height:3px;top:auto;bottom:0;left:50%;transform:translate(-50%)}.sidebar-note,.tagline{display:none}.workspace-bar{min-height:48px;padding:0 16px}.workspace-bar>span{font-size:.7rem}.clear-button{max-width:170px;font-size:.74rem}.page-content{width:min(100% - 30px,900px);padding:34px 0 50px}.page-header{margin-bottom:24px}.page-header h1{font-size:clamp(1.8rem,9vw,2.25rem)}.writer-form{padding:19px 17px}.field-row,.mode-toggle{grid-template-columns:1fr}.field-row .field+.field{margin-top:20px}.form-actions,.outputs-intro{flex-direction:column;align-items:stretch}.primary-button{width:100%}.outputs-intro{gap:5px}.app-footer{text-align:center;flex-wrap:wrap}}@media (width<=430px){.audience-label{font-size:.68rem}.brand-lockup span{font-size:.63rem}.brand-lockup strong{font-size:.9rem}.primary-nav button{padding-inline:6px;font-size:.82rem}.output-heading{align-items:center}}