:root{--ink:#262626;--sub:#55514b;--navy:#1e2f57;--blue:#2f5da8;--blue-dark:#234a88;--sky:#bfe0f5;--cream:#fff8ec;--coral:#f08a6c;--coral-shadow:#c9654a;--yellow:#f6c445;--mint:#7cc7a8;--pink:#f4a9b8;--line:#e4ded3;--card-shadow:#eadfcb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-body), "Hiragino Maru Gothic ProN", sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue)}a:hover{color:var(--blue-dark)}button,input{font-family:inherit}.display{font-family:var(--font-display), "Hiragino Maru Gothic ProN", sans-serif}.nowrap{white-space:nowrap}@media (min-width:600px){body{background:radial-gradient(circle, #ffffffe6 1.5px, transparent 2px) 0 0 / 34px 34px, radial-gradient(circle, #f6c4458c 2px, transparent 2.5px) 17px 17px / 68px 68px, linear-gradient(180deg, var(--sky), #e6f3fb 60%, var(--cream));background-attachment:fixed}.shell{box-shadow:0 0 0 1px #1e2f570f,0 10px 40px #1e2f571f}}.shell{background:var(--cream);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.cta{background:var(--coral);color:#fff;width:100%;height:58px;font-family:var(--font-display), sans-serif;--press-shadow:var(--coral-shadow);box-shadow:0 5px 0 var(--press-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#ffffff38,#fff0 55%);border:0;border-radius:29px;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s,filter .15s;display:flex}.cta:hover{color:#fff}.cta.yellow{--press-shadow:#c99a22;background-color:var(--yellow);color:var(--ink);box-shadow:0 5px #c99a22}.cta.yellow:hover{color:var(--ink)}.cta.blue{--press-shadow:var(--blue-dark);background-color:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.cta[aria-disabled=true],.cta:disabled{opacity:.5;cursor:not-allowed}.ghost{border:2px solid var(--blue);height:48px;color:var(--blue);font-family:var(--font-display), sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:24px;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .15s;display:flex;box-shadow:0 4px #1e2f5729}.ghost:disabled{color:#a8a49c;box-shadow:none;cursor:not-allowed;background-color:#efede9;border-color:#d3d0ca}.ghost.gray{color:var(--sub);background-color:#efece7;border-color:#c9c4bb;box-shadow:0 4px #d6d1c8}@media (hover:hover){.cta:not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 6px 0 var(--press-shadow);filter:brightness(1.04);transform:translateY(-1px)}.ghost:not(:disabled):hover{background-color:#f6f9ff;transform:translateY(-1px);box-shadow:0 5px #1e2f5729}.choice:hover{box-shadow:0 5px 0 var(--card-shadow);transform:translateY(-1px)}}.cta:not(:disabled):not([aria-disabled=true]):active{box-shadow:0 1px 0 var(--press-shadow);filter:brightness(.97);transform:translateY(4px)}.ghost:not(:disabled):active{background-color:#eef3fb;transform:translateY(3px);box-shadow:0 1px #1e2f5729}@media (hover:hover){.ghost.gray:not(:disabled):hover{background-color:#e7e3dc;box-shadow:0 5px #d6d1c8}}.ghost.gray:not(:disabled):active{background-color:#e2ded6;box-shadow:0 1px #d6d1c8}.choice:active{box-shadow:0 1px 0 var(--card-shadow);transform:translateY(3px)}.icon-link:active{transform:scale(.9)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){.cta,.ghost,.choice{transition:none}}.step-header{background:var(--sky);border-radius:0 0 28px 28px;flex-direction:column;gap:12px;padding:12px 20px 18px;display:flex;position:relative;overflow:hidden}.step-header-row{justify-content:space-between;align-items:center;display:flex}.icon-link{width:44px;height:44px;color:var(--navy);border-radius:22px;justify-content:center;align-items:center;transition:transform .1s;display:flex}.back-link{height:34px;color:var(--navy);white-space:nowrap;background:#ffffffbf;border-radius:17px;align-items:center;gap:1px;padding:0 12px 0 6px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.back-link:active{transform:scale(.95)}.header-pill{height:34px;color:var(--navy);white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:17px;padding:0 12px;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 3px #1e2f572e}.header-pill:active{transform:translateY(3px);box-shadow:0 0 #1e2f572e}.header-pill:disabled{opacity:.6;cursor:default}.progress{gap:6px;display:flex}.progress>span{background:#fff;border-radius:3px;flex:1;height:6px}.progress>span.on{background:var(--coral)}.step-body{flex-direction:column;gap:20px;padding:24px 20px 28px;display:flex}.step-title{color:#2f5da8;-webkit-text-stroke:6px #fff;paint-order:stroke fill;filter:drop-shadow(0 3px #2f5da82e);margin:0;font-size:25px;font-weight:900;line-height:1.45}.step-lead{color:#4f6f9f;margin:0;font-size:14px;font-weight:700;line-height:1.7}.step-footer{background:#fff;border-radius:28px 28px 0 0;margin-top:auto;padding:16px 20px 24px;position:sticky;bottom:0;box-shadow:0 -4px 16px #1e2f5714}.choice{text-align:left;width:100%;color:var(--ink);cursor:pointer;border:1px solid var(--line);box-shadow:0 4px 0 var(--card-shadow);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:22px;align-items:center;gap:14px;margin:2px;padding:14px;transition:transform .1s,box-shadow .1s;display:flex}.choice[aria-pressed=true],.choice[aria-checked=true]{border:3px solid var(--coral);margin:0}.taste-choice{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.taste-art{aspect-ratio:1;color:var(--sub);border-radius:14px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.taste-check{border-radius:16px;width:32px;height:32px;position:absolute;top:10px;right:10px;box-shadow:0 0 0 3px #fff}.point{color:var(--sub);background:#f3eee4;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.section-label{color:var(--navy);margin:8px 0 0;font-size:16px;font-weight:800}.section-lead{color:var(--sub);margin:-4px 0 0;font-size:13px;line-height:1.6}.episode-list{border-left:3px solid var(--line);flex-direction:column;gap:8px;margin-left:8px;padding-left:14px;display:flex}.episode-choice{border-radius:18px;gap:12px;padding:10px}.choice:disabled{cursor:default;opacity:.6;box-shadow:0 2px 0 var(--card-shadow);transform:none}.soon{color:var(--sub);background:#ece8e1;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.story-card{text-align:center;flex-direction:column;align-items:stretch;gap:8px;width:auto;padding:10px;position:relative}.story-card .tag,.story-card .soon{align-self:center}.story-card-art{aspect-ratio:1;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex}.story-card-title{font-size:14px;line-height:1.4}.story-card-check{position:absolute;top:14px;right:14px;box-shadow:0 0 0 3px #fff}.story-dialog-backdrop{z-index:50;padding:48px 24px calc(48px + env(safe-area-inset-bottom));background:#1e2f5747;justify-content:center;align-items:center;animation:.2s both dialog-fade;display:flex;position:fixed;inset:0}.story-dialog{background:var(--cream);border-radius:22px;flex-direction:column;gap:14px;width:100%;max-width:520px;max-height:100%;padding:18px 16px 0;animation:.28s cubic-bezier(.2,.8,.3,1) both dialog-up;display:flex;overflow-y:auto;box-shadow:0 12px 36px #1e2f5747}.story-dialog .episode-choice{padding:6px 10px}.story-dialog .level-choice{gap:4px;padding:8px}.dialog-footer{z-index:1;background:var(--cream);border-top:1px solid var(--line);border-radius:0 0 22px 22px;gap:10px;margin:0 -16px;padding:12px 16px 24px;display:flex;position:sticky;bottom:0}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-up{0%{opacity:0;scale:.94}}@media (prefers-reduced-motion:reduce){.story-dialog-backdrop,.story-dialog{animation:none}}.level-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.level-choice{border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 10px}.outfit-choice{text-align:center;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;padding:8px;position:relative}.outfit-choice .choice-title{justify-content:center;font-size:15px}.outfit-art{aspect-ratio:3/4;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.outfit-check{position:absolute;top:12px;right:12px;box-shadow:0 0 0 3px #fff}.choice-title{color:var(--navy);font-size:17px;font-weight:800}.cast-row{border:1px solid var(--line);background:#fbf7f0;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.cast-kind{border:1px solid var(--line);height:40px;color:var(--navy);cursor:pointer;background:#fff;border-radius:20px;padding:0 12px;font-size:14px}.cast-kind[aria-checked=true]{border:2px solid var(--coral);background:#fdece8;font-weight:700}.choice-desc{color:var(--sub);font-size:13px;line-height:1.6}.check{background:var(--coral);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.tag{background:var(--yellow);color:var(--ink);border-radius:10px;padding:2px 8px;font-size:11px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--navy);font-size:14px;font-weight:800}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=date],.field select{height:48px;color:var(--ink);background:#fff;border:2px solid #d9cfbd;border-radius:14px;padding:0 14px;font-size:16px}.field textarea{font:inherit;color:var(--ink);resize:vertical;background:#fff;border:2px solid #d9cfbd;border-radius:14px;padding:12px 14px;font-size:16px;line-height:1.6}.consent{align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;display:flex}.consent input{flex-shrink:0;width:22px;height:22px;margin:2px 0 0}.error{color:#8f2214;background:#fde7e3;border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.info-note{color:var(--navy);background:#e6f3fb;border-radius:12px;margin:0;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.6}.demo-note{background:#fff1c9;border-radius:12px;margin:0;padding:10px 14px;font-size:12px;line-height:1.6}.sum-row{color:var(--sub);justify-content:space-between;font-size:14px;display:flex}.sum-total{justify-content:space-between;align-items:baseline;display:flex}.divider{background:var(--line);height:1px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid #2f5da833;border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.face-picker{z-index:50;background:#1e2f578c;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.face-picker-inner{background:var(--cream);flex-direction:column;gap:14px;width:100%;max-width:480px;min-height:100%;padding:20px;display:flex}.face-picker-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;border-radius:12px;align-self:center;position:relative;overflow:hidden}.face-picker-stage img{pointer-events:none;-webkit-touch-callout:none;border-radius:12px;max-width:100%;max-height:55vh;display:block}.face-picker-box{border:3px solid var(--coral);cursor:move;touch-action:none;border-radius:14px;position:absolute;box-shadow:0 0 0 9999px #00000059}.face-picker-handle{background:var(--coral);cursor:nwse-resize;touch-action:none;border:3px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;bottom:-6px;right:-6px}.face-picker-handle:after{content:"";border-radius:50%;position:absolute;inset:-14px}.face-picker-size{color:var(--navy);align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.face-picker-size input{accent-color:var(--coral);flex:1;height:32px}.link-button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.stepper{background:#f3f6fb;border-radius:24px;align-items:center;gap:4px;padding:4px;display:flex}.stepper-btn{width:38px;height:38px;color:var(--blue);cursor:pointer;background:#fff;border:none;border-radius:50%;font-size:22px;font-weight:900;line-height:1;box-shadow:0 3px #d5ddeb}.stepper-btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-value{text-align:center;min-width:48px;color:var(--navy);font-size:18px;font-weight:900}.fx [data-reveal]{opacity:0;transition:opacity .55s,translate .7s cubic-bezier(.34,1.45,.64,1),scale .6s cubic-bezier(.34,1.7,.64,1)}.fx [data-reveal=up]{translate:0 32px}.fx [data-reveal=pop]{scale:.55}.fx [data-reveal=left]{translate:-48px}.fx [data-reveal=right]{translate:48px}.fx [data-reveal][data-shown]{opacity:1;translate:0;scale:1}@keyframes fx-boing{0%,to{scale:1}40%{scale:1.28}70%{scale:.94}}.fx [data-reveal][data-shown] [data-boing]{animation:.7s .45s both fx-boing}@keyframes fx-shine{0%{translate:-120%}to{translate:120%}}.fx [data-shine]{position:relative}.fx [data-shine]:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffffbf 50%,#0000 65%);position:absolute;inset:0;translate:-120%}.fx [data-shown] [data-shine]:after,.fx [data-shown][data-shine]:after{animation:1.1s .6s both fx-shine}.preview-steps{counter-reset:pstep;gap:6px;margin:0;padding:0;list-style:none;display:flex}.preview-steps li{height:34px;color:var(--sub);counter-increment:pstep;background:#ece8e1;border-radius:17px;flex:1;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.preview-steps li:before{content:counter(pstep) "."}.preview-steps li.on{background:var(--coral);color:#fff}.preview-steps li.done{color:var(--navy);background:#fdece8}.preview-steps li.done:before{content:"✓"}.preview-thumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.preview-thumb{border:1px solid var(--line);width:56px;height:56px;color:var(--sub);cursor:pointer;background:#f3f6fb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex;overflow:hidden}.preview-thumb[aria-selected=true]{border:3px solid var(--coral)}.reused-badge{color:#1e6b3a;background:#e3f4e8;border-radius:10px;margin:4px 0;padding:2px 10px;font-size:12px;font-weight:700;line-height:1.6;display:inline-block}.level-switch{color:var(--sub);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.level-switch>span{margin-right:4px;font-weight:700}.level-switch button{border:1px solid var(--line);height:32px;color:var(--navy);cursor:pointer;background:#fff;border-radius:16px;padding:0 14px;font-size:13px}.level-switch button[aria-pressed=true]{border:2px solid var(--coral);background:#fdece8;font-weight:700}.flow-steps{padding:0 2px;position:relative}.flow-steps-track{background:#ffffffd9;border-radius:3px;height:6px;position:absolute;top:13px;left:8.33333%;right:8.33333%}.flow-steps-fill{height:100%;width:var(--to);background:linear-gradient(90deg, var(--yellow), var(--coral));border-radius:3px;animation:.7s cubic-bezier(.3,1.3,.5,1) .15s both step-fill}@keyframes step-fill{0%{width:var(--from)}to{width:var(--to)}}.flow-steps-dots{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.flow-steps-dots li{flex-direction:column;align-items:center;gap:4px;display:flex}.flow-steps-dot{color:#9aa9c4;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px #1e2f571f}.flow-steps-label{color:#6c80a6;white-space:nowrap;font-size:10px;font-weight:800}.flow-steps-jump{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.flow-steps-jump .flow-steps-label{text-underline-offset:2px;text-decoration:underline}.flow-steps-dots li.done .flow-steps-dot{color:var(--coral);background:#fdece8}.flow-steps-dots li.now .flow-steps-dot{background:var(--coral);color:#fff;width:30px;height:30px;box-shadow:0 3px 0 var(--coral-shadow);margin-top:-2px;font-size:14px;animation:.6s cubic-bezier(.3,1.6,.5,1) .45s both step-pop;position:relative}.flow-steps-dots li.now .flow-steps-dot:after{content:"";border:2px solid var(--coral);opacity:0;border-radius:50%;animation:2.2s ease-out 1s infinite step-ring;position:absolute;inset:-5px}.flow-steps-dots li.now .flow-steps-label{color:var(--navy);font-size:11px}@keyframes step-pop{0%{scale:.6}60%{scale:1.25}to{scale:1}}@keyframes step-ring{0%{opacity:.7;scale:.9}to{opacity:0;scale:1.6}}.step-body>*{animation:.5s cubic-bezier(.2,.8,.3,1) both step-in}.step-body>:nth-child(2){animation-delay:60ms}.step-body>:nth-child(3){animation-delay:.12s}.step-body>:nth-child(4){animation-delay:.18s}.step-body>:nth-child(5){animation-delay:.24s}.step-body>:nth-child(n+6){animation-delay:.3s}@keyframes step-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.twinkle{animation:2.4s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:1;scale:1}50%{opacity:.35;scale:.7}}.choice[aria-pressed=true],.choice[aria-checked=true]{animation:.4s cubic-bezier(.3,1.6,.5,1) choice-pick}@keyframes choice-pick{0%{scale:.97}55%{scale:1.02}to{scale:1}}.step-footer .cta{position:relative;overflow:hidden}.step-footer .cta:not(:disabled):not([aria-disabled=true]):after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3.6s ease-in-out 1s infinite cta-shine;position:absolute;inset:0;translate:-120%}@keyframes cta-shine{0%,60%{translate:-120%}85%,to{translate:120%}}.drawing-wait{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:300px;padding:20px;display:flex;position:relative;overflow:hidden}.drawing-wait-wash{opacity:.45;filter:blur(40px);background:conic-gradient(#ffe6a6,#ffd4c7,#dcebfb,#cdeedd,#ffe6a6);animation:12s linear infinite wash-spin;position:absolute;inset:-40%}@keyframes wash-spin{to{rotate:360deg}}.drawing-float{animation:3.2s ease-in-out infinite float-up;position:absolute}@keyframes float-up{0%,to{opacity:.4;translate:0;scale:.8}50%{opacity:1;translate:0 -12px;scale:1.1}}.drawing-wait-what{color:var(--navy);font-size:17px;font-weight:900;position:relative}.drawing-wait-msg{color:var(--coral);font-size:14px;font-weight:800;animation:.45s ease-out both msg-in;position:relative}@keyframes msg-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.drawing-wait-bar{background:#ffffffe6;border-radius:5px;width:min(240px,80%);height:10px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #1e2f571f}.drawing-wait-bar>span{background:linear-gradient(90deg, var(--yellow), var(--coral), var(--yellow));background-size:200% 100%;border-radius:5px;height:100%;transition:width .4s linear;animation:1.6s linear infinite bar-flow;display:block}@keyframes bar-flow{to{background-position:-200% 0}}.drawing-wait-time{color:var(--sub);font-size:12px;position:relative}.drawing-wait-tip{max-width:280px;color:var(--navy);background:#fffc;border-radius:12px;margin-top:6px;padding:6px 12px;font-size:12px;line-height:1.6;animation:.5s ease-out both msg-in;position:relative}.wait-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff8eceb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wait-overlay .drawing-wait{background:#fff;border-radius:28px;max-width:400px;height:auto;box-shadow:0 10px 30px #1e2f5726}.reveal-pop{animation:.8s cubic-bezier(.2,1.2,.4,1) both reveal-pop}@keyframes reveal-pop{0%{opacity:0;filter:blur(6px)saturate(.6);scale:.92}60%{opacity:1;filter:blur()saturate(1.1)}to{opacity:1;filter:none;scale:1}}@media (prefers-reduced-motion:reduce){.flow-steps-fill,.flow-steps-dots li.now .flow-steps-dot,.flow-steps-dots li.now .flow-steps-dot:after,.step-body>*,.twinkle,.choice[aria-pressed=true],.choice[aria-checked=true],.step-footer .cta:after,.drawing-wait-wash,.drawing-float,.drawing-wait-msg,.drawing-wait-bar>span,.drawing-wait-tip,.reveal-pop{animation:none!important}}.step-header.sticky{z-index:20;position:sticky;top:0}.flow-section{flex-direction:column;gap:20px;scroll-margin-top:150px;animation:.5s cubic-bezier(.2,.8,.3,1) both step-in;display:flex}.flow-page[data-last]{padding-bottom:0}.flow-hint{color:#8396b8;text-align:center;border:2px dashed #dde4ef;border-radius:18px;margin:0;padding:14px;font-size:13px;font-weight:700}.flow-footer{z-index:10;margin:0 -20px;position:sticky;bottom:0}.taste-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.taste-row .taste-choice{border-radius:16px;gap:8px;padding:6px 6px 10px}.taste-row .taste-art{border-radius:11px}.taste-row .taste-check{width:24px;height:24px;top:5px;right:5px}.taste-row .taste-check svg{width:14px;height:14px}.taste-name{text-align:center;font-size:15px}.taste-reco{background:var(--coral);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;bottom:5px;left:5px;box-shadow:0 0 0 2px #fff}.taste-hint{color:var(--sub);text-align:center;margin:-4px 0 0;font-size:12px}.taste-zoom-art{aspect-ratio:1;color:var(--sub);border-radius:16px;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.taste-zoom-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.taste-zoom-thumb{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;padding:0;overflow:hidden}.taste-zoom-thumb[aria-selected=true]{border-color:var(--coral)}.taste-about{flex-direction:column;gap:8px;animation:.35s both msg-in;display:flex}@media (prefers-reduced-motion:reduce){.flow-section,.taste-about{animation:none!important}}