.petal-picker-overlay{--orange:#f47743;--ink:#332c32;--muted:#7b6e68;position:fixed;inset:0;z-index:10045;display:none;padding:18px;background:radial-gradient(circle at 8% 8%,rgba(255,166,112,.35),transparent 28%),radial-gradient(circle at 92% 10%,rgba(185,164,223,.36),transparent 29%),radial-gradient(circle at 90% 90%,rgba(168,201,165,.35),transparent 28%),#fff9f3;font-family:Inter,"Avenir Next",system-ui,sans-serif;color:var(--ink)}.petal-picker-overlay.open{display:grid;place-items:center}.petal-picker-shell{width:min(1400px,100%);height:min(930px,96vh);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border:1px solid #ead9cf;border-radius:30px;background:rgba(255,255,255,.97);box-shadow:0 28px 80px rgba(72,48,36,.2)}.petal-picker-shell button,.petal-picker-shell textarea{font:inherit}.petal-picker-head{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #eadfd8;background:#fff}.petal-picker-brand{display:flex;align-items:center;gap:12px}.petal-picker-brand>i{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff0c8,#ffe5d6);font-size:29px;font-style:normal}.petal-picker-brand h2{margin:0;font-size:clamp(25px,3vw,38px);letter-spacing:-.04em}.petal-picker-brand p{margin:2px 0 0;color:var(--muted);font-size:10px;letter-spacing:.05em}.petal-picker-head-actions{display:flex;align-items:center;gap:8px}.petal-picker-head-actions>span{padding:7px 10px;border-radius:999px;background:#e8f7ec;color:#337147;font-size:8px;font-weight:850}.petal-picker-head-actions .btn{border:0;border-radius:12px;padding:10px 14px;background:#f5efeb;color:var(--ink);font-weight:850;cursor:pointer}.petal-picker-head-actions .close{width:39px;height:39px;border:0;border-radius:12px;background:#f5efeb;font-size:17px;cursor:pointer}.petal-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px 22px;background:#fffaf6}.petal-mode-tabs button{border:1px solid #e7dbd3;border-radius:13px;background:#fff;padding:10px;color:#766960;font-size:10px;font-weight:850;cursor:pointer}.petal-mode-tabs button.active{border-color:#ef875b;background:#fff0e7;color:#b94a24;box-shadow:0 5px 13px rgba(225,91,41,.1)}
.petal-picker-main{min-height:0;display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px;padding:15px 20px 18px;overflow:hidden}.petal-setup{min-height:0;display:flex;flex-direction:column;padding:18px;border:1px solid #eadfd7;border-radius:23px;background:#fff}.petal-setup-title>span{color:#d05b31;font-size:8px;font-weight:900;letter-spacing:.11em}.petal-setup-title h3{margin:4px 0 2px;font-size:20px}.petal-setup-title p{margin:0 0 10px;color:var(--muted);font-size:9px}.petal-setup textarea{min-height:125px;max-height:190px;resize:vertical;padding:12px;border:1px solid #e4d7cf;border-radius:14px;background:#fffaf7;color:#423a3e;font:650 11px/1.55 system-ui;outline:none}.petal-setup textarea:focus{border-color:#ef8b61;box-shadow:0 0 0 3px #fff0e8}.petal-count{display:flex;align-items:center;justify-content:space-between;padding:7px 2px 10px;color:var(--muted);font-size:8px;font-weight:800}.petal-count button,.petal-history button{border:0;background:transparent;color:#c45b32;font-size:8px;font-weight:850;cursor:pointer}.petal-options{display:grid;gap:6px}.petal-options label{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;background:#faf6f2;cursor:pointer}.petal-options input{width:17px;height:17px;accent-color:var(--orange)}.petal-options b{display:block;font-size:9px}.petal-options small{display:block;margin-top:2px;color:var(--muted);font-size:7.5px}.petal-history{min-height:0;margin-top:12px;padding-top:10px;border-top:1px solid #eee3dc}.petal-history>div{display:flex;justify-content:space-between}.petal-history>div span{color:#887b74;font-size:7px;font-weight:900;letter-spacing:.1em}.petal-history ol{max-height:150px;display:grid;gap:5px;margin:8px 0 0;padding:0;overflow:auto;list-style:none}.petal-history li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:6px 8px;border-radius:9px;background:#fff7f1}.petal-history li b{font-size:9px}.petal-history li span{color:var(--muted);font-size:7px}.petal-history li button{font-size:13px}.petal-history li.empty{display:block;color:#a19690;font-size:8px;text-align:center}
.petal-stage{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e8ddd5;border-radius:25px;background:radial-gradient(circle at 50% 48%,#fff 0 39%,#fff8ee 72%,#f0f7ed 100%)}.petal-wheel-wrap{width:min(600px,68vh,76vw);height:min(600px,68vh,76vw);filter:drop-shadow(0 16px 24px rgba(79,53,37,.14))}.petal-wheel-wrap svg{width:100%;height:100%;overflow:visible}.petal-wheel-wrap #petalWheelGroup{transform-origin:360px 360px}.petal-segment path{stroke:#fff;stroke-width:5}.petal-segment text{fill:#463c3d;font-weight:900;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.petal-wheel-ring{fill:none;stroke:#fff;stroke-width:13}.petal-wheel-centre{fill:#fff3c9;stroke:#fff;stroke-width:12;filter:drop-shadow(0 7px 9px rgba(112,76,34,.18))}.petal-wheel-logo{fill:#c24f27;font-size:34px;font-weight:950;text-anchor:middle}.petal-wheel-spin-copy{fill:#8d6e3d;font-size:15px;font-weight:900;letter-spacing:.13em;text-anchor:middle}.petal-empty{fill:#9d9189;font-size:13px;font-weight:800;letter-spacing:.09em;text-anchor:middle}.petal-empty.strong{fill:#d05b31;font-size:19px}.petal-pointer{position:absolute;z-index:4;top:5px;left:50%;width:56px;height:66px;transform:translateX(-50%);filter:drop-shadow(0 6px 6px rgba(76,54,39,.18))}.petal-pointer::before{content:"🌿";position:absolute;top:0;left:5px;font-size:32px;transform:rotate(138deg)}.petal-pointer i{position:absolute;left:20px;top:33px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:22px solid #3e7048}.petal-spin-button{position:absolute;z-index:5;left:50%;bottom:17px;transform:translateX(-50%);min-width:225px;padding:13px 21px;border:0;border-radius:16px;background:linear-gradient(135deg,#f88a56,#e85e2e);color:#fff;box-shadow:0 11px 24px rgba(222,85,34,.27);font-size:12px;font-weight:950;letter-spacing:.03em;cursor:pointer}.petal-spin-button:hover{transform:translateX(-50%) translateY(-2px)}.petal-spin-button:disabled{opacity:.45;cursor:not-allowed;transform:translateX(-50%)}.petal-stage-note{position:absolute;right:18px;bottom:17px;margin:0;color:#7d716a;font-size:8px;font-weight:750}.petal-picker-footer{padding:9px 20px;border-top:1px solid #e7dcd4;background:#42594c;color:#fff;font-size:8px;letter-spacing:.08em;text-align:center}
.petal-result-pop{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(49,39,39,.55);backdrop-filter:blur(8px);opacity:0;transition:.2s}.petal-result-pop.open{opacity:1}.petal-result-card{width:min(620px,94vw);padding:32px;border-radius:30px;background:radial-gradient(circle at 50% 15%,#fff8cf,#fff 55%,#f0f8ef);box-shadow:0 30px 80px rgba(32,24,20,.28);text-align:center}.petal-result-card>span{color:#c95a31;font-size:9px;font-weight:950;letter-spacing:.13em}.petal-result-card>i{display:block;margin:10px 0 0;font-size:65px;font-style:normal}.petal-result-card h3{margin:3px 0;font-size:clamp(31px,5vw,58px);line-height:1.1}.petal-result-card p{color:var(--muted);font-size:11px}.petal-result-card>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.petal-result-card .btn{border:0;border-radius:13px;padding:11px 14px;font-weight:850;cursor:pointer}.petal-result-card .btn.soft{background:#f2ece7;color:var(--ink)}.petal-result-card .btn.primary{background:var(--orange);color:#fff}.petal-particle{position:absolute;z-index:31;left:50%;top:50%;pointer-events:none;font-size:25px;animation:petalBurst var(--d) ease-out forwards}@keyframes petalBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),-52vh) scale(1.25) rotate(var(--r))}}
.petal-picker-shell:fullscreen{width:100%;height:100%;border:0;border-radius:0}.petal-picker-shell:fullscreen .petal-wheel-wrap{width:min(680px,72vh);height:min(680px,72vh)}
@media(max-width:900px){.petal-picker-overlay{padding:0}.petal-picker-shell{width:100%;height:100dvh;border-radius:0}.petal-picker-main{grid-template-columns:1fr;overflow:auto}.petal-setup{order:2}.petal-stage{min-height:620px}.petal-wheel-wrap{width:min(560px,85vw);height:min(560px,85vw)}.petal-history ol{max-height:110px}.petal-picker-head-actions>span,.petal-picker-head-actions .btn{display:none}}
@media(max-width:580px){.petal-picker-head{padding:11px 13px}.petal-picker-brand>i{width:43px;height:43px}.petal-picker-brand h2{font-size:20px}.petal-picker-brand p{display:none}.petal-mode-tabs{display:flex;overflow:auto;padding:8px 10px}.petal-mode-tabs button{min-width:115px}.petal-picker-main{padding:10px}.petal-stage{min-height:480px}.petal-wheel-wrap{width:92vw;height:92vw}.petal-spin-button{bottom:9px}.petal-stage-note{display:none}.petal-picker-footer{display:none}}