:root{--cream:#fbf7f0;--paper:#fffaf3;--brown:#25120d;--ink:#292521;--olive:#53613b;--terra:#bd6035;--tan:#e8cfb1;--muted:#756e65;--line:rgba(83,97,59,.16);--shadow:0 24px 70px rgba(62,38,22,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 12%,rgba(189,96,53,.08),transparent 27rem),var(--cream);font-family:Montserrat,Arial,sans-serif}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(251,247,240,.88);backdrop-filter:blur(16px)}.brand{color:var(--brown);font:600 26px "Cormorant Garamond",Georgia,serif;text-decoration:none}.private-mark{display:flex;align-items:center;gap:9px;color:var(--olive);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.private-mark i{width:7px;height:7px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 5px rgba(189,96,53,.09)}.intro{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;padding:70px 0 48px}.eyebrow{margin:0 0 15px;color:var(--olive);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.intro h1{margin:0;color:var(--brown);font:600 clamp(56px,6.2vw,86px)/.88 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.intro h1 em{color:var(--olive);font-weight:500}.lede{max-width:510px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.8}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.panel{min-height:650px;padding:28px;border:1px solid var(--tan);border-radius:25px;background:rgba(255,250,243,.78);box-shadow:0 10px 40px rgba(62,38,22,.035)}.result-panel{background:rgba(255,253,249,.92);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid rgba(232,207,177,.75)}.panel-heading>div{display:flex;gap:13px;align-items:baseline}.step{color:var(--olive);font-size:10px;font-weight:600;letter-spacing:.16em}.step.terra{color:var(--terra)}.panel-heading h2{margin:0;color:var(--brown);font:600 25px/1 "Cormorant Garamond",Georgia,serif}.panel-heading output,.fidelity-badge{color:var(--muted);font-size:10px;letter-spacing:.07em}.fidelity-badge{padding:7px 10px;border:1px solid rgba(83,97,59,.22);border-radius:999px;color:var(--olive);background:rgba(83,97,59,.05)}textarea{width:100%;min-height:430px;padding:25px 4px;border:0;outline:0;resize:vertical;color:var(--brown);background:transparent;font:500 19px/1.72 "Cormorant Garamond",Georgia,serif}textarea::placeholder{color:#9b9084}textarea:focus{box-shadow:inset 3px 0 var(--terra);padding-left:18px}.source-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(232,207,177,.75)}.source-footer p{max-width:245px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.primary-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:51px;padding:0 24px;border:1px solid var(--terra);border-radius:999px;background:var(--terra);color:#fff;font:600 11px Montserrat,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.2s}.primary-button:hover,.copy-button:hover{background:#a94e29;transform:translateY(-1px)}button:focus-visible,textarea:focus-visible{outline:3px solid rgba(189,96,53,.35);outline-offset:4px}button:disabled{opacity:.55;cursor:wait;transform:none}.error{margin:16px 0 0;padding:12px 15px;border-radius:10px;background:rgba(155,56,43,.07);color:#8b3328;font-size:12px;line-height:1.5}.empty-state,.progress{display:flex;min-height:500px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.butterfly{display:grid;place-items:center;width:55px;height:55px;margin-bottom:22px;border:1px solid var(--tan);border-radius:50%;color:var(--terra);font-size:25px}.empty-state h3,.progress h3{margin:0;color:var(--brown);font:600 31px/1.1 "Cormorant Garamond",Georgia,serif}.empty-state p,.progress p{max-width:390px;margin:14px auto;color:var(--muted);font-size:13px;line-height:1.7}.empty-state ul{display:flex;gap:22px;margin:12px 0 0;padding:0;list-style:none;color:var(--olive);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.progress-mark{width:52px;height:52px;margin-bottom:22px;border:2px solid var(--tan);border-top-color:var(--terra);border-radius:50%;animation:spin .9s linear infinite}.article{padding:34px 20px 12px}.article-kicker{margin:0 0 12px;color:var(--terra);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.article>h2{margin:0;color:var(--brown);font:600 44px/.96 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}.article-subtitle{margin:15px 0 27px;color:var(--muted);font:italic 18px/1.45 "Cormorant Garamond",Georgia,serif}.article-body{padding-top:22px;border-top:1px solid var(--tan);color:#433a33;font:500 16px/1.75 "Cormorant Garamond",Georgia,serif}.article-body h3{margin:30px 0 9px;color:var(--brown);font-size:25px;line-height:1.1}.article-body p{margin:0 0 16px}.notes{margin:24px 0;padding:14px 16px;border-left:2px solid var(--olive);background:rgba(83,97,59,.05);color:var(--muted);font-size:11px;line-height:1.6}.copy-button{width:100%;margin-top:22px;background:transparent;color:var(--terra)}.copy-button:hover{color:#fff}.copy-status{min-height:18px;margin:10px 0 0;text-align:center;color:var(--olive);font-size:10px}.promise{margin:36px 0 50px;text-align:center;color:var(--olive);font:500 18px "Cormorant Garamond",Georgia,serif}.promise span{color:var(--terra);margin-right:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.shell{width:min(100% - 28px,650px)}.site-header{height:68px}.intro{grid-template-columns:1fr;gap:24px;padding:48px 0 34px}.intro h1{font-size:55px}.workspace{grid-template-columns:1fr}.panel{min-height:0;padding:22px}.result-panel{min-height:560px}.source-footer{align-items:flex-start;flex-direction:column}.primary-button{width:100%}.empty-state,.progress{min-height:430px}.article{padding-inline:4px}.article>h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.progress-mark{animation:none}.primary-button,.copy-button{transition:none}}

.progress-meta{display:flex;align-items:center;justify-content:space-between;width:min(100%,390px);margin-bottom:22px}.progress-meta time,.progress-meta span{color:var(--olive);font-size:10px;font-weight:600;letter-spacing:.06em}.progress-meta span{color:var(--terra)}
@media(max-width:520px){.progress-meta{align-items:flex-start;flex-direction:column;gap:6px}}

/* Finished draft controls and private article library */
.article-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.article-meta .article-kicker{margin:0}.article-meta time{color:var(--olive);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.article-preview>h2{margin:14px 0 0;color:var(--brown);font:600 44px/.96 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}.article-actions{display:grid;grid-template-columns:auto auto 1fr;gap:9px;margin-top:22px}.article-actions .copy-button{width:auto;margin:0}.quiet-button,.card-actions button{min-height:43px;padding:0 17px;border:1px solid rgba(83,97,59,.22);border-radius:999px;background:transparent;color:var(--olive);font:600 10px Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.quiet-button:hover,.card-actions button:hover{border-color:var(--olive);background:rgba(83,97,59,.06)}.primary-button.compact{min-height:43px}.article-editor{display:grid;gap:9px;margin-top:24px}.article-editor label{margin-top:7px;color:var(--olive);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.article-editor input,.article-editor textarea{width:100%;min-height:0;padding:13px 14px;border:1px solid var(--tan);border-radius:12px;outline:0;background:#fffdf9;color:var(--brown);font:500 17px/1.5 "Cormorant Garamond",Georgia,serif}.article-editor #editor-title{font-size:24px}.article-editor #editor-subtitle{height:84px;resize:vertical;font-style:italic}.article-editor #editor-body{height:360px;resize:vertical}.article-editor input:focus,.article-editor textarea:focus{padding:13px 14px;border-color:var(--terra);box-shadow:0 0 0 3px rgba(189,96,53,.08)}.editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.article-library{margin-top:46px;padding:34px 0;border-top:1px solid var(--tan);border-bottom:1px solid var(--tan)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.library-heading .eyebrow{margin-bottom:7px}.library-heading h2{margin:0;color:var(--brown);font:600 38px/1 "Cormorant Garamond",Georgia,serif}.library-heading>p{margin:0;color:var(--muted);font-size:10px}.article-list{display:grid;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:14px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity}.library-card{display:flex;min-height:235px;flex-direction:column;padding:22px;border:1px solid rgba(232,207,177,.9);border-radius:18px;background:rgba(255,253,249,.86);scroll-snap-align:start}.library-card time,.library-card span{color:var(--olive);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.library-card h3{margin:16px 0 7px;color:var(--brown);font:600 25px/1.05 "Cormorant Garamond",Georgia,serif}.library-card p{display:-webkit-box;min-height:42px;margin:0 0 16px;overflow:hidden;color:var(--muted);font:italic 14px/1.45 "Cormorant Garamond",Georgia,serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}.card-actions button{min-height:36px;padding:0 13px}.card-actions .delete-button{border-color:transparent;color:#9a6257}.library-empty{grid-column:1/-1;margin:0;padding:34px;border:1px dashed var(--tan);border-radius:18px;text-align:center;color:var(--muted);font:500 17px "Cormorant Garamond",Georgia,serif}
@media(max-width:820px){.article-actions{grid-template-columns:1fr 1fr}.article-actions .copy-button{grid-column:1/-1}.library-heading{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:520px){.article-meta{align-items:flex-start;flex-direction:column}.article-preview>h2{font-size:38px}.article-actions{grid-template-columns:1fr}.article-actions .copy-button{grid-column:auto}.editor-actions{flex-direction:column-reverse}.editor-actions button{width:100%}.article-list{grid-auto-columns:minmax(240px,86vw)}}
/* Premium horizontal editorial shelf */
.article-shelf-wrap{position:relative;overflow:hidden}.article-shelf-wrap:after{position:absolute;top:0;right:0;bottom:12px;width:72px;background:linear-gradient(90deg,transparent,var(--cream));content:"";pointer-events:none}.article-list{grid-auto-columns:clamp(340px,30vw,380px);scroll-snap-type:x mandatory;scrollbar-gutter:stable;padding-right:58px;overscroll-behavior-inline:contain}.library-card{scroll-snap-align:start;scroll-snap-stop:normal}.article-list::-webkit-scrollbar{height:6px}.article-list::-webkit-scrollbar-track{background:transparent}.article-list::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(83,97,59,.18)}
@media(max-width:520px){.article-list{grid-auto-columns:min(82vw,320px);padding-right:42px}.article-shelf-wrap:after{width:42px}}
.article-actions{grid-template-columns:auto auto 1fr auto}.new-article-button{border-color:rgba(189,96,53,.28);color:var(--terra)}.new-article-button span{font-size:15px;line-height:1}@media(max-width:820px){.article-actions{grid-template-columns:1fr 1fr}.article-actions .new-article-button{grid-column:1/-1}}@media(max-width:520px){.article-actions{grid-template-columns:1fr}.article-actions .new-article-button{grid-column:auto}}
.draft-sync-status{margin:8px 0 0;color:#7d8368;font:500 9px/1.4 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;min-height:13px}.draft-sync-status[data-state="offline"]{color:#a56a52}.draft-sync-status[data-state="saving"],.draft-sync-status[data-state="restoring"]{opacity:.72}