@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-Cyjg2l_H.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-NQGxzFBw.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-SemiBold-YdOtxg4l.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-wxX70Ed7.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-ExtraBold-krvMyJYB.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:800}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Black-D_FhukR7.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:900}@font-face{font-family:Montserrat Alternates;src:url(/assets/MontserratAlternates-Regular-D42nIb_o.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Montserrat Alternates;src:url(/assets/MontserratAlternates-SemiBold-C720C2e8.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Montserrat Alternates;src:url(/assets/MontserratAlternates-Bold-bm0djr7g.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Montserrat Alternates;src:url(/assets/MontserratAlternates-ExtraBold-Ce_xOcqO.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:800}@font-face{font-family:Montserrat Alternates;src:url(/assets/MontserratAlternates-Black-D4P0B5XW.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:900}:root{color:#4f5252;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#faf8f4;--bg-soft:#f2ece6;--panel:#fffdf9;--panel-text:#424545;--muted:#5f6262;--border:#ad614d38;--accent:#ad614d;--accent-strong:#ad614d;--brand:#ad614d;--wheel-gray:#e9e9e7;--font-body:"Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Montserrat Alternates", "Montserrat", ui-sans-serif, system-ui, sans-serif;--page-padding-y:20px;--page-padding-x:18px;--pattern-width:clamp(68px, 16vw, 136px);--content-left-offset:calc(var(--pattern-width) + 4px);--wheel-inline-limit:calc(100vw - var(--content-left-offset) - (var(--page-padding-x) * 2));--wheel-size:min(var(--wheel-inline-limit), 78vw, 44svh, 330px);--marker-radius:calc(var(--wheel-size) * .36);background:#faf8f4;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#app{min-height:100svh}.app-shell{min-height:100svh;padding:var(--page-padding-y) var(--page-padding-x);isolation:isolate;background:linear-gradient(90deg,#ffffffb8 0 18%,#0000 36%),radial-gradient(circle at 50% 22%,#ffffffeb,#0000 42%),linear-gradient(#fbfaf7 0%,#f6f3ed 100%);place-items:center;display:grid;position:relative;overflow:hidden}.app-shell:before{z-index:0;width:var(--pattern-width);content:"";opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20width='409'%20height='433'%20viewBox='0%200%20409%20433'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M273.859%20211.082C273.859%20253.415%20239.542%20287.732%20197.209%20287.732C154.875%20287.732%20120.557%20253.415%20120.557%20211.082C120.557%20168.748%20154.875%20134.431%20197.209%20134.431C239.542%20134.431%20273.859%20168.748%20273.859%20211.082Z'%20stroke='%23AD614D'%20stroke-width='17.64'%20stroke-miterlimit='10'/%3e%3cpath%20d='M399.289%20406.193H9.06494V9H399.289V406.193Z'%20stroke='%23AD614D'%20stroke-width='17.64'%20stroke-miterlimit='10'/%3e%3cpath%20d='M2.09619%20193.661C20.4055%20190.999%2071.6122%20181.114%20117.074%20137.914C165.432%2091.9621%20176.835%2037.2528%20179.788%2019.4541'%20stroke='%23AD614D'%20stroke-width='17.64'%20stroke-miterlimit='10'/%3e%3cpath%20d='M218.113%2019.4536C221.469%2037.6429%20232.709%2085.0923%20273.86%20127.462C315.723%20170.567%20363.829%20182.97%20381.868%20186.692'%20stroke='%23AD614D'%20stroke-width='17.64'%20stroke-miterlimit='10'/%3e%3cpath%20d='M16.0327%20225.018C35.0487%20228.961%2077.89%20240.548%20117.073%20277.281C164.009%20321.281%20176.341%20373.842%20179.787%20392.257'%20stroke='%23AD614D'%20stroke-width='17.64'%20stroke-miterlimit='10'/%3e%3cpath%20d='M385.352%20225.018C367.024%20227.908%20319.924%20237.84%20277.344%20277.281C229.677%20321.433%20217.788%20374.67%20214.629%20392.257'%20stroke='%23AD614D'%20stroke-width='17.64'%20stroke-miterlimit='10'/%3e%3c/svg%3e");background-repeat:repeat-y;background-size:100%;position:absolute;top:4px;bottom:-80px;left:4px;-webkit-mask-image:linear-gradient(#000 0 100%,#0000 100%);mask-image:linear-gradient(#000 0 100%,#0000 100%)}.hero-panel{z-index:1;width:min(100%,760px);padding-left:var(--content-left-offset);gap:0;margin:0 auto;display:grid;position:relative}.intro{text-align:center;justify-items:center;gap:24px;display:grid}.brand-logo{filter:drop-shadow(0 8px 16px #ad614d1a);width:clamp(148px,38vw,230px);max-width:72%;height:auto;display:block}h1,h2,p{margin:0}h1{max-width:620px;color:var(--accent);font-family:var(--font-heading);text-align:center;font-size:clamp(34px,8vw,64px);font-weight:700;line-height:.96}.subtitle{max-width:420px;color:var(--muted);text-wrap:balance;font-size:17px;line-height:1.45}.experience{justify-items:center;gap:32px;width:100%;display:grid}.wheel-stage{width:var(--wheel-size);height:calc(var(--wheel-size) + 20px);place-items:end center;display:grid;position:relative}.pointer{z-index:4;border-left:18px solid #0000;border-right:18px solid #0000;border-top:32px solid var(--accent);filter:drop-shadow(0 4px #fffffff2)drop-shadow(0 7px 9px #ad614d3d);width:0;height:0;position:absolute;top:0}.wheel{width:var(--wheel-size);height:var(--wheel-size);background-color:var(--wheel-gray);border:clamp(8px, calc(var(--wheel-size) * .03), 12px) solid var(--accent);will-change:transform;border-radius:50%;place-items:center;transition:transform 3.6s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 38px #ad614d26,inset 0 0 0 2px #ffffffc2}.wheel:before{z-index:1;content:"";border:clamp(2px, calc(var(--wheel-size) * .008), 4px) solid #fffffff0;border-radius:50%;position:absolute;inset:0}.wheel:after{z-index:1;content:"";background:repeating-conic-gradient(from var(--separator-start), #fffffff5 0deg 1.18deg, transparent 1.18deg var(--separator-step));opacity:1;pointer-events:none;position:absolute;inset:0}.flavor-position{z-index:2;width:1px;height:1px;transform:rotate(var(--segment-angle)) translateY(calc(var(--marker-radius) * -1));transform-origin:50%;position:absolute;top:50%;left:50%}.flavor-marker{width:clamp(68px,22vw,92px);min-height:clamp(52px,16vw,68px);color:var(--flavor-label-color);text-shadow:0 1px 4px #4e261c29;border-radius:10px;place-items:center;padding:8px;display:grid;transform:translate(-50%,-50%)}.flavor-marker span{overflow-wrap:anywhere;max-width:100%;font-size:clamp(10px, calc(var(--wheel-size) * .045), 18px);text-align:center;font-weight:800;line-height:1.12;display:block}.wheel-center{z-index:3;width:clamp(29px, calc(var(--wheel-size) * .14), 52px);height:clamp(29px, calc(var(--wheel-size) * .14), 52px);color:var(--accent);border:clamp(3px, calc(var(--wheel-size) * .011), 4px) solid var(--accent);outline:clamp(1px, calc(var(--wheel-size) * .004), 2px) solid #fffffff0;background:#fbfaf7;border-radius:50%;align-content:center;place-items:center;gap:1px;display:grid;position:relative;box-shadow:0 8px 18px #ad614d29,inset 0 0 0 3px #ffffffe6}.wheel-center span{font-family:var(--font-heading);font-size:clamp(24px, calc(var(--wheel-size) * .105), 48px);font-weight:700;line-height:1}.controls{width:min(100%,420px)}.spin-button{color:#fff;background:var(--brand);border:0;border-radius:8px;width:100%;min-height:56px;padding:0 22px;font-size:18px;font-weight:900;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 16px 28px #ad614d33,inset 0 1px #ffffff38}.spin-button:hover:not(:disabled){text-transform:uppercase;background:linear-gradient(#e3644d 0%,#c9402d 100%);transform:translateY(-1px);box-shadow:0 18px 34px #ad614d42,inset 0 1px #ffffff3d}.spin-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.spin-button:focus-visible{outline-offset:4px;outline:3px solid #ad614d57}.spin-button:disabled{box-shadow:none;background:#bd9b90}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4c3a3257;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-modal{width:min(100%,440px);color:var(--panel-text);text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;justify-items:center;padding:26px 22px 22px;display:grid;box-shadow:0 28px 70px #683d303d}.result-swatch{border:2px solid #ad614d33;border-radius:50%;width:34px;height:34px;margin-bottom:12px}.result-swatch.muted{background:linear-gradient(135deg,#d6d0c5 0 48%,#b7bcc8 50% 100%)}.result-label{color:var(--brand);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900}.result-modal h2{color:var(--brand);font-family:var(--font-heading);margin-bottom:10px;font-size:clamp(23px,6vw,30px);font-weight:700;line-height:1.08}.result-modal p:last-of-type{max-width:370px;color:var(--muted);font-size:16px;line-height:1.46}.modal-button{color:#fff;background:var(--brand);border:0;border-radius:8px;width:100%;min-height:48px;margin-top:22px;padding:0 18px;font-size:16px;font-weight:900;transition:background .16s,transform .16s}.modal-button:hover{background:var(--accent-strong)}.modal-button:active{transform:translateY(1px)}.modal-button:focus-visible{outline-offset:3px;outline:3px solid #ad614d52}@media (width>=860px){:root{--page-padding-y:32px;--page-padding-x:32px;--wheel-size:min(var(--wheel-inline-limit), 42vw, 48svh, 396px);--marker-radius:calc(var(--wheel-size) * .37)}.app-shell{padding:var(--page-padding-y) var(--page-padding-x)}.subtitle{font-size:18px}}@media (width<=380px){:root{--page-padding-x:14px}.flavor-marker{width:64px;min-height:50px;padding:6px}}@supports (height:100dvh){body,#app,.app-shell{min-height:100dvh}:root{--wheel-size:min(var(--wheel-inline-limit), 78vw, 44dvh, 330px)}@media (width>=860px){:root{--wheel-size:min(var(--wheel-inline-limit), 42vw, 48dvh, 396px)}}}@media (height<=720px){:root{--page-padding-y:14px;--wheel-size:min(var(--wheel-inline-limit), 76vw, 40svh, 300px)}.experience{gap:16px}.intro{gap:6px}.brand-logo{width:clamp(132px,34vw,190px)}h1{font-size:clamp(31px,7.5vw,42px)}.subtitle{font-size:15px;line-height:1.35}.wheel-stage{height:calc(var(--wheel-size) + 16px)}.spin-button{min-height:52px}}@supports (height:100dvh){@media (height<=720px){:root{--wheel-size:min(var(--wheel-inline-limit), 76vw, 40dvh, 300px)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.wheel,.spin-button{transition-duration:1ms}}