:root{color:#2d2118;background:#fff3e0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0;overflow-x:hidden}button{font:inherit}.app{position:relative;width:min(100%,460px);min-height:100svh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff7e7f5,#ffe5bff0),repeating-linear-gradient(135deg,rgba(24,130,121,.08) 0 1px,transparent 1px 18px)}.app--result{padding-top:max(12px,env(safe-area-inset-top))}.intro{padding:8px 2px 10px}.eyebrow{margin:0 0 8px;color:#13786f;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:14ch;font-size:clamp(31px,9vw,43px);line-height:.98;letter-spacing:0}h2{font-size:22px;line-height:1.12;letter-spacing:0}.stage{display:grid;gap:14px;justify-items:center;padding:12px 0 8px}.wheel-shell{position:relative;width:min(93vw,410px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 20px 32px rgba(99,54,29,.2));--label-radius: min(35vw, 148px)}.wheel{position:relative;width:100%;height:100%;border:10px solid #fff8ea;border-radius:50%;transition:transform 2.4s cubic-bezier(.11,.72,.15,1);will-change:transform;overflow:hidden}.wheel:after{content:"";position:absolute;inset:16px;border:2px dashed rgba(255,255,255,.52);border-radius:50%}.wheel--spinning{filter:saturate(1.12)}.wheel-pointer{position:absolute;top:-8px;z-index:4;width:0;height:0;border-right:22px solid transparent;border-left:22px solid transparent;border-top:44px solid #263238;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}.wheel-pointer-line{position:absolute;top:28px;z-index:3;width:3px;height:70px;border-radius:999px;background:#263238b3}.wheel-label-orbit{position:absolute;top:50%;left:50%;z-index:2;width:0;height:0;transform-origin:0 0}.wheel-label-distance{position:absolute;top:0;left:0;width:0;height:0;transform:translateY(calc(-1 * var(--label-radius)))}.wheel-label-chip{position:absolute;top:0;left:0;width:86px;min-height:30px;display:grid;place-items:center;padding:5px 8px;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:#2632389e;color:#fffaf0;font-size:12.5px;font-weight:900;letter-spacing:0;line-height:1;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.32);box-shadow:0 8px 18px #00000029;transform-origin:50% 50%}.wheel-label-chip--selected{background:#fff8ea;color:#263238;outline:4px solid rgba(255,209,102,.82);text-shadow:none}.wheel-center{position:absolute;inset:50%;z-index:2;width:88px;height:88px;display:grid;place-items:center;transform:translate(-50%,-50%);border:6px solid #fff8ea;border-radius:50%;background:#263238;color:#ffd166;font-size:46px;font-weight:900;box-shadow:0 10px 30px #0000003d}.pick-panel,.final-panel,.message-panel,.status{width:100%;border:1px solid rgba(45,33,24,.12);border-radius:8px;background:#fffcf4d1;box-shadow:0 14px 38px #6e3f1f24}.pick-panel{min-height:102px;display:grid;gap:6px;align-content:center;padding:18px;text-align:center}.pick-panel strong,.choice-pill strong{color:#2d2118;font-size:20px;line-height:1.1}.pick-panel span,.choice-pill span,.final-panel p{color:#6b5545;font-size:15px}.action-row{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-row:has(>.button:only-child){grid-template-columns:1fr}.button{min-height:52px;border:0;border-radius:8px;background:#173f3b;color:#fff8ea;font-weight:850;letter-spacing:0;box-shadow:0 10px 24px #173f3b38;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button--ghost{border:1px solid rgba(23,63,59,.22);background:#fff8eab8;color:#173f3b;box-shadow:none}.button--secondary{background:#cf5f46;box-shadow:0 10px 24px #cf5f4638}.choice-pills{display:grid;gap:8px;margin-top:8px}.choice-pill{min-height:68px;display:grid;gap:3px;align-content:center;padding:12px 14px;border-left:6px solid #0f9f8f;border-radius:8px;background:#ffffffad}.choice-pill strong{font-size:16px}.choice-pill span{font-size:13px}.final-panel{display:grid;gap:12px;padding:18px}.final-panel--ready{margin-top:0}.status{margin-top:12px;padding:14px;color:#173f3b;font-size:15px;font-weight:760;text-align:center}.status--error{color:#8d2d2d}.result-hero{width:100%}.result-image-frame{width:100%;aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgba(45,33,24,.16);border-radius:8px;background:#1f1713;box-shadow:0 18px 60px #2d211847}.result-image{width:100%;height:100%;display:block;object-fit:cover;animation:breathingZoom 14s ease-in-out infinite;transform-origin:50% 42%}.message-panel{display:grid;gap:12px;margin:14px 0;padding:18px}.message-panel p{color:#2d2118;font-size:18px;line-height:1.45}.message-panel span{color:#13786f;font-weight:850}@keyframes breathingZoom{0%,to{transform:scale(1.01)}50%{transform:scale(1.045)}}@media(max-width:360px){.app{padding-right:14px;padding-left:14px}h1{font-size:30px}.wheel-label{font-size:11px}.wheel-shell{--label-radius: 132px}.wheel-label-chip{width:78px;min-height:28px;font-size:11px}.button{min-height:50px;font-size:15px}}@media(prefers-reduced-motion:reduce){.wheel,.result-image{transition:none;animation:none}}