:root{--ivory:#fbf7ef;--ivory-deep:#f3ecdd;--espresso:#2b1d14;--espresso-soft:#5a4636;--gold:#c9a24b;--gold-light:#e6c97a;--line:#e4d9c3;--serif:"Playfair Display", Georgia, serif;--sans:"Nunito Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{background:var(--ivory);color:var(--espresso);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6}.page{flex-direction:column;min-height:100vh;display:flex}.hero{background:radial-gradient(ellipse at top, #3a281c 0%, var(--espresso) 70%);color:var(--ivory);text-align:center;padding:64px 24px 96px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin:0 0 16px;font-size:.78rem;font-weight:700}.hero h1{font-family:var(--serif);margin:0 0 20px;font-size:clamp(2.3rem,7vw,3.8rem);line-height:1.1}.hero h1 em{color:#cbbba8;font-style:italic;font-weight:600}.gold{background:linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:#e9dfd0;max-width:560px;margin:0 auto 32px;font-size:1.15rem}.lede strong{color:var(--gold-light);font-weight:600}.hero-actions{justify-content:center;display:flex}.example-note{color:#d9ccb9;max-width:480px;margin:20px auto 0;font-size:.95rem}.example-note strong{color:var(--gold-light)}.btn{font-family:var(--sans);cursor:pointer;border-radius:999px;min-height:56px;padding:16px 32px;font-size:1.05rem;font-weight:700;transition:transform .15s,background .2s,color .2s}.btn:active{transform:scale(.97)}.btn-outline{color:var(--gold-light);border:2px solid var(--gold);background:0 0}.btn-outline:hover{background:var(--gold);color:var(--espresso)}.btn-ghost{border:2px solid var(--line);color:var(--espresso-soft);background:0 0;min-height:48px;padding:12px 24px;font-size:.95rem}.btn-ghost:hover{border-color:var(--espresso-soft)}.card-panel{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(720px,100% - 32px);margin:-56px auto 48px;padding:36px 40px 32px;box-shadow:0 20px 50px #2b1d141f}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel-head h2{font-family:var(--serif);margin:0;font-size:1.8rem}.progress{color:var(--espresso-soft);font-size:.9rem;font-weight:700}.progress.done{color:#9a7a2c}.bar{background:var(--ivory-deep);border-radius:999px;height:6px;margin:14px 0 28px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;transition:width .35s}.field{margin-bottom:28px}.field label{align-items:flex-start;gap:12px;font-size:1.08rem;font-weight:700;line-height:1.4;display:flex}.step{background:var(--espresso);width:28px;height:28px;color:var(--gold-light);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:.85rem;display:grid}.hint{color:var(--espresso-soft);margin:6px 0 10px 40px;font-size:.93rem}input,textarea{width:100%;font-family:var(--sans);color:var(--espresso);background:var(--ivory);border:2px solid var(--line);resize:vertical;border-radius:14px;padding:14px 16px;font-size:1.05rem;line-height:1.5;transition:border-color .2s,background .2s}input::placeholder,textarea::placeholder{color:#ab9a86}input:focus,textarea:focus{border-color:var(--gold);background:#fff;outline:none;box-shadow:0 0 0 4px #c9a24b2e}.form-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-msg{color:var(--espresso-soft);flex:1;min-width:200px;margin:0;font-style:italic}.btn-gold{background:linear-gradient(90deg, var(--gold), var(--gold-light));color:var(--espresso);border:2px solid var(--gold)}.btn-gold:hover{filter:brightness(1.06)}.notice{border:1px solid var(--gold-light);color:var(--espresso);background:#fdf3dc;border-radius:12px;margin:16px 0 0;padding:12px 16px;font-size:.98rem;font-weight:600}.result-panel{width:min(960px,100% - 32px);margin:0 auto 48px;scroll-margin-top:16px}.result-panel h2{font-family:var(--serif);text-align:center;margin:0 0 6px;font-size:1.9rem}.result-sub{text-align:center;color:var(--espresso-soft);max-width:520px;margin:0 auto 28px}.result-grid{grid-template-columns:1fr 1.25fr;align-items:stretch;gap:20px;display:grid}.result-col{border-radius:24px;flex-direction:column;padding:28px;display:flex}.result-col h3{font-family:var(--serif);margin:0 0 14px;font-size:1.3rem;line-height:1.25}.result-tag{text-transform:uppercase;letter-spacing:.18em;margin:0 0 6px;font-size:.75rem;font-weight:700}.before{background:var(--ivory-deep);border:1px solid var(--line)}.before .result-tag{color:var(--espresso-soft)}.original{color:var(--espresso-soft);border-left:3px solid var(--line);overflow-wrap:anywhere;margin:0;padding-left:16px;font-size:1.1rem;font-style:italic}.after{background:radial-gradient(ellipse at top, #3a281c 0%, var(--espresso) 75%);color:var(--ivory);border:1px solid var(--gold);box-shadow:0 20px 50px #2b1d1438}.gold-tag{color:var(--gold-light)}.intro-edit{color:var(--ivory);font-family:var(--serif);background:#fbf7ef12;border-color:#c9a24b80;min-height:190px;font-size:1.2rem;line-height:1.6}.intro-edit:focus{border-color:var(--gold-light);background:#fbf7ef1f;box-shadow:0 0 0 4px #c9a24b40}.timing{color:#d9ccb9;margin:10px 2px 18px;font-size:.9rem}.timing.long{color:var(--gold-light)}.result-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.after .btn-ghost{color:var(--gold-light);border-color:#e6c97a80}.after .btn-ghost:hover{border-color:var(--gold-light)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-footer{text-align:center;color:var(--espresso-soft);margin-top:auto;padding:24px 20px 36px;font-size:.85rem}@media (width<=600px){.hero{padding:48px 20px 84px}.card-panel{border-radius:20px;padding:28px 20px 24px}.hint{margin-left:0}.btn-outline{width:100%;max-width:340px}.form-footer{text-align:center;flex-direction:column-reverse;align-items:stretch}.result-grid{grid-template-columns:1fr}.result-col{padding:22px 20px}.result-actions .btn{width:100%}}