:root{--accent:#fd5a46;--ink:#1a1a1a;--secondary:#ffc567;--surface:#fffdf9;--input-bg:#fffdf9;--result-card-bg:#fff}*{box-sizing:border-box}body{color:var(--ink);background:#dff0f7;min-height:100vh;margin:0;font-family:Open Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button{border:2px solid var(--ink);background:var(--surface);cursor:pointer;color:var(--ink);border-radius:999px;padding:14px 26px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#fff;font-weight:800}.app-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 32px;display:flex}.app-shell--top{justify-content:flex-start;padding-top:48px}.setup-card{background:var(--surface);border:2px solid var(--ink);border-radius:32px;width:min(720px,100%);padding:48px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:900}h1{color:var(--ink);margin:0 0 28px;font-family:Poppins,system-ui,sans-serif;font-size:clamp(22px,4vw,40px);font-weight:600;line-height:1.1}.title-input,textarea{border:2px solid var(--ink);background:var(--input-bg);width:100%;color:var(--ink);border-radius:18px;outline:none;padding:14px}.title-input:focus,textarea:focus{border-color:var(--accent)}.title-input::placeholder,textarea::placeholder{color:var(--secondary)}textarea{resize:vertical;min-height:110px}.message-list{margin-top:36px;display:grid}.message-editor{border-bottom:1px solid #2d3a3f1a;flex-direction:column;gap:14px;padding:30px 0;display:flex}.message-editor:last-child{border-bottom:none}.message-topline,.button-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-topline span{color:var(--secondary);font-size:13px}.button-row{margin-top:48px}.machine-result-wrap{width:100%;position:relative}.result-backdrop{z-index:50;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.result-overlay-card{background:var(--result-card-bg);border:1px solid var(--ink);border-radius:32px;width:min(480px,100%);padding:32px 28px;animation:.22s ease-out both modalIn;position:relative}.machine-wrap{text-align:center;width:100%;max-width:400px;margin:0 auto}.machine-wrap--preview{max-width:340px}.machine-stage{aspect-ratio:966/1451;width:100%;margin:0 auto;position:relative}.machine-back,.machine-front{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.machine-back{z-index:1}.machine-front{z-index:4;pointer-events:none}.window-physics-area{z-index:2;width:90.99%;height:35.56%;position:absolute;top:16.79%;left:4.97%;overflow:hidden}.physics-capsule{transform-origin:50%;will-change:transform;pointer-events:none;width:22%;height:auto;position:absolute;top:0;left:0;translate:-50% -50%}.poster-overlay{z-index:3;pointer-events:none;width:90.99%;height:35.56%;position:absolute;top:16.79%;left:4.97%}.dial-button{z-index:5;width:100%;height:100%;box-shadow:none;transform-origin:50%;background:0 0;border:none;padding:0;position:absolute;inset:0}.dial-button img{object-fit:contain;transform-origin:50.41% 67.61%;width:100%;height:100%;display:block}.dial-button:disabled{opacity:1;cursor:default}.dial-button.turning img{animation:.9s ease-in-out both dialTurn}@keyframes dialTurn{0%{transform:rotate(0)}55%{transform:rotate(118deg)}78%{transform:rotate(72deg)}to{transform:rotate(0)}}.output-capsule-area{z-index:3;pointer-events:none;width:28.57%;height:15.99%;position:absolute;top:77.39%;left:64.7%}.output-click-target{z-index:6;width:28.57%;height:15.99%;box-shadow:none;cursor:pointer;background:0 0;border:none;position:absolute;top:77.39%;left:64.7%}.output-capsule{pointer-events:none;width:68%;height:auto;display:block;position:absolute;bottom:8%;left:16%}.output-capsule--falling{animation:1.1s cubic-bezier(.22,.61,.36,1) both outputDrop}.output-capsule--landed{transform:translateY(3px)}@keyframes outputDrop{0%{opacity:0;transform:translateY(-56px)rotate(-8deg)}10%{opacity:1}78%{transform:translateY(4px)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.restock-row{justify-content:center;align-items:center;gap:8px;margin-top:38px;display:flex}.cta-link{border:2px solid var(--ink);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.cta-link:hover{background:#f0ede8}.restock-btn{padding:14px 20px;font-size:14px}.creator-credit{text-align:center;color:var(--secondary);letter-spacing:.02em;margin:32px 0 0;font-size:15px;font-weight:700}.creator-credit a{color:var(--secondary);text-decoration:underline}.preview-bare{text-align:center;width:min(720px,100%)}.preview-bare h1{text-align:center}.preview-bare .button-row{justify-content:center;gap:16px}.preview-bare .machine-wrap{max-width:340px}.toast-backdrop{z-index:99;position:fixed;inset:0}.copy-toast{z-index:100;border:1px solid var(--ink);background:var(--surface);text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:20px;width:min(480px,100vw - 48px);padding:40px 72px;animation:.2s ease-out both toastIn;display:flex;position:fixed;top:50%;left:50%;box-shadow:0 10px 40px #00000029}.toast-title{color:var(--accent);margin:0;font-family:Poppins,system-ui,sans-serif;font-size:clamp(18px,4vw,24px);font-weight:700;line-height:1.1}.coffee-link{background:var(--secondary);color:var(--ink);white-space:nowrap;border:none;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.coffee-link:hover{background:#ffb94a}.coffee-group{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.coffee-subtext{color:var(--ink);opacity:.45;letter-spacing:.02em;margin:0;font-size:11px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.modal-backdrop{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-modal{background:var(--result-card-bg);border:1px solid var(--ink);border-radius:30px;width:min(720px,100%);max-height:92vh;padding:32px 28px;animation:.22s ease-out both modalIn;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.result-text{flex-direction:column;justify-content:center;gap:16px;display:flex}.result-text p{white-space:pre-wrap;color:var(--ink);font-size:20px;font-style:italic;line-height:1.65}.result-text .eyebrow{white-space:normal;color:#00995e;font-size:12px;font-style:normal;font-weight:900}.result-text .primary{border:1px solid var(--ink);border-radius:999px}@media (width<=780px){.app-shell{padding:32px 20px}.setup-card{padding:32px 24px}h1{margin-bottom:16px;line-height:1.05}.eyebrow{margin-bottom:6px}.preview-bare{text-align:center}.preview-bare .button-row{flex-wrap:wrap;justify-content:center}.preview-bare .machine-wrap,.machine-wrap--preview{max-width:240px}.result-text p{font-size:15px}.copy-toast{gap:16px;padding:36px 32px}}