:root{color-scheme:dark;--gold:#e8cfa0;--text:#f0ece4;--muted:#ada79a;--line:#5b4d37}*{box-sizing:border-box}body{margin:0;background:#0d0d0b;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}main{max-width:860px;margin:auto;padding:32px 28px 44px}header{display:flex;align-items:center;justify-content:space-between;gap:18px}.wordmark{font-size:22px;letter-spacing:.18em;text-decoration:none;color:var(--gold)}.wordmark span{display:block;font-size:9px;letter-spacing:.22em;color:var(--muted)}.connection{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:8px 13px;color:var(--gold)}.hero{position:relative;padding:60px 0 34px;min-height:310px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.22em}h1{font-size:clamp(36px,6vw,56px);line-height:1.13;font-weight:400;letter-spacing:-.045em;margin:16px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro{color:var(--muted);max-width:390px;margin:18px 0 0}.cup-art{width:180px;position:absolute;right:18px;top:90px;filter:drop-shadow(0 0 35px #c5a44a24);animation:float 6s ease-in-out infinite}.cup-art svg{width:100%;overflow:visible}.steam{animation:steam 3s ease-in-out infinite}.notice{padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#1c1913;color:var(--gold);font-size:15px;transition:background .25s}.notice.success{border-color:#739779;background:#162019;color:#c7e5cc}.steps{margin-top:22px}article{display:flex;gap:22px;padding:30px 0;border-bottom:1px solid #ffffff12}.step{width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:12px}.content{flex:1;min-width:0}h2{font-size:22px;margin:0 0 8px;font-weight:400;letter-spacing:-.02em}p{margin:0 0 20px;color:var(--muted);font-size:15px}strong{color:#dfd5c3;font-weight:600}button,.file-button{font:inherit;font-size:15px;border-radius:13px;border:1px solid var(--line);min-height:50px;padding:13px 20px;cursor:pointer;transition:transform .16s,filter .16s,background .2s;display:flex;justify-content:space-between;gap:25px;align-items:center}button:active,.file-button:active{transform:scale(.97)}button:focus-visible,.file-button:focus-within,textarea:focus{outline:2px solid var(--gold);outline-offset:4px}button:disabled,.disabled{opacity:.45;cursor:default}.primary{background:linear-gradient(115deg,#ebdab5,#c7a369);color:#241d12;border-color:#e7cf9f;width:100%}.file-button{background:#211c14;color:var(--gold);justify-content:center;margin-bottom:18px}.file-button input{position:absolute;opacity:0;width:1px;height:1px}.paste-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}textarea{width:100%;min-height:140px;background:#141411;color:#ddd2bd;border:1px solid #4c4333;border-radius:12px;padding:16px;font-size:13px;line-height:1.6;resize:vertical;margin-bottom:14px}details{margin-top:16px;font-size:13px;color:var(--muted)}summary{padding:10px 0;cursor:pointer}details textarea{height:230px}footer{margin-top:28px;font-size:12px;line-height:1.8;color:#999488}footer span{display:block;margin-top:8px}.active .step{background:#d8bd83;color:#221a10}@keyframes float{50%{transform:translateY(-6px)}}@keyframes steam{50%{opacity:.3;transform:translateY(-4px)}}@media(max-width:600px){main{padding:22px 20px 32px}.hero{padding-top:42px;min-height:300px}.cup-art{width:95px;right:0;top:105px}.hero h1{max-width:290px}.intro{max-width:260px}.connection{font-size:10px;padding:7px 10px}article{gap:14px}.step{width:30px;height:30px}h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}