:root{--black: #050505;--ink: #111111;--paper: #f4f5f7;--surface: #ffffff;--muted: #667085;--line: rgba(17, 17, 17, .1);--orange: #f58220;--orange-deep: #d96a0f;--blue: #0071bc;--blue-deep: #005a96;--ok: #149a5a;--danger: #d92d20;--shadow: 0 16px 40px rgba(5, 5, 5, .12);--radius: 20px;--font: "Manrope", system-ui, sans-serif;--display: "Sora", system-ui, sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 420px at 0% -10%,rgba(245,130,32,.14),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(0,113,188,.12),transparent 50%),linear-gradient(180deg,#f7f8fa,#eef1f5)}button,input,select{font:inherit}a{color:inherit}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;max-width:480px;margin:0 auto;padding:18px 16px 28px}.brand-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.brand-bar .brand-mark{width:44px;height:44px;border-radius:12px;object-fit:contain;background:var(--black);flex-shrink:0}.brand-bar strong{display:block;font-family:var(--display);font-size:1.15rem;letter-spacing:-.03em}.brand-bar span{color:var(--muted);font-size:.82rem}.progress{display:flex;gap:6px;margin:0 0 16px}.progress span{flex:1;height:4px;border-radius:999px;background:#11111114;transition:background .2s ease,transform .2s ease}.progress span.done,.progress span.active{background:var(--orange)}.progress span.active{transform:scaleY(1.35);background:linear-gradient(90deg,var(--orange),var(--blue))}.panel{background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .28s ease}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel h1{font-family:var(--display);font-size:1.55rem;line-height:1.15;margin:0 0 8px;letter-spacing:-.03em}.panel p{margin:0 0 18px;color:var(--muted)}.step-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.service-card,.primary,.ghost,.chip{width:100%;border:0;border-radius:16px;cursor:pointer;text-align:left;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.service-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:#f3f5f8;padding:14px;color:var(--ink)}.service-card:hover,.primary:hover,.ghost:hover,.chip:hover{transform:translateY(-1px)}.service-card:active,.primary:active{transform:translateY(0)}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orange),#ffb05c);color:#fff;font-family:var(--display);font-weight:700;font-size:1.05rem}.service-card strong{display:block;margin-bottom:2px;font-size:1.02rem}.service-card span{color:var(--muted);font-size:.86rem}.service-card em{font-style:normal;color:var(--blue);font-weight:700;font-size:.85rem}.primary{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-deep) 100%);color:#fff;padding:15px 16px;text-align:center;font-weight:700;box-shadow:0 10px 24px #f5822047}.primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.ghost{background:transparent;border:1px solid var(--line);padding:12px 16px;text-align:center;margin-top:10px;font-weight:600}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--muted);font-weight:600}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px}.field input:focus,.field select:focus{outline:2px solid rgba(245,130,32,.35);border-color:var(--orange)}.upload-zone{border:1.5px dashed rgba(0,113,188,.35);background:#0071bc0d;border-radius:16px;padding:28px 16px;text-align:center;margin-bottom:12px}.upload-zone strong{display:block;margin-bottom:4px;font-family:var(--display)}.upload-zone span{color:var(--muted);font-size:.88rem}.upload-zone input{margin-top:14px;width:100%}.option-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{padding:12px;text-align:center;background:#f3f5f8;font-weight:600;border:1.5px solid transparent}.chip.on{background:#f582201f;border-color:var(--orange);color:var(--orange-deep)}.quote-box{background:linear-gradient(145deg,var(--black) 0%,#1a1a1a 100%);color:#fff;border-radius:16px;padding:18px;margin-bottom:16px}.quote-box span{opacity:.7;font-size:.88rem}.quote-box strong{display:block;font-size:2rem;font-family:var(--display);letter-spacing:-.03em;margin-top:4px}.voice-banner{background:#0b3d2e0f;border:1px solid rgba(11,61,46,.1);border-radius:14px;padding:12px 14px;margin-bottom:16px;text-align:left}.voice-banner.playing{border-color:#0b3d2e47;background:#0b3d2e1a}.voice-banner>span{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);font-weight:700;margin-bottom:4px}.voice-banner p{margin:0 0 8px;color:var(--ink);font-size:.95rem}.preview-box{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px;background:#fff;max-height:320px}.preview-image{display:block;width:100%;max-height:320px;object-fit:contain;background:#f3f4f6}.preview-frame{width:100%;height:300px;border:0;background:#f3f4f6}.preview-summary{margin-bottom:16px}.preview-summary ul{margin:8px 0 12px;padding-left:18px;color:var(--muted)}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:var(--muted);font-size:.92rem}.error{color:var(--danger);background:#d92d2014;border-radius:12px;padding:12px;margin-bottom:14px}.success{color:var(--ok);font-weight:700}.footer-note{margin-top:18px;text-align:center;color:var(--muted);font-size:.78rem}.busy-bar{height:3px;border-radius:999px;overflow:hidden;background:#11111114;margin-bottom:14px}.busy-bar>i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--orange),var(--blue));animation:slide 1s ease infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.kiosk-screen{height:100dvh;max-height:100dvh;width:100%;margin:0;padding:clamp(12px,2.2vh,28px) clamp(16px,3vw,40px);overflow:hidden;background:radial-gradient(800px 500px at 20% 0%,rgba(245,130,32,.18),transparent 55%),radial-gradient(700px 480px at 90% 100%,rgba(0,113,188,.22),transparent 50%),var(--black);color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:clamp(8px,1.6vh,20px);max-width:none;box-sizing:border-box}.kiosk-logo{width:min(420px,70vw);max-height:14vh;height:auto;object-fit:contain;animation:fadeIn .5s ease}.kiosk-qr-wrap{display:grid;place-items:center;align-content:center;gap:clamp(8px,1.4vh,16px);min-height:0;width:100%;height:100%;animation:fadeIn .7s ease}.kiosk-qr-plate{background:#fff;border-radius:clamp(16px,2.5vw,24px);padding:clamp(10px,1.6vh,18px);box-shadow:0 0 0 1px #ffffff14,0 18px 40px #00000073;position:relative;max-width:100%}.kiosk-qr-plate:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(clamp(16px,2.5vw,24px) + 8px);border:1px solid rgba(245,130,32,.35);animation:pulseRing 2.4s ease infinite;pointer-events:none}@keyframes pulseRing{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:.8;transform:scale(1)}}.kiosk-qr-plate img,.kiosk-qr-plate canvas,.kiosk-qr-placeholder{display:block;width:min(42vh,56vw,320px);height:auto;aspect-ratio:1;max-height:min(42vh,56vw,320px);object-fit:contain}.kiosk-qr-placeholder{display:grid;place-items:center;color:#667085;font-weight:600;background:#f3f5f8;border-radius:8px}.kiosk-hint{text-align:center;max-width:32ch;padding:0 8px}.kiosk-hint strong{display:block;font-family:var(--display);font-size:clamp(1rem,2.4vh,1.55rem);letter-spacing:-.03em;margin-bottom:4px}.kiosk-hint span{color:#ffffffad;font-size:clamp(.8rem,1.8vh,1rem);line-height:1.3}.kiosk-status{color:#ffffff8c;font-size:clamp(.72rem,1.5vh,.88rem);display:flex;align-items:center;gap:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiosk-status .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #149a5a33;flex-shrink:0}.kiosk-status .dot.warn{background:var(--orange);box-shadow:0 0 0 4px #f5822033}.kiosk-status .dot.err{background:var(--danger);box-shadow:0 0 0 4px #d92d2033}body:has(.kiosk-screen){overflow:hidden;height:100dvh}body:has(.kiosk-screen),body:has(.kiosk-screen) #root{min-height:100dvh;height:100dvh;background:var(--black)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.done-hero{text-align:center;padding:12px 0 8px}.done-hero .badge{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--orange));color:#fff;font-size:1.8rem;font-weight:700}@media(max-width:420px){.option-row,.chips{grid-template-columns:1fr}}