:root{--bg:#fff6f0;--surface:#fffaf6d1;--border:#7f3f4e24;--ink:#34202a;--muted:#816975;--muted-strong:#614854;--accent:#c86777;--accent-strong:#8d2946;--accent-soft:#fff0eb;--accent-gold:#d8ab72;--shadow-soft:0 30px 80px #a0556326, 0 10px 26px #78364414;--font-body:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;font-family:var(--font-body);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 14% 10%,#f7c2bc61,#0000 24%),radial-gradient(circle at 86% 12%,#f5cea533,#0000 22%),radial-gradient(circle at 50% 72%,#df9ba41f,#0000 26%),linear-gradient(#fff8f4 0%,#fffdfb 44%,#fff4ea 100%);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p,ul,dl,dd{margin:0}#root{min-height:100svh}.app-shell{min-height:100svh;padding:28px 20px 56px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;position:absolute;inset:auto}.app-shell:before{filter:blur(18px);opacity:.9;background:radial-gradient(circle,#ffe8df9e,#0000 66%);border-radius:999px;width:min(72rem,94vw);height:24rem;top:5rem;left:50%;transform:translate(-50%)}.app-shell:after{filter:blur(10px);background:radial-gradient(circle,#d7ab7229,#0000 70%);border-radius:50%;width:18rem;height:18rem;bottom:9rem;right:6%}.ambient{filter:blur(34px);opacity:.82;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#f4b9b480;width:22rem;height:22rem;top:-7rem;left:-2rem}.ambient-two{background:#d692a547;width:24rem;height:24rem;top:14rem;right:-6rem}.ambient-three{background:#f4d1a857;width:24rem;height:24rem;bottom:-5rem;left:22%}.app-container{z-index:1;flex-direction:column;gap:24px;width:min(1160px,100%);margin:0 auto;display:flex;position:relative}.panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:linear-gradient(150deg,#ffffffd1,#fff7f1bd),radial-gradient(circle at 0 0,#ffffffb8,#0000 34%);border-radius:32px;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff2e,#0000 34%),radial-gradient(circle at 100% 0,#faded9b8,#0000 32%),radial-gradient(circle at 0 100%,#f9e2c26b,#0000 30%);position:absolute;inset:0}.panel:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff6b;padding:1px;position:absolute;inset:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.panel>*{z-index:1;position:relative}.eyebrow{color:var(--accent-strong);letter-spacing:.28em;text-transform:uppercase;opacity:.9;margin:0 0 12px;font-size:.78rem;font-weight:700}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title h2,.panel-title p{margin:0}.panel-title h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.02}.panel-title p{max-width:34rem;color:var(--muted-strong);margin-top:10px}.hero-panel{background:linear-gradient(135deg,#fffbf8d6,#fff3eec7),radial-gradient(circle at 100% 0,#d7ab721f,#0000 26%);grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:24px;padding:clamp(28px,5vw,52px);animation:.85s both fade-up;display:grid}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#de99a73d,#0000 64%);border-radius:999px;width:21rem;height:21rem;position:absolute;inset:auto -8% -14% auto}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff75,#0000 68%);border-radius:50%;width:8rem;height:8rem;position:absolute;inset:1.2rem auto auto 1.2rem}.hero-copy h1{max-width:11ch;font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(3rem,8vw,5.3rem);line-height:.9}.hero-text{max-width:38rem;color:var(--muted-strong);margin-top:18px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.hero-note{max-width:22rem;color:var(--muted-strong);font-size:.95rem;line-height:1.7}.hero-aside{align-content:end;gap:16px;display:grid}.hero-card{background:linear-gradient(#fff8f4f0,#ffeee7db),radial-gradient(circle at 100% 0,#d7ab721f,#0000 34%);border:1px solid #ab5a6b1f;border-radius:28px;padding:24px;box-shadow:inset 0 1px #ffffffd6,0 18px 34px #8a495214}.hero-card strong{font-family:var(--font-display);color:var(--ink);margin-top:12px;font-size:3.6rem;line-height:.9;display:block}.hero-card span{color:var(--muted-strong);margin-top:10px;line-height:1.6;display:inline-block}.hero-card p{margin:0}.hero-tag-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hero-tag{color:var(--muted-strong);background:linear-gradient(#ffffffbd,#fff5efb8);border:1px solid #ab5a6b1f;border-radius:20px;padding:14px 16px;box-shadow:inset 0 1px #fffc}.hero-tag strong{color:var(--ink);margin-bottom:4px;display:block}.app-main{flex-direction:column;gap:24px;display:flex}.main-grid{grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);align-items:start;gap:24px;display:grid}.wheel-panel,.result-panel,.candidate-panel{animation:.9s both fade-up}.wheel-panel{background:linear-gradient(145deg,#fffbf8db,#fff5efc7),radial-gradient(circle at 0,#ffe4d92e,#0000 34%);padding:clamp(20px,2.4vw,26px)}.sound-toggle,.secondary-button,.primary-button{border:none;transition:transform .22s,box-shadow .22s,background-color .22s,color .22s}.sound-toggle:hover,.secondary-button:hover,.primary-button:hover{transform:translateY(-1px)}.sound-toggle:focus-visible,.secondary-button:focus-visible,.primary-button:focus-visible,.preference-chip:focus-visible{outline-offset:2px;outline:2px solid #8f233d59}.sound-toggle{min-height:40px;color:var(--muted-strong);background:#fff7f3e0;border-radius:999px;flex-shrink:0;padding:8px 14px;box-shadow:inset 0 0 0 1px #8f233d14,0 8px 16px #8b49540d}.sound-toggle.is-active{color:#fffdf8;background:linear-gradient(135deg,#f6c4b0,#d87082 65%,#a23a56 100%);box-shadow:0 14px 28px #b94c643d}.wheel-layout{grid-template-columns:minmax(17rem,.95fr) minmax(13.5rem,.74fr);align-items:start;gap:clamp(14px,1.8vw,22px);margin-top:14px;display:grid}.wheel-stage{justify-content:center;align-items:center;min-width:0;padding-top:1.4rem;display:flex;position:relative}.wheel-stage:before{content:"";filter:blur(10px);background:radial-gradient(circle,#fad7bb66,#edb6c114 48%,#0000 70%);border-radius:50%;position:absolute;inset:1.2rem .4rem .4rem}.wheel-stage:after{content:"";opacity:.75;pointer-events:none;border:1px dashed #8d29461f;border-radius:50%;position:absolute;inset:2.8rem 10% 1.1rem}.wheel-pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-top:27px solid var(--accent-strong);filter:drop-shadow(0 12px 16px #8f233d3d);z-index:4;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-face{aspect-ratio:1;width:min(100%,clamp(18rem,min(34vw,52svh),30rem));transform:rotate(var(--rotation-offset,0deg));position:relative}.wheel-face.is-spinning{animation:live-spin var(--spin-cycle,.8s) linear infinite}.wheel-face.is-stopping{transition:transform var(--stop-duration,2.6s) cubic-bezier(.15, .82, .2, 1)}.wheel{aspect-ratio:1;border:clamp(10px,1.1vw,13px) solid #fffcf9eb;border-radius:50%;width:100%;animation:7s ease-in-out infinite wheel-breath;position:relative;overflow:hidden;box-shadow:0 28px 76px #9c4f5f33,0 8px 16px #79394a1a,inset 0 1px #ffffffe6}.wheel-label-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.wheel:before,.wheel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.wheel:before{background:radial-gradient(circle at 28% 28%,#fff6,#0000 22%),radial-gradient(circle,#ffffff14,#0000 58%),radial-gradient(circle,#fff1ea29,#0000 70%)}.wheel:after{border:1px solid #ffffff61;inset:14px;box-shadow:inset 0 0 0 10px #fffaf70d}.wheel.is-empty{background:radial-gradient(circle,#fff4ece6,#f8e4dad6)}.wheel-label{top:calc(50% + var(--label-y));left:calc(50% + var(--label-x));z-index:2;text-align:center;pointer-events:none;color:#431b29f0;letter-spacing:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-shadow:0 1px #ffffffdb,0 0 8px #ffffff9e;width:clamp(3.2rem,5.3vw,3.8rem);min-height:1.72rem;transform:translate(-50%, -50%) rotate(var(--label-counter-rotation,0deg));background:#fffaf77a;border:1px solid #ffffff8f;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:.02rem;padding:.14rem .28rem;font-size:clamp(.68rem,.92vw,.76rem);font-weight:700;line-height:1.04;display:flex;position:absolute;box-shadow:0 6px 14px #662d3b1a,inset 0 1px #ffffff94}.wheel-label-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.wheel-panel .panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.wheel-panel .panel-title h2{max-width:none;font-size:clamp(1.58rem,2vw,2.05rem);line-height:1.05}.wheel-panel .panel-title p{max-width:32rem;margin-top:6px;font-size:.96rem}.wheel-core{aspect-ratio:1;z-index:3;background:radial-gradient(circle at 30% 30%,#fffffff5,#fff6f1e0);border:clamp(4px,.65vw,6px) solid #ffffffe0;border-radius:50%;width:22%;min-width:4.6rem;max-width:5.9rem;padding:.28rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 12px 24px #96475833,inset 0 1px #ffffffe6}.wheel-core:after{content:"";pointer-events:none;border:1px solid #8f233d1a;border-radius:50%;position:absolute;inset:.28rem;box-shadow:inset 0 0 0 1px #ffffff4d}.spin-button{z-index:1;color:#fffbf8;text-align:center;background:radial-gradient(circle at 30% 28%,#ffdacef5,#0000 22%),linear-gradient(#db7e8f 0%,#b44361 58%,#7f1837 100%);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.08rem;width:100%;height:100%;padding:.58rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff6b,inset 0 -10px 18px #5c0e1f33,0 10px 20px #77163029}.spin-button strong{letter-spacing:.04em;text-indent:.04em;text-shadow:0 1px #ffffff1f;max-width:100%;font-size:clamp(.9rem,1.1vw,1rem);font-weight:700;line-height:1.05;display:block}.spin-button span{letter-spacing:.08em;text-transform:uppercase;opacity:.9;white-space:nowrap;max-width:none;font-size:.52rem;line-height:1.2;display:block}.spin-button:disabled{cursor:not-allowed;color:#fffcf9d6;box-shadow:none;background:linear-gradient(#edd0c9e6,#bf9a96f2)}.wheel-meta{align-content:start;gap:10px;min-width:0;display:grid}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{max-width:100%;min-height:30px;color:var(--muted-strong);white-space:normal;background:linear-gradient(#ffffffc7,#fff3eeb8);border:1px solid #ab5a6b1c;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.preference-filter{background:#ffffff6b;border:1px solid #ab5a6b1f;border-radius:14px;gap:8px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #fffc}.preference-filter-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.preference-filter-head strong{color:var(--ink)}.preference-filter-head span{color:var(--muted-strong);font-size:.8rem}.preference-chip-row{flex-wrap:wrap;gap:6px;display:flex}.preference-chip{min-height:32px;color:var(--muted-strong);background:#ffffffbd;border:none;border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:700;transition:transform .22s,box-shadow .22s,background-color .22s,color .22s;box-shadow:inset 0 0 0 1px #8f233d14,0 8px 16px #8f233d0a}.preference-chip:hover{transform:translateY(-1px)}.preference-chip.is-active{color:#fffdf9;background:linear-gradient(135deg,#f0b799 0%,#d56a79 62%,#a53755 100%);box-shadow:0 14px 24px #d56a7933}.preference-chip:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}.status-banner,.wheel-hit,.helper-card,.task-card,.confirmed-note{background:linear-gradient(#ffffffc7,#fff4efb3);border:1px solid #ab5a6b1f;border-radius:14px;padding:11px 12px;box-shadow:inset 0 1px #fffc}.status-banner{overflow-wrap:anywhere;line-height:1.45}.wheel-control-stack{gap:10px;display:grid}.status-banner strong,.wheel-hit strong{color:var(--ink)}.wheel-hit strong{font-family:var(--font-display);margin-bottom:4px;font-size:clamp(1.28rem,2vw,1.55rem);display:block}.wheel-hit p,.helper-card p,.confirmed-note p,.footer-note p{margin:0}.helper-card{color:var(--muted-strong)}.result-panel{background:linear-gradient(145deg,#fffbf8d9,#fff3eccc),radial-gradient(circle at 100% 0,#d7ab7224,#0000 28%);padding:28px}.result-shell{flex-direction:column;gap:18px;display:flex}.result-header h2,.result-header p,.candidate-copy h2,.candidate-copy p,.result-copy h3,.result-copy p{margin:0}.result-header h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2rem,3vw,2.6rem);line-height:.95}.result-subtitle{color:var(--muted-strong);margin-top:10px;line-height:1.7}.result-copy{gap:14px;display:grid}.result-copy h3{color:var(--accent-strong);font-size:1rem}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{color:var(--accent-strong);background:linear-gradient(#f9dfd4e0,#f3cdc1b8);border-radius:999px;padding:9px 13px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff94}.category-pill{color:#3d7253;background:linear-gradient(#e2efe5eb,#bedacbb8)}.task-card{background:linear-gradient(#fff7f2f5,#ffeadfcc),radial-gradient(circle at 100% 0,#d7ab721a,#0000 30%)}.task-card strong{color:var(--ink);margin-bottom:8px;display:block}.action-row{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.primary-button{color:#fffdf9;background:linear-gradient(135deg,#f0b799 0%,#d56a79 58%,#a53755 100%);box-shadow:0 16px 28px #d56a793d}.secondary-button{color:var(--accent-strong);background:linear-gradient(#fff8f4f5,#ffefe8db);box-shadow:inset 0 0 0 1px #8f233d14,0 10px 18px #8f233d0d}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}.placeholder-copy{color:var(--muted-strong);line-height:1.7}.candidate-panel{background:linear-gradient(145deg,#fffbf8db,#fff3eec7),radial-gradient(circle at 0 100%,#deabb71f,#0000 28%);padding:30px}.candidate-copy p{max-width:42rem;margin-top:10px}.candidate-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:24px;display:grid}.candidate-item{background:linear-gradient(#fffcf9f0,#fff3eecc);border:1px solid #ab5a6b1a;border-radius:24px;padding:18px;box-shadow:inset 0 1px #ffffffd6}.candidate-top{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:16px;display:grid}.destination-pill-stack{grid-template-columns:4.65rem;gap:8px;display:grid}.candidate-pill{text-align:center;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:4.65rem;min-height:4.65rem;padding:.7rem .55rem;line-height:1.15}.candidate-pill-line{white-space:nowrap;display:block}.destination-title{align-items:flex-start;gap:12px;min-width:0;display:flex}.destination-title>div{min-width:0}.swatch{border-radius:999px;flex-shrink:0;width:18px;height:18px;margin-top:4px;box-shadow:0 0 0 4px #ffffffb8,0 6px 14px #8f233d14}.candidate-item h3,.candidate-item p{margin:0}.candidate-item h3{font-size:1.12rem}.destination-tagline{color:var(--muted-strong);margin-top:4px;line-height:1.6}.empty-list{color:var(--muted-strong);background:linear-gradient(#ffffffc7,#fff4efb8);border:1px dashed #8f233d2e;border-radius:24px;margin-top:24px;padding:20px}.footer-note{text-align:center;color:var(--muted);padding:0 8px;font-size:.92rem}@keyframes wheel-breath{0%,to{box-shadow:0 28px 76px #9c4f5f2e,0 8px 16px #79394a1a,inset 0 1px #ffffffd9}50%{box-shadow:0 34px 88px #9c4f5f3d,0 10px 18px #79394a1f,inset 0 1px #ffffffe0}}@keyframes live-spin{0%{transform:rotate(var(--rotation-offset,0deg))}to{transform:rotate(calc(var(--rotation-offset,0deg) + 360deg))}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){.main-grid,.hero-panel{grid-template-columns:1fr}.hero-copy h1{max-width:100%}.wheel-stage{align-items:center}}@media (width<=860px){.wheel-layout{grid-template-columns:1fr}.wheel-meta{order:-1}}@media (width<=720px){.app-shell{padding-inline:14px;padding-bottom:40px}.app-shell:before{width:100%;top:2rem}.hero-panel,.wheel-panel,.result-panel,.candidate-panel{border-radius:24px;padding:20px}.panel-head,.hero-actions,.candidate-top{flex-direction:column;display:flex}.destination-pill-stack{grid-template-columns:repeat(2,4.65rem)}.hero-tag-list{grid-template-columns:1fr}.wheel-face{width:min(100%,clamp(18rem,86vw,22.5rem))}.wheel{border-width:10px}.wheel-label{top:calc(50% + var(--label-y));left:calc(50% + var(--label-x));width:3.1rem;min-height:2.05rem;transform:translate(-50%, -50%) rotate(var(--label-counter-rotation,0deg));padding:.08rem .16rem;font-size:.68rem}.wheel-core{border-width:8px;width:28%;min-width:5.4rem;max-width:6.8rem;padding:.34rem}.spin-button strong{font-size:1.1rem}.spin-button span{max-width:4.6rem;font-size:.6rem}.wheel-stage{min-height:clamp(19rem,72vw,23rem);padding-top:.8rem}.status-banner,.wheel-hit,.helper-card,.task-card,.confirmed-note{border-radius:18px}.candidate-item{padding:16px}}