: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;box-shadow:0 22px 60px #1a1a1a17}.setup-hero{display:grid;grid-template-columns:1fr 168px;align-items:center;gap:28px;margin-bottom:36px}.setup-hero__copy{min-width:0}.setup-hero__copy .eyebrow{margin-bottom:10px}.setup-hero__copy h1{margin:0 0 14px}.setup-subtitle{margin:0;max-width:42ch;color:var(--ink);opacity:.66;font-size:15px;line-height:1.55}.setup-hero__art{position:relative;display:grid;place-items:center}.setup-hero__art:before{content:"";position:absolute;top:-18%;right:-10%;bottom:-18%;left:-10%;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,197,103,.55),rgba(253,90,70,.22) 48%,transparent 72%);filter:blur(6px)}.machine-mini{position:relative;z-index:1;width:100%;aspect-ratio:966 / 1451}.mini-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.mini-back{z-index:1}.mini-window{position:absolute;z-index:2;top:16.79%;left:4.97%;width:90.99%;height:35.56%;overflow:hidden}.mini-capsule{position:absolute;width:22%;height:auto;transform:translate(-50%,-50%) rotate(var(--r, 0deg));-webkit-user-select:none;user-select:none;pointer-events:none}.mini-front{z-index:4}.mini-dial{z-index:5}@media (prefers-reduced-motion: no-preference){.machine-mini{animation:miniFloat 4.2s ease-in-out infinite}}@keyframes miniFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.field{margin-bottom:8px}.field-label{display:block;margin:0 0 10px;color:var(--ink);opacity:.7;font-size:14px;font-weight:700}.field-label--section{margin-top:30px;margin-bottom:0}.attach-row{display:flex}.attach-box{display:inline-flex;align-items:center;gap:8px;border:2px dashed rgba(26,26,26,.3);background:transparent;border-radius:14px;padding:10px 16px;cursor:pointer;color:var(--ink);font-size:14px;font-weight:700;transition:border-color .2s,background .2s,transform .08s}.attach-box:hover{border-color:var(--accent);background:#fd5a460f}.attach-box:active{transform:translateY(1px)}.attach-icon{font-size:16px;line-height:1}.attach-preview{display:inline-flex;align-items:center;gap:12px}.attach-preview img{width:54px;height:54px;object-fit:cover;border-radius:10px;border:2px solid var(--ink)}.attach-name{font-size:14px;font-weight:700;color:var(--ink);opacity:.7}.attach-remove{width:30px;height:30px;padding:0;border:2px solid var(--ink);background:var(--surface);border-radius:999px;font-size:18px;font-weight:800;line-height:1;display:grid;place-items:center}.attach-remove:hover{background:#f0ede8}.polaroid{align-self:center;position:relative;width:min(258px,74%);background:#fff;border:1px solid rgba(26,26,26,.16);border-radius:4px;padding:12px 12px 34px;box-shadow:0 12px 30px #1a1a1a2e;transform:rotate(-2.4deg)}.polaroid:before{content:"";position:absolute;top:-11px;left:50%;width:88px;height:22px;transform:translate(-50%) rotate(-3deg);background:#ffc567b8;border:1px solid rgba(26,26,26,.12)}.polaroid__photo{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#eee}.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:4px;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}.message-topline__right{display:flex;align-items:center;gap:10px}.message-remove{width:28px;height:28px;padding:0;border:2px solid var(--ink);background:var(--surface);border-radius:999px;font-size:17px;font-weight:800;line-height:1;color:var(--ink);display:grid;place-items:center;transition:background .15s,color .15s,transform .08s}.message-remove:hover{background:var(--accent);color:#fff}.message-remove:active{transform:translateY(1px)}.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;top:0;right:0;bottom:0;left: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;container-type:inline-size}.powered-name{position:absolute;z-index:6;left:30%;top:88%;width:28%;display:flex;justify-content:center;text-align:center;white-space:nowrap;pointer-events:none;font-family:Caveat,cursive;font-weight:700;font-size:6cqw;line-height:1;color:#e8654f}.m2-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.m2-back{z-index:1}.m2-front{z-index:2}.m2-window{position:absolute;z-index:3;left:8%;top:7%;width:84%;height:36%;overflow:hidden}.m2-knob{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform-origin:52.93% 66.52%;pointer-events:none;-webkit-user-select:none;user-select:none}.m2-knob.turning{animation:.9s ease-in-out both dialTurn}.m2-dial-button{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:0 0;border:none;padding:0;box-shadow:none;cursor:pointer}.m2-dial-button:disabled{cursor:default;opacity:1}.m2-output-area{position:absolute;z-index:4;top:76%;left:66%;width:24%;height:16%;pointer-events:none}.m2-output-click{position:absolute;z-index:6;top:76%;left:66%;width:24%;height:16%;background:0 0;border:none;box-shadow:none;cursor:pointer}.machine-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.mlabel{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.04;box-sizing:border-box;font-family:Poppins,system-ui,sans-serif}.ml-perplay{left:5.7%;top:53.5%;width:16.25%;height:6.2%;background:#cee4f3;border:.5cqw solid #2f6da3;border-radius:2cqw;color:#2f6da3}.ml-perplay b{font-size:4.1cqw}.ml-perplay span{font-size:2cqw;font-weight:700;letter-spacing:.04em}.ml-spinjoy{left:28.8%;top:53.3%;width:14.7%;height:7.4%;background:#f6c6cf;border:.5cqw solid #c46072;border-radius:2cqw;color:#963c50}.ml-spinjoy span{font-size:1.85cqw;font-weight:700}.ml-coinslot{left:42.2%;top:52.9%;width:20.1%;height:3.9%;background:#fffdf9;border:.5cqw solid #282828;border-radius:3cqw;color:#282828}.ml-coinslot span{font-size:2.65cqw;font-weight:700}.ml-pushrelease{left:76.2%;top:55.5%;width:17.4%;height:7%;background:#bdd9ec;border:.5cqw solid #2f6da3;border-radius:2.4cqw;color:#2f6da3}.ml-pushrelease span{font-size:2.45cqw;font-weight:700}.ml-instruction{left:5.8%;top:65.75%;width:26.7%;height:8.8%;padding:0 1.6cqw;background:#fffdf9;border:.5cqw solid #282828;border-radius:2cqw;color:#282828}.ml-instruction span{font-size:2.25cqw;font-weight:600}.ml-arrow{color:var(--accent);font-style:normal}.ml-ages{left:4.8%;top:87.4%;width:15.1%;height:6.2%;background:#3b7fc4;border-radius:2cqw;color:#fff}.ml-ages span{font-size:1.85cqw;font-weight:600}.ml-ages b{font-size:2.45cqw}.ml-eachplay{left:37.9%;top:42.9%;width:13%;height:4.7%;background:#4f7ea8;border:.4cqw solid #fff;border-radius:1.6cqw;color:#fff}.ml-eachplay span{font-size:1.85cqw;font-weight:600;letter-spacing:.02em}.ml-eachplay b{font-size:2.65cqw}.ml-powered{left:75.8%;top:43.3%;width:21.9%;height:6.2%;background:#ede5d5;border-radius:1cqw;color:#2f9a63}.ml-powered span{font-size:1.75cqw;font-weight:700;letter-spacing:.08em;color:#8a8a8a}.ml-powered b{font-size:3cqw;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-back,.machine-front{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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:50%;height:auto;display:block;position:absolute;bottom:15%;left:25%}.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;text-underline-offset:2px;cursor:pointer;transition:color .15s,text-decoration-color .15s}.creator-credit a:hover{color:var(--accent);text-decoration-thickness:2px}.support-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.support-line{margin:0;text-align:center;color:var(--secondary);letter-spacing:.02em;font-size:14px;font-weight:700}.chai-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:8px 32px;border-radius:16px;text-decoration:none;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:transform .2s,box-shadow .2s}.chai-btn img{height:32px;object-fit:contain;display:block}.chai-btn:hover{transform:translateY(-2px);box-shadow:0 8px 14px -4px #0000001a,0 4px 6px -2px #0000000f}.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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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}.setup-hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;margin-bottom:28px}.setup-hero__copy{order:2}.setup-hero__art{order:1;width:132px}.setup-subtitle{margin-inline:auto}.field-label{text-align:left}}