.flow-root{--flow-ink:#2d2014;--flow-gold:#c4973c;--flow-cream:#f8f4ec;--flow-sand:#ede7da;--flow-teal:#0d5c58;--flow-field-label-size:13px;--flow-field-hint-size:10px;background:radial-gradient(120% 80% at 10% -10%, #c4973c2e, transparent 55%), radial-gradient(90% 70% at 100% 0%, #8c66521f, transparent 50%), linear-gradient(180deg, #f3ecdf 0%, var(--flow-sand) 45%, #e8dfd0 100%);width:100%;min-height:100dvh;color:var(--flow-ink);--flow-root-pad-top:max(6px, env(safe-area-inset-top,0px));--flow-root-pad-bottom:max(16px, env(safe-area-inset-bottom,0px));padding:var(--flow-root-pad-top) 16px var(--flow-root-pad-bottom);flex-direction:column;align-items:center;font-family:Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Noto Sans KR,Dotum,sans-serif;display:flex;position:relative;overflow-x:hidden}.flow-deck{flex-direction:column;flex:1;width:100%;max-width:56rem;min-height:0;display:flex}.flow-slide{animation:.38s cubic-bezier(.22,1,.36,1) both flowSlideIn}.flow-slide-back{animation-name:flowSlideInBack}@keyframes flowSlideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes flowSlideInBack{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.flow-nav-arrow{--flow-nav-arrow-top:calc(max(6px, calc(env(safe-area-inset-top,0px) + 4px)) + 26px);--flow-nav-next-font:1.35rem;--flow-nav-down:calc(2 * var(--flow-nav-next-font));top:calc(var(--flow-nav-arrow-top) + var(--flow-nav-down));z-index:86;color:#5a3a20;cursor:pointer;background:#f8f4ecf0;border:1px solid #c4973c59;justify-content:center;align-items:center;font-weight:900;line-height:1;transition:transform .12s;display:flex;position:fixed;transform:translateY(-50%);box-shadow:0 2px 8px #2d201424}.flow-nav-arrow:active{transform:translateY(-50%)scale(.94)}.flow-nav-arrow-left{left:max(10px, calc(env(safe-area-inset-left,0px) + 10px));border-radius:999px;width:32px;height:32px;font-size:18px}.flow-nav-arrow-right,.flow-nav-next{right:max(10px, calc(env(safe-area-inset-right,0px) + 10px));width:auto;min-width:4.5rem;height:auto;min-height:2.75rem;font-size:var(--flow-nav-next-font);letter-spacing:.04em;border-radius:14px;padding:.55rem 1.15rem}.flow-deck.has-fixed-chrome{padding-top:53px}.flow-step-badge{letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:2.4em;padding:3px 8px;font-size:11px;font-weight:900;line-height:1.2;display:inline-flex}.flow-step-badge.is-warm{color:#5a3a20;background:#c4973c2e;border:1px solid #c4973c59}.flow-step-badge.is-teal{color:#eafffb;background:#2dd4bf2e;border:1px solid #2dd4bf66}.flow-step-badge.is-dark{color:#f0e6cc;background:#2d2014b8;border:1px solid #c4973c59}.flow-deck.is-fullbleed{width:calc(100% + 32px);max-width:none;margin-left:-16px;margin-right:-16px;margin-top:calc(-1 * var(--flow-root-pad-top));margin-bottom:calc(-1 * var(--flow-root-pad-bottom));padding-top:0}.flow-slide.flow-fullbleed{width:auto;max-width:none;box-shadow:none;padding-top:calc(var(--flow-root-pad-top) + max(6px, calc(env(safe-area-inset-top,0px) + 4px)) + 25px);padding-left:16px;padding-right:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);border:0;border-radius:0;flex:1 0 auto;align-self:stretch;margin:0}.flow-root.is-noscroll{height:100svh;min-height:0;overflow:hidden}.flow-deck.is-noscroll{min-height:0;overflow:hidden}.flow-deck.is-noscroll .flow-slide.flow-fullbleed{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.flow-deck.is-noscroll .flow-profile-body{flex:auto;min-height:0;overflow:hidden}.flow-deck.is-noscroll .flow-profile-fields,.flow-deck.is-noscroll .flow-profile-traits{flex-direction:column;flex:auto;min-height:0;display:flex}.flow-deck.is-noscroll .flow-profile-traits textarea{flex:auto;min-height:3.25rem}.flow-deck.is-noscroll .flow-genre-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.flow-genre-pane{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.flow-genre-pane.is-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.flow-deck.is-noscroll .flow-genre-panel.is-list .flow-genre-grid{flex:auto;grid-auto-rows:minmax(0,1fr);align-content:start;min-height:0;max-height:452px;margin-top:10px}.flow-deck.is-noscroll .flow-slide.flow-fullbleed.flow-genre-panel.is-list{padding-bottom:0}.flow-genre-panel.is-list .flow-genre-footer{padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 12px);background:#f8f4ec;flex-shrink:0}.flow-genre-panel.is-list .flow-genre-footer .flow-beginner-next{word-break:keep-all;width:100%;max-width:none;padding:14px 12px;font-size:13px}.flow-deck.is-noscroll .flow-mic-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.flow-deck.is-noscroll .flow-slide.flow-fullbleed.flow-mic-panel{padding-bottom:0}.flow-deck.is-noscroll .flow-mic-hero,.flow-deck.is-noscroll .flow-mic-hero.is-large{aspect-ratio:1;flex:0 auto;width:min(100%,300px,42dvh);max-height:42dvh;margin:2px auto 10px}.flow-deck.is-noscroll .flow-fullbleed-head,.flow-deck.is-noscroll .flow-mic-sub,.flow-deck.is-noscroll .flow-mic-viz,.flow-deck.is-noscroll .flow-mic-start-row,.flow-deck.is-noscroll .flow-rec-cols,.flow-deck.is-noscroll .flow-rec-ext,.flow-deck.is-noscroll .flow-rec-traits-text,.flow-deck.is-noscroll .flow-rec-retry,.flow-deck.is-noscroll .flow-mic-footer{flex-shrink:0}.flow-deck.is-noscroll .flow-about-slide{box-sizing:border-box;flex:auto;min-height:0;padding-top:24px;padding-bottom:24px;overflow:hidden}.flow-deck.is-noscroll .flow-about-card{flex-shrink:1;min-height:0;max-height:100%;overflow:hidden}.flow-deck.is-noscroll .flow-choice-stack,.flow-deck.is-noscroll .flow-choice-btn{min-height:0}@media (height<=700px){.flow-deck.is-noscroll .flow-choice-stack{gap:14px;padding:12px 4px 8px}.flow-deck.is-noscroll .flow-choice-btn{min-height:96px;font-size:clamp(20px,5.6cqw,28px)}.flow-deck.is-noscroll .flow-hero-bottom{gap:8px;padding-top:8px}}@media (height<=620px){.flow-deck.is-noscroll .flow-hero-copy{gap:4px}.flow-deck.is-noscroll .flow-level-icon{font-size:21px}.flow-deck.is-noscroll .flow-level-title{font-size:18px}.flow-deck.is-noscroll .flow-level-count{padding:3px 8px}.flow-deck.is-noscroll .flow-hero-guide-sub{display:none}}.flow-root.is-jacket-pinned{height:100dvh;min-height:0;overflow:hidden}.flow-deck.is-jacket-pinned{min-height:0;overflow:hidden}.flow-deck.is-jacket-pinned .flow-jacket-panel.flow-fullbleed{min-height:0;padding-bottom:0;padding-top:calc(max(12px, env(safe-area-inset-top,0px)) + 12px);flex-direction:column;flex:auto;display:flex;overflow:hidden}.flow-deck.is-jacket-pinned .flow-jacket-head{background:#f8f4ec;border-bottom:1px solid #c4973c38;flex-shrink:0;align-items:flex-start;min-height:82px;margin-bottom:0;padding-top:0;padding-bottom:10px;display:flex}.flow-jacket-head-copy{text-align:left;width:min(100%,720px);min-width:0}.flow-jacket-head h2{letter-spacing:-.035em;color:#382719;margin:7px 0 2px;font-size:clamp(20px,5cqw,28px);font-weight:900;line-height:1.2}.flow-jacket-head p{color:#8c6652;margin:0;font-size:12px;font-weight:700}.flow-deck.is-jacket-pinned .flow-jacket-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-top:10px;padding-bottom:12px;overflow:hidden auto}.flow-root.is-jacket-pan-lock,.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pan-locked{overscroll-behavior:none}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pan-locked.is-pane-stickers,.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pan-locked.is-pane-identity{touch-action:manipulation;overflow:hidden}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pan-locked.is-pane-details{overflow:hidden auto}.flow-jacket-profile.is-identity .flow-jacket-pane-viewport{width:100%;min-width:0}.flow-jacket-pane-track.is-identity .flow-beginner-fields{padding-top:0}.flow-deck.is-jacket-pinned .flow-jacket-footer{padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:#f8f4ec;border-top:1px solid #c4973c38;flex-shrink:0}.flow-deck.is-jacket-pinned.is-identity-pane .flow-jacket-footer{border-top:0}.flow-jacket-footer .flow-beginner-next{word-break:keep-all;width:100%;max-width:none;padding:14px 12px;font-size:13px}.flow-jacket-download-choice{gap:8px;display:grid}.flow-jacket-download-choice>p{color:#5a3a20;text-align:center;margin:0;font-size:12px;font-weight:900}.flow-jacket-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flow-jacket-download-actions button{word-break:keep-all;border-radius:16px;min-width:0;padding:13px 6px;font-size:11px;font-weight:900;line-height:1.25;transition:transform .12s,opacity .12s}.flow-jacket-download-actions button:active{transform:translateY(1px)}.flow-jacket-download-actions button:disabled{cursor:wait;opacity:.62}.flow-jacket-download-actions .is-download{color:#fff;background:linear-gradient(90deg,#2d2014,#4a3520);border:1px solid #2d2014}.flow-jacket-download-actions .is-download.is-downloaded{background:linear-gradient(90deg,#be123c,#be123c);border-color:#be123c}.flow-jacket-download-actions .is-skip{color:#5a3a20;background:#fff;border:1px solid #5a3a206b}.flow-jacket-profile{flex-direction:column;align-items:center;gap:28px;width:min(100%,720px);margin:0 auto;padding:4px 0 8px;display:flex}.flow-jacket-profile.is-identity{grid-template-columns:minmax(220px,330px) minmax(220px,1fr);align-content:start;align-items:center;gap:clamp(22px,5cqw,48px);padding:18px 0;display:grid}.flow-jacket-profile.is-identity .flow-polaroid-stack{--studio-polaroid:clamp(140px, 44cqw, 160px);width:min(100%,320px)}.flow-jacket-profile .flow-polaroid-stack{--studio-polaroid:min(72cqw, 280px);width:min(100%,320px)}.flow-jacket-profile .flow-polaroid-photo{overflow:hidden}.flow-jacket-profile .flow-polaroid-upload{cursor:default}.flow-jacket-profile .flow-polaroid-photo.is-camera-hit{cursor:pointer}.flow-jacket-profile .flow-polaroid-photo.is-camera-live{cursor:default}.flow-jacket-profile .flow-polaroid-photo.is-camera-hit:focus-visible{outline-offset:2px;outline:2px solid #c4973c}.flow-jacket-profile .flow-polaroid-camera-hit{aspect-ratio:1;background:#ffffff8c;border-radius:22%;place-items:center;width:38%;font-size:min(50px,18cqw);display:grid;box-shadow:inset 0 0 0 2px #8c66522e}.flow-jacket-pane-viewport{width:100%;overflow:hidden}.flow-jacket-pane-track{width:300%;transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex}.flow-jacket-pane-track.is-identity{transform:translate(0)}.flow-jacket-pane-track.is-details{transform:translate(-33.333%)}.flow-jacket-pane-track.is-stickers{transform:translate(-66.666%)}.flow-jacket-pane{box-sizing:border-box;flex:0 0 33.333%;width:33.333%;padding:0 2px}.flow-jacket-pane-track.is-identity .flow-jacket-pane:not(:first-child),.flow-jacket-pane-track.is-stickers .flow-jacket-pane:not(:last-child),.flow-jacket-pane-track.is-details .flow-jacket-pane:first-child,.flow-jacket-pane-track.is-details .flow-jacket-pane:last-child{height:0;overflow:hidden}.flow-jacket-pane .flow-studio-sticker-col{width:100%}.flow-jacket-details-stack{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;display:grid}.flow-jacket-birthday{min-width:0}.flow-jacket-birthday .flow-beginner-input-wrap input[type=date]{min-width:0;padding:10px 8px;font-size:13px}.flow-jacket-wish-field{gap:8px;width:100%}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-identity{flex-direction:column;display:flex}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-identity .flow-jacket-profile.is-identity{flex:auto;min-height:0}.flow-jacket-profile.is-identity .flow-jacket-pane-viewport{flex:none}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-details{flex-direction:column;display:flex}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-details .flow-jacket-profile.is-details{flex:auto;justify-content:flex-start;gap:12px;min-height:0}.flow-jacket-profile.is-details .flow-jacket-pane-viewport{flex:none}.flow-jacket-profile.is-details .flow-polaroid-stack,.flow-jacket-profile.is-details .flow-polaroid-upload{width:min(100%,320px,max(130px,100dvh - 510px))}.flow-jacket-profile.is-details .flow-beginner-fields{gap:12px}.flow-jacket-profile.is-stickers{gap:12px;padding:0}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-stickers{flex-direction:column;display:flex}.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-stickers .flow-jacket-profile.is-stickers{flex:auto;justify-content:flex-start;gap:10px;min-height:0}.flow-jacket-profile.is-stickers .flow-polaroid-stack,.flow-jacket-profile.is-stickers .flow-polaroid-upload{width:min(100%,320px,100dvh - 505px)}.flow-jacket-profile.is-stickers .flow-studio-sticker-col{gap:5px}.flow-jacket-profile.is-stickers .flow-studio-sticker-grid{-moz-column-gap:3px;grid-template-rows:auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:column;gap:0 3px;padding:5px}.flow-jacket-profile.is-stickers .flow-studio-sticker-btn{font-size:16px}.flow-fullbleed .flow-fullbleed-head{padding-left:calc(34px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));min-height:32px}.flow-deck.has-flow-next .flow-fullbleed-head{padding-right:calc(84px + env(safe-area-inset-right,0px))}.flow-slide.flow-fullbleed.gold-card:before{display:none}.flow-quick-menu-scrim{z-index:89;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000080;border:0;margin:0;padding:0;animation:.18s both flowQuickMenuScrimIn;position:fixed;inset:0}@keyframes flowQuickMenuScrimIn{0%{opacity:0}to{opacity:1}}.flow-quick-menu{right:max(12px, calc(env(safe-area-inset-right,0px) + 12px));bottom:max(72px, calc(env(safe-area-inset-bottom,0px) + 72px));z-index:90;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s;display:flex;position:fixed}.flow-quick-menu.is-scrolled-away{opacity:0;transform:translate(calc(100% + 24px))}.flow-quick-menu.is-scrolled-away .flow-quick-menu-toggle,.flow-quick-menu.is-scrolled-away .flow-quick-menu-info{pointer-events:none}.flow-quick-menu-items{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.flow-quick-menu-item{--quick-color:#1677d2;opacity:0;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);transition-delay:calc((4 - var(--quick-index)) * 22ms);pointer-events:none;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:flex;transform:translateY(14px)scale(.85)}.flow-quick-menu.is-open .flow-quick-menu-item{opacity:1;transition-delay:calc(var(--quick-index) * 34ms);pointer-events:auto;transform:translateY(0)scale(1)}.flow-quick-menu-item.is-charge{--quick-color:#ed9414}.flow-quick-menu-item.is-room{--quick-color:#6a3fb1}.flow-quick-menu-item.is-chart{--quick-color:#d71640}.flow-quick-menu-item.is-home{--quick-color:#49ad3d}.flow-quick-menu-label{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 1px 4px #0000008c;max-width:min(210px,100cqw - 92px);font-size:13px;font-weight:900;line-height:1.2}.flow-quick-menu-icon,.flow-quick-menu-toggle,.flow-quick-menu-info{color:#fff;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 6px 16px #140e0847}.flow-quick-menu-controls{pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.flow-quick-menu-info{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2563a9;border:2px solid #fffffff2;padding:0;transition:transform .22s,box-shadow .22s;animation:.2s cubic-bezier(.22,1,.36,1) both flowQuickMenuInfoIn}@keyframes flowQuickMenuInfoIn{0%{opacity:0;transform:translate(12px)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}.flow-quick-menu-info.is-active{box-shadow:0 0 0 3px #54a1e66b,0 6px 16px #140e0847}.flow-quick-menu-icon{background:color-mix(in srgb, var(--quick-color) 70%, #000);border:0}.flow-quick-menu-item.is-active .flow-quick-menu-icon{box-shadow:0 0 0 3px color-mix(in srgb, var(--quick-color) 50%, transparent), 0 6px 16px #140e0847}.flow-quick-menu-icon svg,.flow-quick-menu-info svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.flow-quick-menu-toggle{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#d94b3d;border:2px solid #fffffff2;transition:transform .22s,background .22s,color .22s}.flow-quick-menu-toggle span{font:300 34px/1 Arial,sans-serif;transform:translateY(-1px)}.flow-quick-menu.is-open .flow-quick-menu-toggle{color:#2d2014;background:#fff;transform:rotate(45deg)}.flow-quick-menu-item:active .flow-quick-menu-icon,.flow-quick-menu-info:active,.flow-quick-menu-toggle:active{transform:scale(.92)}.flow-quick-menu.is-open .flow-quick-menu-toggle:active{transform:rotate(45deg)scale(.92)}.flow-quick-menu-toggle:focus,.flow-quick-menu-info:focus{outline:none}.app-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);text-align:center;will-change:transform, opacity;max-width:calc(100cqw - 32px);transition:transform .28s,opacity .28s}.app-toast.is-hidden{opacity:0;transform:translate(-50%,16px)}.app-toast.is-visible{opacity:1;transform:translate(-50%)}@media (height<=620px){.flow-quick-menu{bottom:max(58px, calc(env(safe-area-inset-bottom,0px) + 58px));gap:6px}.flow-quick-menu-items{gap:5px}.flow-quick-menu-icon,.flow-quick-menu-toggle,.flow-quick-menu-info{flex-basis:44px;width:44px;height:44px}.flow-quick-menu-icon svg,.flow-quick-menu-info svg{width:24px;height:24px}.flow-quick-menu-label{font-size:12px}}@media (prefers-reduced-motion:reduce){.flow-quick-menu-item,.flow-quick-menu-toggle,.flow-quick-menu-info{transition:none}.flow-quick-menu-scrim,.flow-quick-menu-info{animation:none}}.light-media-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 88% 8%,#f5d76e4d,#0000 36%),#eee4d2e0!important}.light-media-page{color:#382719;background:radial-gradient(circle at 12% 0,#fffffff0,#0000 38%),linear-gradient(#fffdf8 0%,#f8f1e5 52%,#f2e7d5 100%)!important;border-color:#8c66523d!important;box-shadow:0 18px 50px #5a3a2029!important}.light-media-page.myroom-locked{overscroll-behavior:none;touch-action:none;overflow:hidden!important}.light-media-page.myroom-locked .myroom-lyrics-scroll,.light-media-page.myroom-locked .myroom-body{touch-action:pan-y;overscroll-behavior:contain}.light-media-page.myroom-locked .myroom-footer{padding-bottom:max(10px, env(safe-area-inset-bottom,0px));background:inherit;border-top:1px solid #c4973c24}@media (height<=720px){.light-media-page.myroom-locked .myroom-lyrics-scroll{height:108px!important}}.light-media-page.myroom-locked input[type=range],.light-media-page.myroom-locked button{touch-action:manipulation}.light-media-page.music-home-detail{box-shadow:none!important;background:#f8f5ef!important;border:0!important}.music-list-card .swipe-delete-row{border-radius:0}.playlist-action-root{z-index:72;pointer-events:none;align-items:flex-end;display:flex;position:fixed;inset:0}.playlist-action-backdrop{pointer-events:auto;background:#17130f33;border:0;animation:.18s both songDetailFadeIn;position:absolute;inset:0}.playlist-action-sheet{width:min(100%,720px);padding:8px 10px max(10px, env(safe-area-inset-bottom,0px));color:#fff;pointer-events:auto;background:#0799e6;margin:0 auto;animation:.26s cubic-bezier(.22,1,.36,1) both songDetailSlideUp;position:relative;box-shadow:0 -12px 30px #17130f38}.playlist-action-handle{background:#ffffff8c;border-radius:999px;width:38px;height:4px;margin:0 auto 5px}.playlist-action-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6;margin:0 8px 7px;font-size:11px;font-weight:800;overflow:hidden}.playlist-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.playlist-action-item{color:#fff;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:58px;font-size:10px;font-weight:800;transition:background .14s,opacity .14s;display:flex}.playlist-action-item:active{background:#ffffff2e}.playlist-action-item:disabled{opacity:.45}.playlist-action-item.is-danger{color:#fff5f5}.playlist-action-icon{justify-content:center;align-items:center;height:26px;font-size:25px;font-weight:300;line-height:1;display:flex}.playlist-download-hint{color:#ffffffbf;text-align:center;margin:6px 8px 0;font-size:9px;font-weight:800}.music-home-detail .myroom-play-list-btn{color:#365314!important;background:#a3e635!important}.music-home-detail .light-media-now-playing{background:#fff!important}.light-media-page [class*="text-[#f0e6cc]"],.light-media-page [class*="text-[#c4b59a]"]{color:#4a3526!important}.light-media-page [class*="text-[#a8926a]"],.light-media-page [class*="text-[#8a7860]"]{color:#806b57!important}.light-media-page [class*="text-[#fda4af]"]{color:#c9365d!important}.light-media-page .light-media-accent{color:#8c5a1f!important}.light-media-lyrics a{color:inherit;word-break:break-all;text-decoration:underline}.light-media-page .light-media-lyrics{color:#382719db!important}.light-media-page .light-media-lyrics a{color:#0d5c58!important}.light-media-page .myroom-icon-btn{color:#5a3a20!important}.light-media-page .hover\:bg-white\/5:hover{background:#c4973c1f!important}.light-media-page>.shrink-0:last-child,.light-media-page .light-media-now-playing{background:#fffdf8eb!important}.flow-decision{text-align:center;background:#f8f4eceb;border:1px solid #c4973c47;border-radius:20px;margin-top:18px;padding:16px;box-shadow:0 8px 24px #2d20140f}.flow-decision h4{color:#5a3a20;margin:0 0 6px;font-size:15px;font-weight:900}.flow-decision p{color:#9b7a4a;margin:0 0 14px;font-size:11px;line-height:1.45}.flow-yn{justify-content:center;gap:10px;display:flex}.flow-yn button{border-radius:14px;flex:1;max-width:160px;padding:12px 14px;font-size:13px;font-weight:900;transition:transform .15s,background .15s}.flow-yn button:active{transform:scale(.97)}.flow-yn .yes{color:#f0e6cc;background:#2d2014;border:1px solid #c4973c66}.flow-yn .no{color:#5a3a20;background:#f8f4ec;border:1px solid #c4973c59}.flow-jacket-panel,.flow-profile-panel{box-sizing:border-box;position:relative}.flow-jacket-body,.flow-profile-body,.flow-genre-body,.flow-mic-body,.flow-create-body{padding-bottom:24px}.flow-profile-body{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;display:flex}.flow-profile-fields{flex-shrink:0}.flow-profile-save{flex-shrink:0;margin-top:0}.flow-jacket-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.flow-jacket-range:focus{outline:none}.flow-jacket-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e8d8c0 0%,#c4973c 100%);border:1px solid #8c665247;border-radius:999px;height:6px}.flow-jacket-range::-webkit-slider-thumb{appearance:none;cursor:grab;background:url(../jacket-slider-paw.png) 50%/contain no-repeat;border:0;border-radius:0;width:26px;height:26px;margin-top:-11px;box-shadow:0 1px 3px #2d201438}.flow-jacket-range:active::-webkit-slider-thumb{cursor:grabbing}.flow-jacket-range::-moz-range-track{background:linear-gradient(90deg,#e8d8c0 0%,#c4973c 100%);border:1px solid #8c665247;border-radius:999px;height:6px}.flow-jacket-range::-moz-range-thumb{cursor:grab;background:url(../jacket-slider-paw.png) 50%/contain no-repeat;border:0;border-radius:0;width:26px;height:26px;box-shadow:0 1px 3px #2d201438}.flow-hero{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:0;height:100%;min-height:0;padding:0 16px;display:flex}.flow-hero-copy{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-top:0;margin-bottom:0;padding-inline:12px;animation:.7s cubic-bezier(.22,1,.36,1) both flowBrandIn;display:flex}.flow-hero-brand{letter-spacing:-.03em;color:var(--flow-ink);white-space:nowrap;max-width:none;margin:0;font-size:clamp(1.45rem,5.2cqw,2.35rem);font-weight:900;line-height:1.15}.flow-hero-sub{color:#5a3a20c7;max-width:22rem;margin:0;font-size:13px;font-weight:600;line-height:1.5}@keyframes flowBrandIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.flow-hero-pet{z-index:2;flex:auto;justify-content:center;align-items:flex-start;width:100%;min-height:0;margin:4px 0 0;padding-top:max(4px,1.5vh);animation:.7s cubic-bezier(.22,1,.36,1) .12s both flowBrandIn;display:flex;position:relative}.flow-hero-pet-inner{justify-content:center;align-items:center;width:min(280px,72cqw);height:min(280px,72cqw);display:flex}.flow-boot-wait{z-index:95;text-align:center;background:#1e1810;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.flow-root.is-boot-wait>:not(.flow-boot-wait){pointer-events:none}.flow-boot-wait-img{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(240px,62cqw);height:min(240px,62cqw);animation:1.8s ease-in-out infinite flowHeroImageBeat;display:block}.flow-boot-wait-fallback{background:radial-gradient(circle at 30% 30%,#8c6652,#5a3a20);border-radius:999px;justify-content:center;align-items:center;width:min(200px,54cqw);height:min(200px,54cqw);font-size:min(80px,18cqw);animation:1.8s ease-in-out infinite flowHeroImageBeat;display:flex;box-shadow:0 10px 30px #00000059}.flow-boot-wait-text{color:#f0e6cc;margin:4px 0 0;font-size:14px;font-weight:900}.flow-boot-wait-sub{color:#f0e6cc99;margin:0;font-size:12px;font-weight:700}@keyframes flowHeroImageBeat{0%,to{transform:scale(1)}40%{transform:scale(1.045)}55%{transform:scale(.985)}70%{transform:scale(1.02)}}.flow-hero-bottom{width:100%;padding:12px 8px max(18px, env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;margin-top:auto;animation:.7s cubic-bezier(.22,1,.36,1) .16s both flowBrandIn;display:flex}.flow-hero-guide{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;max-width:20rem;display:flex}.flow-hero-guide-sub{text-align:center;color:#8c6652;margin:0;font-size:12px;font-weight:700;line-height:1.4}.flow-hero-cta{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:100%;margin-top:0;padding-top:0;padding-bottom:0;display:flex}.flow-hero-login-btn{appearance:none;color:#f0e6cc;letter-spacing:-.02em;cursor:pointer;background:#2d2014;border:1px solid #c4973c73;border-radius:18px;width:min(100%,20rem);padding:14px 20px;font-size:13px;font-weight:900}.flow-hero-auth{flex-direction:column;align-items:center;gap:8px;display:flex}.flow-hero-welcome{color:#5a3a20;letter-spacing:-.01em;margin:0;font-size:13px;font-weight:800}.flow-hero-logout{appearance:none;color:#9b7a4a;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 8px;font-size:12px;font-weight:700;text-decoration:underline}.flow-hero-logout:hover,.flow-hero-logout:focus-visible{color:#8c6652;outline:none}.flow-start{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;height:100%;min-height:0;padding:4px 16px 24px;display:flex}.flow-start-copy{flex-direction:column;align-items:center;gap:8px;display:flex}.flow-start-title{color:var(--flow-ink);letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,4.6cqw,1.6rem);font-weight:900}.flow-start-sub{color:#5a3a20bf;max-width:20rem;margin:0;font-size:12px;font-weight:600;line-height:1.5}.flow-start-grid{flex-direction:row;justify-content:center;align-items:stretch;gap:14px;width:100%;max-width:28rem;padding-top:46px;display:flex}.flow-start-cell{flex:1 1 0;min-width:0;display:flex;position:relative}.flow-start-balloon{z-index:2;letter-spacing:-.03em;white-space:nowrap;color:#4a2e12;pointer-events:none;background:linear-gradient(#fff6d4 0%,#f4c24a 100%);border:2px solid #c4973c;border-radius:16px;padding:7px 12px 8px;font-size:13px;font-weight:900;line-height:1.2;animation:1.15s ease-in-out infinite startBalloonBob;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 10px #2d201424}.flow-start-balloon:after{content:"";border:7px solid #0000;border-top-color:#c4973c;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.flow-start-balloon:before{content:"";z-index:1;border:5px solid #0000;border-top-color:#f4c24a;width:0;height:0;margin-top:-1px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes startBalloonBob{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-7px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.flow-start-balloon{animation:none}}.flow-start-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f8f4ec;border:1px solid #c4973c4d;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;min-height:156px;padding:22px 12px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #2d20141a}.flow-start-btn:active{transform:scale(.98)}.flow-start-btn-icon{font-size:clamp(34px,9cqw,46px);line-height:1}.flow-start-btn-copy{flex-direction:column;align-items:center;gap:4px;display:flex}.flow-start-btn-name{letter-spacing:.04em;color:#3d2718;font-size:clamp(18px,5cqw,24px);font-weight:900;line-height:1.05}.flow-start-btn.is-new .flow-start-btn-name{color:#b05028}.flow-start-btn-action{color:#5a3a20;font-size:clamp(12px,3.2cqw,14px);font-weight:800;line-height:1.2}.flow-float-actions{z-index:85;pointer-events:none;display:flex;position:fixed}.flow-float-actions>*{pointer-events:auto}.flow-float-stack{z-index:85;top:max(6px, calc(env(safe-area-inset-top,0px) + 4px));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100cqw - 20px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.flow-float-stack>*{pointer-events:auto}.flow-float-stack .flow-float-actions.is-hero{max-width:100%;position:static;top:auto;left:auto;right:auto;transform:none}.flow-start-welcome{color:#5a3a20;letter-spacing:-.01em;text-align:center;white-space:nowrap;margin:0;padding:0 12px;font-size:13px;font-weight:800;line-height:1.3}.flow-float-actions.is-hero{top:max(6px, calc(env(safe-area-inset-top,0px) + 4px));flex-direction:row;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100cqw - 20px);left:50%;right:auto;transform:translate(-50%)}.flow-float-actions.is-compact{top:max(6px, calc(env(safe-area-inset-top,0px) + 4px));right:max(10px, env(safe-area-inset-right,0px));flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;left:auto;transform:none}.flow-float-btn{letter-spacing:.02em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:76px;padding:8px 12px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s,width .22s,min-width .22s,padding .22s,gap .18s;display:inline-flex;box-shadow:0 8px 20px #2d201424,0 2px 6px #c4973c33}.flow-float-cd{filter:drop-shadow(0 0 2px #c4973c59);flex-shrink:0;font-size:12px;line-height:1}.flow-float-credit-icon{color:#f5d76e;flex-shrink:0;font-size:11px;line-height:1}.flow-float-label{opacity:1;max-width:12rem;transition:max-width .22s,opacity .18s,margin .18s;display:inline-block;overflow:hidden}.flow-float-credit-amt{opacity:.85;max-width:4rem;font-size:9px;font-weight:800;transition:max-width .22s,opacity .18s;overflow:hidden}.flow-float-btn:active{transform:scale(.96)}.flow-float-btn.room{color:#f0e6cc;letter-spacing:.04em;background:linear-gradient(145deg,#2d2014,#4a3520);border:1px solid #c4973c8c}.flow-float-btn.my{color:#5a3a20;background:linear-gradient(145deg,#f8f4ec,#efe2c8);border:1px solid #c4973c80}.flow-float-btn.charge{color:#f8f4ec;background:linear-gradient(145deg,#8c6652,#6f5040);border:1px solid #5c3d2e73}.flow-float-btn.charge .flow-float-credit-icon{color:#f0e6cc}.flow-float-icon{flex-shrink:0;line-height:1}.flow-float-actions.is-compact .flow-float-btn{border-radius:999px;gap:0;width:42px;min-width:42px;height:42px;padding:0}.flow-float-actions.is-compact .flow-float-label,.flow-float-actions.is-compact .flow-float-credit-amt{opacity:0;pointer-events:none;max-width:0;margin:0}.flow-float-actions.is-compact .flow-float-cd,.flow-float-actions.is-compact .flow-float-icon,.flow-float-actions.is-compact .flow-float-credit-icon{font-size:16px}.flow-float-actions.is-compact .flow-float-btn:hover,.flow-float-actions.is-compact .flow-float-btn:focus-visible,.flow-float-actions.is-compact .flow-float-btn.is-expanded{gap:4px;width:auto;min-width:76px;height:auto;padding:8px 10px;transform:scale(1.08);box-shadow:0 12px 26px #2d20142e,0 3px 8px #c4973c47}.flow-float-actions.is-compact .flow-float-btn:hover .flow-float-label,.flow-float-actions.is-compact .flow-float-btn:focus-visible .flow-float-label,.flow-float-actions.is-compact .flow-float-btn.is-expanded .flow-float-label{opacity:1;max-width:12rem}.flow-float-actions.is-compact .flow-float-btn:hover .flow-float-credit-amt,.flow-float-actions.is-compact .flow-float-btn:focus-visible .flow-float-credit-amt,.flow-float-actions.is-compact .flow-float-btn.is-expanded .flow-float-credit-amt{opacity:.85;max-width:4rem}.flow-float-actions.is-compact .flow-float-btn:hover .flow-float-cd,.flow-float-actions.is-compact .flow-float-btn:focus-visible .flow-float-cd,.flow-float-actions.is-compact .flow-float-btn.is-expanded .flow-float-cd,.flow-float-actions.is-compact .flow-float-btn:hover .flow-float-icon,.flow-float-actions.is-compact .flow-float-btn:focus-visible .flow-float-icon,.flow-float-actions.is-compact .flow-float-btn.is-expanded .flow-float-icon,.flow-float-actions.is-compact .flow-float-btn:hover .flow-float-credit-icon,.flow-float-actions.is-compact .flow-float-btn:focus-visible .flow-float-credit-icon,.flow-float-actions.is-compact .flow-float-btn.is-expanded .flow-float-credit-icon{font-size:12px}.flow-float-actions.is-compact .flow-float-btn.is-expanded:active{transform:scale(1.02)}.flow-create-stage{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:12px;padding:56px 0 28px;display:flex}.flow-create-meta{text-align:center}.flow-create-meta .flow-step-badge{margin-bottom:10px}.flow-create-meta .title{letter-spacing:-.03em;color:#8c6652;margin:0 0 8px;font-size:clamp(1.35rem,4.5cqw,1.85rem);font-weight:900}.flow-create-meta .name{letter-spacing:-.02em;color:var(--flow-ink);font-size:clamp(1.5rem,5cqw,2rem);font-weight:900}.flow-create-meta .bday{color:#9b7a4a;margin-top:4px;font-size:13px;font-weight:700}.flow-create-mix{justify-content:center;align-items:center;gap:clamp(10px,3cqw,22px);width:100%;max-width:420px;display:flex}.flow-jacket-thumb,.flow-cd{background:#f8f4ec;border:1px solid #c4973c59;border-radius:18px;flex-shrink:0;width:clamp(96px,28cqw,132px);height:clamp(96px,28cqw,132px);overflow:hidden;box-shadow:0 10px 28px #2d20141a}.flow-jacket-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flow-jacket-thumb .empty{color:#9b7a4a;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:11px;font-weight:800;display:flex}.flow-cd{background:radial-gradient(circle,#f0e6cc 0 14%,#0000 15%),conic-gradient(#2d2014,#c4973c,#8c6652,#2d2014);border:3px solid #2d201459;border-radius:999px;position:relative}.flow-cd.spinning{animation:1.1s linear infinite flowCdSpin}@keyframes flowCdSpin{to{transform:rotate(360deg)}}.flow-arrows{color:#8c6652;letter-spacing:-.08em;opacity:.55;flex-direction:column;align-items:center;gap:4px;min-width:48px;font-size:18px;font-weight:900;transition:opacity .25s;display:flex}.flow-arrows.mixing{opacity:1;animation:.7s ease-in-out infinite flowArrowPulse}@keyframes flowArrowPulse{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.flow-create-btn{color:#f0e6cc;isolation:isolate;background:#2d2014;border:1px solid #c4973c73;border-radius:18px;width:100%;max-width:420px;padding:16px 18px;font-size:15px;font-weight:900;position:relative;overflow:hidden}.flow-create-btn .fill{z-index:0;background:linear-gradient(90deg,#c4973c,#a87b30);width:0%;transition:width .35s linear;position:absolute;inset:0 auto 0 0}.flow-create-btn.loading .fill{animation:12s linear forwards flowFill}@keyframes flowFill{0%{width:0%}to{width:96%}}.flow-create-btn .label{z-index:1;position:relative}.flow-compact-header{justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-bottom:4px;display:flex}.flow-genre-panel{box-sizing:border-box;padding:10px 10px 12px;position:relative}.flow-slide.flow-fullbleed.flow-genre-panel{padding-top:calc(var(--flow-root-pad-top) + max(6px, calc(env(safe-area-inset-top,0px) + 4px)) + 25px - (14px * 1.2))}.flow-slide.flow-fullbleed.flow-genre-panel.is-list{padding-top:calc(max(12px, env(safe-area-inset-top,0px)) + 12px)}.flow-genre-heading{margin:0;font-size:14px;font-weight:900;line-height:1.2}.flow-genre-panel.is-list .flow-genre-head{box-sizing:border-box;border-bottom:1px solid #c4973c38;flex-shrink:0;align-items:flex-start;min-height:0;padding-bottom:10px;display:flex}.flow-genre-panel.is-list .flow-genre-head-copy{text-align:left;width:min(100%,720px);min-width:0}.flow-genre-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin:8px 0 4px;display:grid}.flow-genre-tab{appearance:none;letter-spacing:-.04em;word-break:keep-all;cursor:pointer;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;margin:0;padding:8px 4px 7px;font-size:12px;font-weight:900;line-height:1.2;transition:background .15s,color .15s,box-shadow .15s;display:flex}.flow-genre-tab-title{display:block}.flow-genre-tab .flow-genre-plus{box-shadow:none;padding:2px 6px;font-size:9px;animation:none}.flow-genre-tab.is-standard{color:#6b4a1a;background:#c4973c2e;box-shadow:inset 0 0 0 1px #c4973c61}.flow-genre-tab.is-standard.is-active{color:#3a2a0c;background:linear-gradient(#f6e3b0,#e8c56a);box-shadow:inset 0 0 0 2px #c4973c}.flow-genre-tab.is-special{color:#8a3d00;background:#fb850029;box-shadow:inset 0 0 0 1px #fb850066}.flow-genre-tab.is-special.is-active{color:#4a1d00;background:linear-gradient(#ffd166,#fb8500);box-shadow:inset 0 0 0 2px #e85d04}.flow-genre-tab.is-safety{color:#0f5c56;background:#2a9d8f29;box-shadow:inset 0 0 0 1px #1f6f6861}.flow-genre-tab.is-safety.is-active{color:#063835;background:linear-gradient(#9ee6dc,#2a9d8f);box-shadow:inset 0 0 0 2px #1f6f68}.flow-genre-panel.is-list .flow-genre-heading{letter-spacing:-.035em;color:#382719;margin:7px 0 2px;font-size:clamp(20px,5cqw,28px);line-height:1.2}.flow-genre-panel.is-list .flow-genre-sub{color:#8c6652;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:700;line-height:normal;overflow:hidden}.flow-genre-panel.is-list.is-safety .flow-genre-head{min-height:0}.flow-genre-panel.is-list.is-safety .flow-genre-sub{white-space:normal;text-overflow:unset;overflow:visible}@container app (width<=600px) and (height<=720px){.flow-slide.flow-fullbleed.flow-genre-panel.is-list{padding-top:max(10px, env(safe-area-inset-top,0px))}.flow-genre-panel.is-list .flow-genre-heading{font-size:19px}.flow-genre-panel.is-list .flow-genre-head{min-height:68px}}.flow-genre-heading-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.flow-genre-panel.is-list .flow-genre-heading-row{align-items:center;gap:8px;margin:7px 0 2px}.flow-genre-panel.is-list .flow-genre-heading-row .flow-genre-heading{margin:0}.flow-genre-panel.is-list .flow-genre-plus{flex-shrink:0;padding:4px 10px;font-size:13px}.flow-genre-plus.is-public{background:linear-gradient(135deg,#2a9d8f,#1f6f68);animation:none;box-shadow:0 3px 10px #1f6f6866}.flow-genre-plus{color:#fff;letter-spacing:.02em;text-shadow:0 1px 1px #2d201440;background:linear-gradient(135deg,#ffb703,#fb8500);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:900;animation:1.6s ease-in-out infinite flowGenrePlusPulse;box-shadow:0 3px 10px #fb850073}@keyframes flowGenrePlusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.flow-genre-card-plus-badge{z-index:3;color:#fff;letter-spacing:.02em;pointer-events:none;background:linear-gradient(135deg,#ffb703,#fb8500);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:900;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000059}.flow-genre-heading-arrow{color:inherit;opacity:.55;margin-left:auto;font-size:18px;font-weight:900;line-height:1}.flow-genre-sub{margin:2px 0 8px;font-size:10px;font-weight:700;line-height:1.3}.flow-decision-compact{margin-top:10px;padding:10px 12px}.flow-decision-compact h4{margin-bottom:4px;font-size:13px}.flow-decision-compact p{margin-bottom:10px;font-size:10px}.flow-decision-compact .flow-yn button{padding:10px 12px;font-size:12px}.flow-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flow-genre-card{text-align:left;aspect-ratio:5/4;isolation:isolate;background:#efe4d2;border:2px solid #c4973c38;border-radius:16px;min-height:0;max-height:none;transition:transform .15s,border-color .18s,box-shadow .18s,filter .18s;display:block;position:relative;overflow:hidden}.flow-genre-card.has-photo .flow-genre-photo{-o-object-fit:cover;object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .25s,filter .2s;display:block;position:absolute;inset:0}.flow-genre-card.has-photo:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#140c060d 35%,#140c068c 72%,#140c06d1 100%);position:absolute;inset:0}.flow-genre-card:hover{filter:saturate(1.08)brightness(1.03);border-color:#c4973cbf;transform:translateY(-2px);box-shadow:0 8px 18px #8c665238}.flow-genre-card:hover .flow-genre-photo{transform:scale(1.04)}.flow-genre-card:active{transform:scale(.98)}.flow-genre-card.active{filter:saturate(1.16)brightness(1.22);border-width:6px;border-color:#8c6652;box-shadow:0 0 0 4px #c4973cb3,0 10px 22px #2d201438}.flow-genre-card.active .flow-genre-photo{filter:brightness(1.22)saturate(1.1);transform:scale(1.03)}.flow-genre-meta{z-index:2;flex-direction:column;justify-content:flex-end;min-width:0;padding:10px 10px 9px;display:flex;position:absolute;bottom:0;left:0;right:0}.flow-genre-meta .label-row{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.flow-genre-meta .label{color:#fffaf2;text-shadow:0 1px 2px #00000073;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;line-height:1.15;overflow:hidden}.flow-genre-meta .icon{filter:drop-shadow(0 1px 1px #00000059);flex-shrink:0;font-size:12px;line-height:1}.flow-genre-meta .performer{color:#f0e6cc;letter-spacing:.01em;text-shadow:0 1px 2px #0006;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:800;overflow:hidden}.flow-genre-meta .sub{color:#fff8ebdb;text-shadow:0 1px 2px #00000059;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9px;font-weight:600;line-height:1.25;overflow:hidden}.flow-genre-card.is-row{box-sizing:border-box;aspect-ratio:auto;background:#ffffffc7;border-radius:14px;align-items:center;gap:8px;padding:6px;display:flex}.flow-genre-card.is-row .flow-genre-photo{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:10px;flex:none;align-self:stretch;width:auto;min-width:40px;height:auto;transition:transform .25s;display:block}.flow-genre-card.is-row .flow-genre-meta{flex:auto;min-width:0;padding:0;position:static}.flow-genre-card.is-row .flow-genre-meta .label{color:#4a2e12;text-shadow:none;font-size:13px}.flow-genre-card.is-row .flow-genre-meta .icon{filter:none}.flow-genre-card.is-row .flow-genre-meta .performer{color:#8c6652;text-shadow:none}.flow-genre-card.is-row .flow-genre-meta .sub{color:#a1846b;text-shadow:none}.flow-genre-card.is-row:hover{filter:none}.flow-genre-card.is-row.active{filter:none;background:#fff4dd;border-width:3px;border-color:#8c6652;box-shadow:0 0 0 3px #c4973c8c,0 8px 18px #2d20142e}.flow-genre-card.is-row.active .flow-genre-photo{filter:none;transform:none}.flow-genre-panel.is-safety .flow-genre-note{color:#8c6652;text-align:left;word-break:keep-all;overflow-wrap:break-word;background:#ffffffa8;border:1px solid #8c665233;border-radius:12px;flex:none;margin:8px 0 0;padding:9px 11px;font-size:11px;font-weight:700;line-height:1.5}.flow-genre-panel.is-safety .flow-genre-note.is-credit{white-space:pre-line;word-break:break-word}.flow-genre-panel.is-safety .flow-genre-note.is-credit a{color:#0d5c58;word-break:break-all;font-weight:800}.flow-genre-panel.is-safety .flow-genre-note strong{color:#4a2e12;font-weight:900}.flow-deck.is-noscroll .flow-genre-panel.is-list.is-safety .flow-genre-grid{flex:0 auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(88px,170px);align-content:start;max-height:none}.flow-genre-panel.is-safety .flow-genre-card.is-row .flow-genre-photo{max-width:38%}.flow-genre-panel.is-safety .flow-genre-card.is-row .flow-genre-meta .label,.flow-genre-panel.is-safety .flow-genre-card.is-row .flow-genre-meta .performer,.flow-genre-panel.is-safety .flow-genre-card.is-row .flow-genre-meta .sub{white-space:normal;text-overflow:clip;word-break:keep-all;overflow:visible}.flow-genre-panel.is-safety .flow-genre-card.is-row .flow-genre-meta .label-row{align-items:flex-start}.flow-genre-card.is-soon{cursor:default;pointer-events:none;background:#ffffff73;border-style:dashed;border-color:#8c66524d}.flow-genre-card.is-soon .flow-genre-soon-thumb{color:#8c66528c;letter-spacing:.08em;background:#8c66521a;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.flow-genre-card.is-soon .flow-genre-meta .label,.flow-genre-card.is-soon .flow-genre-meta .performer,.flow-genre-card.is-soon .flow-genre-meta .sub{color:#8c665299}.flow-genre-card.special{border-color:#1a8a8247}.flow-genre-card.special:hover{filter:saturate(1.1)brightness(1.04);border-color:#2dd4bfb3;box-shadow:0 8px 18px #0d5c5833}.flow-genre-card.special.active{filter:saturate(1.16)brightness(1.24);border-width:4px;border-color:#2dd4bff2;box-shadow:0 0 0 3px #2dd4bf8c,0 10px 22px #0d5c5842}.flow-genre-card.special .flow-genre-meta .performer{color:#a7f3d0}@container app (width>=640px){.flow-genre-panel{padding:14px 16px 16px}.flow-genre-grid{gap:10px}.flow-genre-meta .label{font-size:13px}.flow-genre-meta .performer{font-size:11px}.flow-genre-meta .sub{font-size:10px}}.flow-mic-panel{box-sizing:border-box;text-align:center;background:radial-gradient(90% 60% at 50% 0,#2dd4bf24,#0000 60%),linear-gradient(165deg,#0e3f3a 0%,#071f1d 100%);border:1px solid #2dd4bf4d;padding:14px 14px 0;box-shadow:0 16px 32px #03141359}.flow-mic-footer{padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 12px);flex-shrink:0}.flow-mic-footer .flow-beginner-next{word-break:keep-all;color:#eafffb;background:linear-gradient(135deg,#0d5c58,#14867e);border-color:#2dd4bf73;width:100%;max-width:none;padding:14px 12px;font-size:13px;box-shadow:0 10px 24px #03141347}.flow-mic-footer .flow-beginner-next:disabled{opacity:.45;cursor:not-allowed;transform:none}.flow-mic-title{color:#eafffb;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:900;line-height:1.25}.flow-mic-sub{color:#e7f5f3b8;margin:6px 0 12px;font-size:11px;font-weight:700;line-height:1.4}.flow-mic-hero{aspect-ratio:1;background:radial-gradient(80% 70% at 50% 40%,#2dd4bf1f,#0000 70%),linear-gradient(#eef8f6 0%,#e7f0ea 100%);border:1px solid #1a8a822e;border-radius:22px;width:min(100%,280px);margin:0 auto 12px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0d5c5814}.flow-mic-hero.is-large{aspect-ratio:1;border-radius:28px;width:min(100%,320px);margin:4px auto 14px}.flow-mic-hero-img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.flow-mic-on-air{z-index:3;cursor:pointer;transform-origin:50%;filter:drop-shadow(0 3px 8px #00000061);background:0 0;border:0;width:44%;max-width:148px;padding:0;line-height:0;position:absolute;top:8px;right:8px}.flow-mic-on-air:disabled,.flow-mic-on-air.is-on{cursor:default}.flow-mic-on-air:not(.is-on):not(:disabled){animation:1.3s ease-in-out infinite flowOnAirPump}@keyframes flowOnAirPump{0%,to{filter:drop-shadow(0 3px 8px #00000061);transform:scale(1)}50%{filter:drop-shadow(0 6px 14px #00000075);transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.flow-mic-on-air:not(.is-on):not(:disabled){animation:none}}.flow-mic-on-air img{pointer-events:none;width:100%;height:auto;display:block}.flow-mic-hero-overlays{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#082e2c8c 100%);justify-content:space-between;align-items:flex-end;gap:8px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.flow-mic-hero-slot{pointer-events:auto;max-width:48%}.flow-mic-hero-slot.is-left{justify-content:flex-start;display:flex}.flow-mic-hero-slot.is-right{justify-content:flex-end;display:flex}.flow-mic-hero-slot.is-right.is-solo{margin-left:auto}.flow-mic-perm-btn.is-on-hero,.flow-mic-ready-badge.is-on-hero{min-width:0;min-height:34px;padding:6px 10px;font-size:10px;box-shadow:0 4px 12px #0000002e}.flow-mic-ready-badge.is-on-hero .flow-mic-ready-label{letter-spacing:.08em;font-size:10px}.flow-mic-hero .flow-mic-help{top:-7px;right:-7px}.flow-mic-hero .flow-mic-tip{width:min(280px,72cqw);bottom:calc(100% + 8px);left:0;right:auto}.flow-mic-hero .flow-mic-tip.is-left{left:0;right:auto}.flow-mic-hero .flow-mic-tip.is-left .flow-mic-tip-arrow{left:24px;right:auto}.flow-mic-hero .flow-mic-tip.is-right{left:auto;right:0}.flow-mic-hero .flow-mic-tip.is-right .flow-mic-tip-arrow{left:auto;right:24px}.flow-mic-test-btn{color:#0f3d3c;letter-spacing:.08em;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f2fbf9;border:1px solid #1a8a824d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:104px;min-height:46px;padding:10px 16px;font-size:12px;font-weight:900;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.flow-mic-test-btn:active:not(:disabled){transform:scale(.97)}.flow-mic-test-btn.is-recording{color:#fee2e2;background:#7f1d1d;border-color:#f871718c}.flow-mic-test-btn.is-listening{color:#e7f5f3;background:#0d5c58;border-color:#2dd4bf80}.flow-mic-test-btn:disabled{opacity:.45;cursor:not-allowed}.flow-mic-hold{z-index:4;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.flow-mic-hold-pill{background:#2c2c2e;border-radius:999px;flex:auto;align-items:center;gap:10px;min-width:0;height:52px;padding:0 14px;display:flex;box-shadow:0 10px 24px #00000059}.flow-mic-hold-time{font-variant-numeric:tabular-nums;color:#f5f5f7;letter-spacing:.02em;flex-shrink:0;font-size:14px;font-weight:700}.flow-mic-hold-wave{flex:auto;justify-content:space-between;align-items:center;gap:2px;min-width:0;height:28px;display:flex}.flow-mic-hold-bar{background:#6b6b70;border-radius:999px;flex:1 1 0;min-width:2px;transition:height 90ms linear}.flow-mic-hold-bar.is-filled{background:#0a84ff}.flow-mic-hold-orb{background:#e8e8ea;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:52px;height:52px;display:flex;box-shadow:0 10px 24px #00000059}.flow-mic-hold-orb span{background:#1c1c1e;border-radius:999px;width:3px;animation:.9s ease-in-out infinite flowMicHoldOrb}.flow-mic-hold-orb span:nth-child(2){animation-delay:.12s}.flow-mic-hold-orb span:nth-child(3){animation-delay:.24s}.flow-mic-hold-orb span:nth-child(4){animation-delay:.36s}.flow-mic-hold-orb span:nth-child(5){animation-delay:.48s}@keyframes flowMicHoldOrb{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.flow-mic-ready-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 0 12px;display:flex}.flow-mic-ready-badge{color:#0f3d3c;cursor:pointer;background:#f2fbf9;border:1px solid #1a8a824d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:118px;min-height:46px;padding:10px 16px;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.flow-mic-ready-badge:hover:not(:disabled){border-color:#1a8a828c}.flow-mic-ready-badge:active:not(:disabled){transform:scale(.97)}.flow-mic-ready-badge.is-on{color:#e7f5f3;background:#0d5c58;border-color:#2dd4bf80}.flow-mic-ready-badge:disabled{opacity:.45;cursor:not-allowed}.flow-mic-ready-label{letter-spacing:.1em;font-size:13px;font-weight:900}.flow-mic-perm-btn{color:#0f3d3c;background:#f2fbf9;border:1px solid #1a8a824d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:128px;min-height:46px;padding:10px 16px;font-size:12px;font-weight:900;display:inline-flex}.flow-mic-perm-btn.is-on{color:#e7f5f3;background:#0d5c58;border-color:#2dd4bf80}.flow-mic-perm-btn:disabled{opacity:.45}.flow-mic-viz{box-sizing:border-box;background:linear-gradient(#082e2c 0%,#0a3d39 100%);border:1px solid #1a8a8247;border-radius:16px;width:100%;margin:0 0 12px;padding:8px 10px 10px;overflow:hidden}.flow-mic-viz-head{letter-spacing:.08em;color:#5eead4c7;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:9px;font-weight:800;display:flex}.flow-mic-viz-bars{align-items:flex-end;gap:3px;height:56px;padding:0 2px;display:flex}.flow-mic-bar{background:#0f3d3c73;border-radius:2px;flex:1;min-width:3px;transition:height 75ms linear,background .12s}.flow-mic-bar.is-live{background:linear-gradient(#5eead4 0%,#0d9488 100%)}.flow-mic-bar.is-hot{background:linear-gradient(#fca5a5 0%,#ef4444 100%)}.flow-mic-start-row{grid-template-columns:minmax(0,1.35fr) minmax(96px,.85fr);align-items:stretch;gap:8px;margin:0 0 12px;display:grid}.flow-mic-step-wrap{display:inline-block;position:relative}.flow-mic-step-wrap.is-block{width:100%;min-width:0;padding-top:30px;display:block}.flow-mic-step-guide{z-index:6;pointer-events:none;align-items:center;gap:5px;max-width:min(168px,46cqw);animation:.48s cubic-bezier(.22,1,.36,1) both flowMicStepIn;display:flex;position:absolute;bottom:calc(100% + 6px)}.flow-mic-step-wrap.is-block .flow-mic-step-guide{top:0;bottom:auto}.flow-mic-step-guide.is-left{left:0}.flow-mic-step-guide.is-right{flex-direction:row-reverse;right:0}.flow-mic-step-guide.is-center{left:50%;transform:translate(-50%)}.flow-mic-step-num{color:#2d2014;background:linear-gradient(145deg,#e2b14a,#c4973c);border:1.5px solid #fff8ef;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 2px 8px #2d201447}.flow-mic-step-bubble{color:#5a3a20;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;background:#fffaf2;border:1px solid #c4973c73;border-radius:10px;max-width:100%;padding:5px 8px;font-size:10px;font-weight:800;line-height:1.25;position:relative;overflow:hidden;box-shadow:0 4px 12px #2d201424}.flow-mic-step-bubble:after{content:"";background:#fffaf2;border-bottom:1px solid #c4973c73;border-right:1px solid #c4973c73;width:8px;height:8px;position:absolute;bottom:-5px;left:12px;transform:rotate(45deg)}.flow-mic-step-guide.is-right .flow-mic-step-bubble:after{left:auto;right:12px}.flow-mic-step-guide.is-center .flow-mic-step-bubble:after{margin-left:-4px;left:50%}@keyframes flowMicStepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flow-mic-step-guide.is-center{animation-name:flowMicStepInCenter}@keyframes flowMicStepInCenter{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.flow-mic-hero-slot .flow-mic-step-guide:first-child{animation-delay:80ms}.flow-mic-start-row .flow-mic-step-wrap:first-child .flow-mic-step-guide{animation-delay:.16s}.flow-mic-start-row .flow-mic-step-wrap:nth-child(2) .flow-mic-step-guide{animation-delay:.24s}.flow-mic-start{aspect-ratio:2.5;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;width:100%;padding:0;line-height:0;transition:transform .15s,filter .15s;position:relative;box-shadow:0 8px 18px #c4973c47}.flow-mic-start-img{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;height:100%;display:block}.flow-mic-start-timer{color:#e7f5f3;letter-spacing:-.01em;pointer-events:none;background:#071f1d8c;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:900;position:absolute;top:6px;right:8px}.flow-mic-start:hover:not(:disabled){filter:brightness(1.04)}.flow-mic-start:active:not(:disabled){transform:scale(.98)}.flow-mic-start:disabled{opacity:.42}.flow-mic-start.is-recording{box-shadow:0 8px 18px #0d5c5840}.flow-mic-play{-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;width:100%;min-height:100%;padding:0;line-height:0;transition:transform .15s,filter .15s}.flow-mic-play-img{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;height:100%;display:block}.flow-mic-play:hover:not(:disabled){filter:brightness(1.03)}.flow-mic-play:active:not(:disabled){transform:scale(.98)}.flow-mic-play:disabled{opacity:.45}.flow-mic-play.is-listen{box-shadow:0 8px 18px #1a8a8247}.flow-mic-play.is-playing{box-shadow:0 8px 18px #0d5c5840}.flow-mic-actions{grid-template-columns:minmax(96px,.9fr) minmax(0,1.4fr);gap:8px;margin-top:10px;display:grid}.flow-mic-side-btn{color:#0f3d3c;background:#f2fbf9;border:1px solid #1a8a824d;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:10px 12px;font-size:12px;font-weight:900;transition:background .15s,border-color .15s;display:inline-flex}.flow-mic-side-btn:hover:not(:disabled){border-color:#1a8a828c}.flow-mic-side-btn:disabled{opacity:.38}.flow-mic-side-btn.is-on{color:#e7f5f3;background:#0d5c58;border-color:#2dd4bf80}.flow-mic-side-btn.is-play{background:#e7f5f3}.flow-mic-dot{background:#0f3d3c40;border:1px solid #0000001f;border-radius:999px;flex-shrink:0;width:10px;height:10px}.flow-mic-dot.is-on{background:#ef4444;animation:1.1s ease-in-out infinite flowMicPulse;box-shadow:0 0 8px #ef4444f2}@keyframes flowMicPulse{0%,to{opacity:1}50%{opacity:.55}}.flow-mic-help{color:#5eead4;background:#082e2c;border:1px solid #2dd4bf66;border-radius:999px;width:20px;height:20px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:-6px;right:-6px}.flow-mic-tip{z-index:30;color:#e7f5f3;white-space:pre-wrap;text-align:left;background:#082e2c;border:1px solid #2dd4bf59;border-radius:12px;width:min(310px,78cqw);padding:12px;font-size:10px;font-weight:500;line-height:1.45;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 12px 28px #00000038}.flow-mic-tip-overlay{z-index:200;padding:max(16px, calc(env(safe-area-inset-top,0px) + 12px)) 16px max(16px, calc(env(safe-area-inset-bottom,0px) + 12px));box-sizing:border-box;background:#0314138c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.flow-mic-tip-panel{-webkit-overflow-scrolling:touch;color:#e7f5f3;white-space:pre-wrap;text-align:left;background:#082e2c;border:1px solid #2dd4bf66;border-radius:14px;width:min(340px,92cqw);max-height:min(82dvh,640px);padding:14px 14px 16px;font-size:11px;font-weight:500;line-height:1.5;overflow-y:auto;box-shadow:0 16px 40px #00000059}.flow-mic-tip-panel-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.flow-mic-tip-panel .flow-mic-tip-title{margin:0}.flow-mic-tip-close{color:#5eead4;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;flex-shrink:0;width:28px;height:28px;margin:-4px -4px 0 0;font-size:18px;font-weight:700;line-height:1}.flow-mic-tip-close:hover{background:#ffffff24}.flow-mic-tip-title{color:#5eead4;letter-spacing:.04em;margin:0 0 6px;font-size:10px;font-weight:900}.flow-mic-tip-panel .flow-mic-tip-title{font-size:12px}.flow-mic-tip-arrow{background:#082e2c;border-bottom:1px solid #2dd4bf59;border-right:1px solid #2dd4bf59;width:12px;height:12px;position:absolute;bottom:-6px;left:24px;transform:rotate(45deg)}@container app (width>=640px){.flow-mic-panel{padding:18px 20px 0}.flow-mic-title{font-size:20px}.flow-mic-viz-bars{height:64px}}.flow-choice-stack{box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;gap:20px;width:min(100%,420px);min-height:0;padding:20px 8px 8px;display:flex}.flow-choice-btn{appearance:none;text-align:center;letter-spacing:-.05em;word-break:keep-all;cursor:pointer;border:1px solid #c4973c57;border-radius:32px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:132px;max-height:220px;padding:20px 18px;font-size:clamp(22px,6.2cqw,34px);font-weight:900;line-height:1.2;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 34px #2d20141c}.flow-choice-btn.is-make{color:#2d2014;background:radial-gradient(circle at 18% 12%,#ffffffc7,#0000 28%),linear-gradient(155deg,#fff5d9 0%,#f7dca5 100%)}.flow-choice-btn.is-listen{color:#f8f4ec;background:radial-gradient(circle at 82% 10%,#c4973c4d,#0000 34%),linear-gradient(155deg,#4a3520 0%,#241910 100%)}.flow-choice-btn:hover,.flow-choice-btn:focus-visible{border-color:#c4973ccc;outline:none;transform:translateY(-4px);box-shadow:0 18px 40px #2d20142b}.flow-choice-btn:active{transform:scale(.98)}.flow-choice-stack.is-hub{justify-content:center;gap:14px;width:min(100%,380px);padding-top:10px}.flow-choice-btn.is-hub{flex:0 auto;gap:18px;min-height:112px;max-height:142px;padding:14px 20px;font-size:clamp(20px,5.5cqw,29px)}.flow-deck.is-noscroll .flow-choice-btn.is-hub{min-height:112px}.flow-choice-btn.is-hub.is-art,.flow-deck.is-noscroll .flow-choice-btn.is-hub.is-art{aspect-ratio:937/550;min-height:0;max-height:min(28svh,168px);box-shadow:none;background:0 0;border:0;flex:1 1 0;padding:0}.flow-choice-art{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 30px #2d201433);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.flow-choice-btn.is-hub.is-art:hover{box-shadow:none}.flow-choice-btn.is-hub.is-art:focus-visible{outline-offset:4px;box-shadow:none;border-radius:28px;outline:3px solid #c4973cd9}.flow-hub-marquee{color:#6b4828;white-space:nowrap;border-block:1px solid #c4973c42;width:100%;padding:9px 0;font-size:15px;font-weight:800;line-height:1.35;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.flow-hub-marquee-track{width:max-content;animation:22s linear infinite flowHubMarquee;display:flex}.flow-hub-marquee-track span{flex:none;padding-right:3rem}@keyframes flowHubMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.flow-hub-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.flow-hub-marquee-track{animation:none}.flow-hub-marquee-track span:nth-child(2){display:none}}@media (height<=700px){.flow-choice-stack.is-hub{gap:10px;padding-top:6px}.flow-deck.is-noscroll .flow-choice-btn.is-hub{min-height:88px;padding-block:10px}.flow-deck.is-noscroll .flow-choice-btn.is-hub.is-art{min-height:0;padding-block:0}}.flow-choice-stack.is-maker{justify-content:center;gap:14px;width:min(100%,380px);padding-top:10px}.flow-choice-btn.is-maker{flex-direction:column;flex:0 auto;gap:8px;min-height:104px;max-height:136px;padding:14px 16px;font-size:clamp(18px,5cqw,26px)}.flow-choice-btn.is-maker small{letter-spacing:-.04em;opacity:.78;word-break:keep-all;max-width:100%;font-size:11px;font-weight:800;line-height:1.35}.flow-deck.is-noscroll .flow-choice-btn.is-maker{min-height:104px}.flow-choice-btn.is-maker.is-art,.flow-deck.is-noscroll .flow-choice-btn.is-maker.is-art{min-height:0;max-height:min(32svh,196px);box-shadow:none;background:0 0;border:0;flex:1 1 0;gap:6px;padding:0}.flow-choice-btn.is-maker.is-art .flow-choice-art{flex:auto;min-height:0}.flow-choice-btn.is-maker.is-art small{color:#6b4828;opacity:.85;flex:none}.flow-choice-btn.is-maker.is-art:hover{box-shadow:none}.flow-choice-btn.is-maker.is-art:focus-visible{outline-offset:4px;box-shadow:none;border-radius:28px;outline:3px solid #c4973cd9}.flow-hub-marquee.is-long .flow-hub-marquee-track{animation-duration:40s}@media (height<=700px){.flow-choice-stack.is-maker{gap:10px;padding-top:6px}.flow-deck.is-noscroll .flow-choice-btn.is-maker{gap:5px;min-height:86px;padding-block:10px}.flow-deck.is-noscroll .flow-choice-btn.is-maker.is-art{min-height:0;padding-block:0}.flow-choice-btn.is-maker small{font-size:10px}}.flow-level-grid{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:28px;width:min(100%,680px);min-height:0;padding:8px 4px;display:grid}.flow-level-cell{flex-direction:column;align-items:flex-end;min-width:0;display:flex}.flow-level-balloon{z-index:2;box-sizing:border-box;letter-spacing:-.03em;text-align:center;white-space:nowrap;color:#4a2e12;max-width:100%;min-height:0;box-shadow:none;pointer-events:none;transform-origin:100% 100%;background:0 0;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;margin-bottom:4px;margin-right:6px;padding:0 2px 2px;font-size:13px;font-weight:900;line-height:1.25;animation:1.15s ease-in-out infinite levelBalloonPump;display:inline-flex;position:relative}.flow-level-balloon.is-wide{white-space:normal;text-align:right;word-break:keep-all;padding:0 2px 2px;font-size:12px}.flow-level-balloon:after,.flow-level-balloon:before{display:none}@keyframes levelBalloonPump{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.flow-level-balloon{animation:none}}.flow-level-card{appearance:none;color:#2d2014;cursor:pointer;border:1px solid #c4973c57;border-radius:28px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;width:100%;min-height:176px;padding:16px 18px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 34px #2d20141c}.flow-level-card.is-beginner{background:radial-gradient(circle at 18% 12%,#ffffffc7,#0000 28%),linear-gradient(155deg,#fff5d9 0%,#f7dca5 100%)}.flow-level-card.is-advanced{color:#f8f4ec;background:radial-gradient(circle at 82% 10%,#c4973c4d,#0000 34%),linear-gradient(155deg,#4a3520 0%,#241910 100%)}.flow-level-card:hover,.flow-level-card:focus-visible{border-color:#c4973ccc;outline:none;transform:translateY(-4px);box-shadow:0 18px 40px #2d20142b}.flow-level-card:active{transform:scale(.98)}.flow-level-head{justify-content:center;align-items:center;gap:8px;display:flex}.flow-level-icon{font-size:30px;line-height:1}.flow-level-title{letter-spacing:-.04em;font-size:clamp(20px,4.4cqw,26px);font-weight:900;line-height:1.1}.flow-level-count{background:#c4973c2e;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}.flow-level-card.is-advanced .flow-level-count{color:#e8c76b;background:#f0e6cc1f}.flow-level-desc{opacity:.74;margin-top:2px;font-size:12px;font-weight:700;line-height:1.55}.flow-level-cta{color:#8c6652;margin-top:6px;font-size:13px;font-weight:900}.flow-level-card.is-advanced .flow-level-cta{color:#e8c76b}.flow-beginner{box-sizing:border-box;width:100%;min-height:100dvh;padding:calc(max(12px, env(safe-area-inset-top,0px)) + 12px) clamp(16px, 4cqw, 32px) max(28px, env(safe-area-inset-bottom,0px));background:radial-gradient(80% 45% at 50% 0,#ffedbc9e,#0000 70%),linear-gradient(#fffaf0 0%,#f4ead9 100%);flex-direction:column;flex:1 0 auto;align-items:center;display:flex}.flow-beginner-head{text-align:left;align-items:flex-start;gap:12px;width:min(100%,720px);min-height:82px;display:flex}.flow-beginner-head>div{flex:1;min-width:0}.flow-beginner-head h2{letter-spacing:-.035em;color:#382719;word-break:keep-all;margin:7px 0 2px;font-size:clamp(20px,5cqw,28px);font-weight:900;line-height:1.2}.flow-beginner-moods .flow-beginner-head h2{font-size:clamp(18px,4.6cqw,24px)}.flow-beginner-head p{color:#8c6652;margin:0;font-size:12px;font-weight:700}.flow-beginner-back{color:#5a3a20;cursor:pointer;background:#ffffffc2;border:1px solid #c4973c61;border-radius:999px;flex:0 0 38px;width:38px;height:38px;font-size:25px;font-weight:900;line-height:1;box-shadow:0 3px 10px #2d201414}.flow-beginner-back:disabled{opacity:.4}.flow-studio-body{flex-direction:column;flex:auto;gap:clamp(14px,3cqw,20px);width:min(100%,720px);margin:0 auto;padding:12px 0 16px;display:flex}.flow-studio-top{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(14px,4cqw,28px);display:grid}.flow-studio-photo-col{--studio-polaroid:clamp(140px, 44cqw, 160px);width:var(--studio-polaroid);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.flow-studio-polaroid{box-sizing:border-box;width:var(--studio-polaroid);height:var(--studio-polaroid);touch-action:none;background:#f8f4ec;flex-direction:column;padding:5.5556%;display:flex;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 14px 30px #412b1938}.flow-studio-polaroid-photo{aspect-ratio:256/216;background:linear-gradient(135deg,#c4973c1f,#8c66521f),#f0e8dc;flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8c665252}.flow-studio-polaroid-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flow-studio-polaroid-photo>span{font-size:calc(var(--studio-polaroid) * .2)}.flow-studio-polaroid .flow-dalbit-watermark,.flow-polaroid-photo .flow-dalbit-watermark{font-size:max(6px, calc(var(--studio-polaroid) * .042));top:4%;right:4%}.flow-studio-polaroid-caption{text-align:center;color:#ff6b81;font-weight:700;font-size:max(7px, calc(var(--studio-polaroid) * .055));letter-spacing:.02em;flex:auto;justify-content:center;align-items:center;display:flex}.flow-studio-sticker-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.flow-studio-photo-hint{color:#a1846b;font-size:10px;font-weight:700;line-height:1.35}.flow-studio-sticker-col{flex-direction:column;gap:8px;min-width:0;display:flex}.flow-studio-sticker-head{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;display:flex}.flow-studio-sticker-title{color:#5a3a20;flex:none;font-size:12px;font-weight:900}.flow-studio-sticker-grid{background:#f5ede08c;border:1px solid #c4973c47;border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px;padding:8px;display:grid}.flow-studio-sticker-btn{appearance:none;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:19px;line-height:1;transition:transform .12s,background .12s}.flow-studio-sticker-btn:hover{background:#ffffffb3;transform:scale(1.12)}.flow-studio-sticker-btn:active{transform:scale(.94)}.flow-studio-sticker-upload{appearance:none;aspect-ratio:1;color:#8c6652;cursor:pointer;background:#fffc;border:2px dashed #8c6652;border-radius:8px;flex-direction:column;justify-content:center;place-self:center;align-items:center;gap:1px;width:74%;display:flex}.flow-studio-sticker-upload span{font-size:13px;font-weight:900;line-height:1}.flow-studio-sticker-upload em{font-size:6px;font-style:normal;font-weight:900;line-height:1}.flow-studio-sticker-hint{color:#9b7a4a;flex:12em;min-width:0;margin:0;font-size:10px;font-weight:700;line-height:1.35}.flow-studio-camera{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flow-studio-camera-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.flow-studio-camera-actions button{appearance:none;color:#5a3a20;cursor:pointer;background:#ffffffe0;border:1px solid #c4973c6b;border-radius:12px;padding:8px 4px;font-size:10px;font-weight:900}.flow-dalbit-watermark{pointer-events:none;z-index:2;letter-spacing:.08em;color:#ffffff73;text-shadow:0 1px 2px #00000047;-webkit-user-select:none;user-select:none;font-family:Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Nanum Gothic,Noto Sans KR,Dotum,sans-serif;font-size:9px;font-weight:600;position:absolute;top:6px;right:6px}.flow-studio-polaroid-photo.has-image{box-shadow:none}.flow-beginner-profile-body{flex:auto;grid-template-columns:minmax(220px,330px) minmax(220px,1fr);align-items:center;gap:clamp(22px,5cqw,48px);width:min(100%,720px);padding:18px 0;display:grid}.flow-polaroid-stack{--studio-polaroid:clamp(140px, 44cqw, 160px);flex-direction:column;justify-self:center;align-items:center;gap:12px;width:min(100%,320px);display:flex}.flow-polaroid-upload{appearance:none;color:#5a3a20;cursor:pointer;background:#fffdf8;border:0;width:100%;padding:14px 14px 21px;transition:transform .18s,box-shadow .18s;transform:rotate(-1.5deg);box-shadow:0 16px 34px #412b1933}.flow-polaroid-upload:hover{transform:rotate(0)translateY(-3px);box-shadow:0 20px 42px #412b193d}.flow-polaroid-photo{aspect-ratio:1;background:linear-gradient(135deg,#c4973c1f,#8c66521f),#f0e8dc;border:2px dashed #8c66524d;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.flow-polaroid-upload.has-image .flow-polaroid-photo{border-style:solid}.flow-polaroid-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flow-polaroid-photo>span{font-size:50px}.flow-polaroid-upload strong{letter-spacing:.02em;margin-top:14px;font:900 13px/1.3 Courier New,monospace;display:block}.flow-polaroid-upload small{color:#a1846b;margin-top:5px;font-size:10px;font-weight:700;display:block}.flow-polaroid-upload.is-too-large{box-shadow:0 16px 34px #b050282e}.flow-polaroid-upload.is-too-large small{color:#b05028}.flow-photo-shrink{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex;transform:rotate(.4deg)}.flow-photo-shrink p{text-align:center;color:#8c6652;margin:0;font-size:11px;font-weight:700;line-height:1.45}.flow-photo-shrink-btn{appearance:none;color:#fff8e9;cursor:pointer;transform-origin:50%;background:linear-gradient(135deg,#c46a3c,#a84f2c);border:1px solid #b0502861;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #a84f2c38}.flow-photo-shrink-warn{color:#ffe08a;filter:drop-shadow(0 1px 1px #50180859);flex:none;justify-content:center;align-items:center;display:inline-flex}.flow-photo-shrink-btn.is-pumping{animation:1.05s ease-in-out infinite photoShrinkPump}.flow-photo-shrink-btn:disabled{cursor:wait;opacity:.72;animation:none}@keyframes photoShrinkPump{0%,to{transform:scale(1);box-shadow:0 8px 18px #a84f2c38}50%{transform:scale(1.06);box-shadow:0 12px 24px #a84f2c57}}@media (prefers-reduced-motion:reduce){.flow-photo-shrink-btn.is-pumping{animation:none}}.flow-beginner-fields{gap:18px;display:grid}.flow-beginner-fields label{text-align:left;gap:7px;display:grid}.flow-beginner-fields label>span,.flow-beginner-fields .flow-beginner-field-title,.flow-beginner-section h3{color:#5a3a20;font-size:var(--flow-field-label-size,13px);font-weight:900}.flow-beginner-field-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 10px;width:100%;display:flex}.flow-beginner-field-head .flow-beginner-field-title{min-width:0}.flow-pet-type-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.flow-pet-type-pick{appearance:none;color:#c4973c;letter-spacing:-.02em;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:0;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.flow-pet-type-pick.is-chip{color:#5a3a20;letter-spacing:-.03em;word-break:keep-all;background:linear-gradient(#fff8e8 0%,#f7e4b8 100%);border:1px solid #c4973c6b;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;line-height:1.2;text-decoration:none;box-shadow:0 2px 8px #2d20140f}.flow-pet-type-pick:active{color:#a87b30}.flow-pet-type-pick.is-chip:active{color:#5a3a20;transform:scale(.97)}.pet-type-sheet-root{z-index:80;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.pet-type-sheet-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#20160a6b;border:0;margin:0;padding:0;animation:.22s both songDetailFadeIn;position:absolute;inset:0}.pet-type-sheet{pointer-events:auto;background:radial-gradient(120% 70% at 50% 0,#ffecaaf2,#0000 58%),linear-gradient(#fff4cc 0%,#f7e4a4 45%,#efd078 100%);border:1px solid #c4973c66;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-height:min(78%,620px);animation:.32s cubic-bezier(.22,1,.36,1) both songDetailSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 -18px 40px #2d201447}.pet-type-sheet-handle{background:#8c665259;border-radius:999px;flex-shrink:0;width:42px;height:4px;margin:10px auto 0}.pet-type-sheet-top{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 2px;display:flex}.pet-type-sheet-top h3{letter-spacing:-.03em;color:#382719;margin:0;font-size:16px;font-weight:900}.pet-type-sheet-close{appearance:none;color:#5a3a20;cursor:pointer;background:#ffffff8c;border:0;border-radius:999px;width:32px;height:32px;font-size:14px;font-weight:800}.pet-type-sheet-sub{color:#8c6652;margin:0;padding:0 18px 10px;font-size:12px;font-weight:700}.pet-type-sheet-grid{padding:4px 14px calc(14px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;overflow-y:auto}.pet-type-sheet-item{appearance:none;cursor:pointer;color:#382719;background:#ffffffb8;border:1px solid #8c66522e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:72px;padding:8px 4px;display:flex}.pet-type-sheet-item span{font-size:22px;line-height:1}.pet-type-sheet-item strong{letter-spacing:-.04em;word-break:keep-all;text-align:center;font-size:11px;font-weight:800;line-height:1.2}.pet-type-sheet-item.is-selected{color:#f0e6cc;background:#2d2014;border-color:#c4973c;box-shadow:0 6px 16px #2d20142e}.pet-type-sheet.is-detail{max-height:min(88%,720px)}.pet-type-sheet.is-detail .pet-catalog{min-height:0;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.pet-type-sheet.is-detail .pet-catalog-hint{padding-bottom:2px}.pet-type-sheet.is-detail .pet-catalog-chips{max-height:none;overflow:visible}.pet-name-sheet{max-height:min(90%,760px)}.pet-name-sheet .pet-type-sheet-top{align-items:flex-start;padding-bottom:10px}.pet-name-sheet .pet-type-sheet-top>div{min-width:0}.pet-name-sheet .pet-type-sheet-top p{color:#8c6652;margin:3px 0 0;font-size:11px;font-weight:700;line-height:1.4}.pet-name-gacha{background:#fffae8b8;border:1px solid #9c642947;border-radius:20px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 14px 10px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffffb3}.pet-name-gacha-machine{justify-content:center;align-items:flex-start;width:74px;height:66px;display:flex;overflow:hidden}.pet-name-gacha-machine svg{width:82px;height:72px;margin-top:-3px;overflow:visible}.pet-name-gacha-machine .gacha-globe{fill:#ffffffad;stroke:#9c6429;stroke-width:4px}.pet-name-gacha-result{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-name-gacha-result small{color:#a06e38;font-size:10px;font-weight:800}.pet-name-gacha-result strong{color:#382719;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.pet-name-random-button,.pet-name-confirm-button{appearance:none;cursor:pointer;border:0;border-radius:13px;font-family:inherit;font-size:11px;font-weight:900;line-height:1.2}.pet-name-random-button{color:#f8e7b0;background:#2d2014;min-height:40px;padding:8px 10px;box-shadow:0 5px 12px #2d20142e}.pet-name-random-button span{margin-right:3px}.pet-name-random-button:disabled{cursor:wait;opacity:.72}.pet-name-confirm-button{color:#fffaf0;background:#c4973c;grid-column:2/-1;padding:9px 12px}.pet-name-gacha.is-drawing .gacha-capsules{transform-origin:69px 51px;animation:.24s linear infinite petNameCapsuleShuffle}.pet-name-gacha.is-drawing .gacha-handle{transform-origin:130px 97px;animation:.42s ease-in-out infinite petNameGachaHandle}.pet-name-tabs{scrollbar-width:none;flex-shrink:0;gap:7px;padding:0 14px 10px;display:flex;overflow-x:auto}.pet-name-tabs::-webkit-scrollbar{display:none}.pet-name-tabs button{appearance:none;color:#68462e;cursor:pointer;white-space:nowrap;background:#fff9;border:1px solid #8c665233;border-radius:999px;flex:none;min-height:34px;padding:7px 10px;font-family:inherit;font-size:10px;font-weight:850}.pet-name-tabs button span{margin-right:3px}.pet-name-tabs button.is-on{color:#f8e7b0;background:#2d2014;border-color:#2d2014}.pet-name-list{min-height:0;padding:0 14px calc(15px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;overflow-y:auto}.pet-name-list button{appearance:none;color:#4e3423;cursor:pointer;background:#ffffffb8;border:1px solid #8c66522e;border-radius:13px;min-width:0;min-height:43px;padding:8px 4px;font-family:inherit;font-size:12px;font-weight:850}.pet-name-list button.is-selected{color:#f0e6cc;background:#2d2014;border-color:#c4973c;box-shadow:0 5px 12px #2d201429}.pet-name-list button span{color:#f4c862;margin-left:3px}@keyframes petNameCapsuleShuffle{0%{transform:rotate(-7deg)translateY(0)}50%{transform:rotate(8deg)translateY(-3px)}to{transform:rotate(-7deg)translateY(0)}}@keyframes petNameGachaHandle{0%,to{transform:rotate(0)}50%{transform:rotate(115deg)}}@container app (width<=390px){.pet-name-gacha{grid-template-columns:62px minmax(0,1fr)}.pet-name-gacha-machine{width:62px}.pet-name-random-button,.pet-name-confirm-button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.pet-name-gacha.is-drawing .gacha-capsules,.pet-name-gacha.is-drawing .gacha-handle{animation:none}}.flow-beginner-fields input{color:#382719;background:#ffffffd1;border:1px solid #c4973c59;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:15px;font-weight:800;box-shadow:0 4px 14px #2d20140d}.flow-beginner-fields input:focus{border-color:#c4973c;box-shadow:0 0 0 3px #c4973c1f}.flow-beginner-fields textarea{box-sizing:border-box;resize:vertical;color:#382719;background:#ffffffd1;border:1px solid #c4973c59;border-radius:16px;outline:none;width:100%;min-height:62px;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.5;box-shadow:0 4px 14px #2d20140d}.flow-beginner-fields textarea:focus{border-color:#c4973c;box-shadow:0 0 0 3px #c4973c1f}.flow-beginner-input-wrap{position:relative}.flow-beginner-fields .flow-beginner-input-wrap.has-mic input,.flow-beginner-fields .flow-beginner-input-wrap.has-mic textarea{padding-right:52px}.flow-beginner-input-wrap.is-multiline .flow-beginner-mic{top:9px;transform:none}.flow-beginner-input-wrap.is-multiline .flow-beginner-mic:active,.flow-beginner-input-wrap.is-multiline .flow-beginner-mic.is-recording{transform:scale(.96)}.flow-studio-fields{width:100%}.flow-studio-body .flow-photo-shrink-btn{width:min(100%,320px)}@container app (width>=640px){.flow-studio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-studio-fields label:nth-child(n+3){grid-column:1/-1}}.flow-advanced-jacket-info{background:#faf6f0b8;border:1px solid #c4973c40;border-radius:18px;padding:12px}.flow-advanced-jacket-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.flow-advanced-jacket-fields label{min-width:0}.flow-advanced-jacket-fields label:nth-child(5){grid-column:1/-1}.flow-advanced-jacket-fields label>span{font-size:11px}.flow-advanced-jacket-fields input,.flow-advanced-jacket-fields textarea{padding-left:11px;font-size:12px}.flow-beginner-mic{color:#5a3a20;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#c4973c24;border:0;border-radius:12px;width:36px;height:36px;font-size:18px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.flow-beginner-mic:active,.flow-beginner-mic.is-recording{color:#fff;background:#c0392b;transform:translateY(-50%)scale(.96)}.flow-beginner-mic.is-busy{opacity:.7;cursor:wait}.flow-beginner-mic.is-again{color:#5a3a20;background:#5a3a201f}.flow-beginner-again-icon{pointer-events:none;width:18px;height:18px;display:block}.flow-beginner-mic:disabled{opacity:.45;cursor:not-allowed}.flow-beginner-mic-wave{z-index:20;pointer-events:none;background:#2c2c2e;border-radius:999px;align-items:center;gap:8px;width:min(220px,100%);height:38px;padding:0 12px;animation:.14s ease-out flowBeginnerMicWaveIn;display:flex;position:absolute;bottom:calc(100% + 9px);right:0;box-shadow:0 10px 24px #00000059}.flow-beginner-mic-wave.is-floating{z-index:120;position:fixed}.flow-beginner-mic-wave:after{content:"";background:#2c2c2e;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-5px;right:20px;transform:rotate(45deg)}.flow-beginner-mic-wave-time{font-variant-numeric:tabular-nums;color:#f5f5f7;letter-spacing:.02em;flex-shrink:0;font-size:11px;font-weight:800}.flow-beginner-mic-wave-bars{flex:auto;justify-content:space-between;align-items:center;gap:2px;min-width:0;height:20px;display:flex}.flow-beginner-mic-wave-bar{background:#6b6b70;border-radius:999px;flex:1 1 0;min-width:2px;transition:height 90ms linear}.flow-beginner-mic-wave-bar.is-filled{background:#0a84ff}@keyframes flowBeginnerMicWaveIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flow-beginner-fields small{color:#a1846b;font-size:var(--flow-field-hint-size,10px);font-weight:700}.flow-beginner-pet-type-block{gap:10px;display:grid}.pet-catalog{gap:8px;display:grid}.pet-catalog-hint{color:#8a6a4a;letter-spacing:-.02em;margin:0;font-size:12px;font-weight:700}.pet-catalog-random{appearance:none;color:#5a3a20;letter-spacing:-.03em;cursor:pointer;background:linear-gradient(#fff8e8 0%,#f6dfa8 100%);border:1px solid #c4973c73;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 4px 12px #2d20141a}.pet-catalog-random:disabled{cursor:default;opacity:.92}.pet-catalog-random:active{transform:scale(.98)}.pet-catalog-tabs,.pet-catalog-subs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin:0 -2px;padding:2px 2px 6px;display:flex;overflow:auto hidden}.pet-catalog-tabs::-webkit-scrollbar{display:none}.pet-catalog-subs::-webkit-scrollbar{display:none}.pet-catalog-tab,.pet-catalog-sub,.pet-catalog-chip{appearance:none;letter-spacing:-.03em;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-weight:800;display:inline-flex}.pet-catalog-tab{color:#5a3a20;background:#ffffffc7;border:1px solid #c4973c59;min-height:36px;padding:6px 12px;font-size:13px}.pet-catalog-tab.is-on{color:#4a2e12;background:linear-gradient(#ffe9a3 0%,#f4c24a 100%);border:2px solid #c4973c;box-shadow:0 2px #a87a28}.pet-catalog-sub{color:#6b4a30;background:#fff8e8eb;border:1px solid #c4973c47;min-height:30px;padding:5px 10px;font-size:12px}.pet-catalog-sub.is-on{color:#fff8e9;background:linear-gradient(#6b4630 0%,#3d2718 100%);border-color:#2d2014}.pet-catalog-chips{-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:6px;max-height:min(42vh,240px);padding:2px 0 4px;display:flex;overflow-y:auto}.pet-catalog-chip{color:#382719;background:#ffffffe6;border:1px solid #c4973c52;min-height:34px;padding:6px 10px;font-size:12px}.pet-catalog-chip.is-on{color:#4a2e12;background:#ffe5d4;border-color:#ff7a3d;box-shadow:0 0 0 2px #ff7a3d29}.flow-beginner-next,.flow-beginner-generate{appearance:none;color:#fff8e9;cursor:pointer;background:linear-gradient(135deg,#3a2819,#5a3d24);border:1px solid #c4973c80;border-radius:18px;flex-shrink:0;width:min(100%,520px);padding:16px 20px;font-size:14px;font-weight:900;box-shadow:0 10px 24px #2d20142e}.flow-beginner-next:active,.flow-beginner-generate:active{transform:translateY(2px)}.flow-beginner-style{gap:12px}.flow-beginner-style>.flow-beginner-next{margin-top:auto}.flow-beginner-section{width:min(100%,720px)}.flow-beginner-style .flow-beginner-section+.flow-beginner-section{margin-top:14px}.flow-beginner-section-head{justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;display:flex}.flow-beginner-section-head h3{margin:0}.flow-choice-chip{letter-spacing:-.03em;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:38px;padding:8px 18px;font-size:16px;font-weight:900;line-height:1;display:inline-flex}.flow-choice-chip.is-multi{color:#4a2e12;background:linear-gradient(#ffe9a3 0%,#f4c24a 100%);border:2px solid #c4973c;box-shadow:0 3px #a87a28,0 6px 12px #a87a2838}.flow-choice-chip.is-single{color:#fff8e9;background:linear-gradient(#6b4630 0%,#3d2718 100%);border:2px solid #2d2014;box-shadow:0 3px #2d2014,0 6px 12px #2d201438}.flow-trait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.flow-trait-grid button{appearance:none;color:#6f523d;word-break:keep-all;cursor:pointer;background:#ffffffc2;border:1px solid #c4973c47;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:68px;padding:9px 5px;font-size:11px;font-weight:900;line-height:1.2;transition:all .15s;display:flex}.flow-trait-grid button span{font-size:22px}.flow-trait-grid button.selected{color:#5a3a20;background:#fff1c8;border-color:#c4973c;transform:translateY(-2px);box-shadow:0 0 0 2px #c4973c24}.flow-mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.flow-mood-card{appearance:none;cursor:pointer;text-align:left;background:#fff;border:2px solid #0000;border-radius:20px;min-height:190px;padding:0;transition:transform .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 8px 22px #2d20141c}.flow-mood-card.selected{border-color:#c4973c;transform:translateY(-3px)}.flow-mood-art{justify-content:center;align-items:center;gap:16px;height:120px;font-size:42px;display:flex;position:relative}.flow-mood-art b{filter:drop-shadow(0 5px 5px #2d201426);font-size:46px}.flow-mood-art i{font-size:38px;font-style:normal}.flow-mood-card.is-party .flow-mood-art{background:linear-gradient(145deg,#d3b5ff,#ff9fd1)}.flow-mood-card.is-warm .flow-mood-art{background:linear-gradient(145deg,#b26e46,#f0b676)}.flow-mood-card.is-cute .flow-mood-art{background:linear-gradient(145deg,#fff0d7,#ffd8d8)}.flow-mood-card.is-royal .flow-mood-art{background:linear-gradient(145deg,#d4b36a,#7a4e1e)}.flow-mood-card.is-lullaby .flow-mood-art{background:linear-gradient(145deg,#b9c7f2,#6d7bb8)}.flow-mood-card.is-healing .flow-mood-art{background:linear-gradient(145deg,#d7efc8,#8fbf84)}.flow-mood-copy{padding:10px 11px 12px;display:block}.flow-mood-copy strong,.flow-mood-copy small{display:block}.flow-mood-copy strong{color:#4b3524;font-size:11px;font-weight:900;line-height:1.35}.flow-mood-copy small{color:#a1846b;margin-top:3px;font-size:9px;font-weight:700}.flow-mood-check{color:#8c6652;background:#fff8e9;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:900;display:none;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #2d201426}.flow-mood-card.selected .flow-mood-check{display:flex}.flow-beginner-create{gap:16px}.flow-beginner-package{--beginner-cd-size:clamp(170px, 40cqw, 250px);--beginner-cd-tuck:.52;--beginner-centre-nudge:calc(var(--beginner-cd-size) * (1 - var(--beginner-cd-tuck)) / 2);width:min(100%,620px);min-height:260px;transform:translateX(min(var(--beginner-centre-nudge), 18px));flex:auto;justify-content:center;align-items:center;padding:20px 0;display:flex;position:relative}.flow-beginner-jacket{aspect-ratio:1;z-index:2;background:#fff;justify-content:center;align-items:center;width:clamp(190px,43cqw,280px);display:flex;overflow:hidden;box-shadow:0 20px 46px #2d20143d}.flow-beginner-jacket img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flow-beginner-cd{width:var(--beginner-cd-size);aspect-ratio:1;margin-left:calc(var(--beginner-cd-size) * var(--beginner-cd-tuck) * -1);background:repeating-radial-gradient(circle,#0000 0 6px,#ffffff47 7px 8px),conic-gradient(#ffb7c9,#ffe58f,#9ee7e5,#bcb4ff,#ffb7c9);border-radius:999px;justify-content:center;align-items:center;animation:2.8s ease-in-out infinite beginnerCdFloat;display:flex;box-shadow:0 18px 40px #2d20142e}.flow-beginner-cd>span{aspect-ratio:1;background:#f8f4ec;border:7px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;width:34%;display:flex;position:relative;overflow:hidden}.flow-beginner-cd .flow-dalbit-watermark{font-size:6px;top:3px;right:3px}.flow-beginner-cd img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flow-beginner-package.is-making .flow-beginner-cd{animation:1.2s linear infinite beginnerCdSpin}@keyframes beginnerCdSpin{to{transform:rotate(360deg)}}@keyframes beginnerCdFloat{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-7px)}}@container app (width>=720px){.flow-beginner-package{transform:translateX(var(--beginner-centre-nudge))}}.flow-beginner-summary{flex-wrap:wrap;justify-content:center;gap:6px;width:min(100%,620px);display:flex}.flow-beginner-summary span{color:#7b5b42;background:#ffffffb3;border:1px solid #c4973c47;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.flow-beginner-generate{isolation:isolate;position:relative;overflow:hidden}.flow-beginner-generate:disabled{cursor:wait}.flow-beginner-progress{z-index:-1;background:linear-gradient(90deg,#d78a9c,#c4973c);width:0;position:absolute;inset:0 auto 0 0}.flow-beginner-generate.loading .flow-beginner-progress{animation:90s cubic-bezier(.1,.5,.2,1) forwards beginnerProgress}@keyframes beginnerProgress{0%{width:4%}to{width:94%}}.flow-beginner-generate-label{z-index:1;position:relative}.flow-beginner-making-copy,.flow-beginner-create-hint{text-align:center;color:#8c6652;min-height:42px;margin:0;font-size:11px;font-weight:700;line-height:1.5}.flow-refund-link{appearance:none;color:#8c6652;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin-top:-8px;padding:2px 6px;font-size:11px;font-weight:800;-webkit-text-decoration:underline #c4973c8c;text-decoration:underline #c4973c8c}.flow-refund-link:hover{color:#5a3a20}.flow-beginner-making-copy{justify-content:center;align-items:center;gap:9px;display:flex}.flow-beginner-making-copy>span{font-size:25px;animation:.9s ease-in-out infinite alternate beginnerNote}.flow-beginner-making-copy p{text-align:left;margin:0}@keyframes beginnerNote{to{transform:translateY(-5px)rotate(8deg)}}@container app (width<=600px){.flow-level-grid{grid-template-columns:1fr;gap:20px;width:min(100%,380px);padding-top:14px}.flow-level-card{border-radius:22px;gap:3px;min-height:112px;padding:12px 14px}.flow-level-icon{font-size:26px}.flow-level-title{font-size:20px}.flow-level-desc{margin-top:1px;line-height:1.35}.flow-level-cta{margin-top:4px}.flow-beginner-profile-body,.flow-jacket-profile.is-identity{grid-template-columns:1fr;align-content:start;gap:20px}.flow-polaroid-stack,.flow-polaroid-upload{width:min(72cqw,270px)}.flow-jacket-profile.is-identity .flow-polaroid-stack,.flow-jacket-profile.is-identity .flow-polaroid-upload{width:max(140px,min(72cqw,270px,100dvh - 430px))}.flow-jacket-profile.is-stickers .flow-polaroid-stack,.flow-jacket-profile.is-stickers .flow-polaroid-upload{width:min(72cqw,270px,100dvh - 505px)}.flow-studio-top{gap:12px}.flow-studio-photo-col{--studio-polaroid:clamp(126px, 40cqw, 150px)}.flow-studio-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(29px,1fr));gap:5px;padding:6px}.flow-studio-sticker-btn{font-size:17px}.flow-beginner-fields{gap:12px;width:100%}.pet-catalog-chips{max-height:min(36vh,200px)}.pet-catalog-tab{min-height:34px;font-size:12px}.flow-beginner-section-head{flex-wrap:wrap}.flow-choice-chip{min-height:36px;padding:7px 14px;font-size:15px}.flow-trait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-trait-grid button{flex-direction:row;min-height:56px}.flow-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.flow-mood-card{border-radius:15px;min-height:156px}.flow-mood-art{gap:7px;height:92px}.flow-mood-art b{font-size:34px}.flow-mood-art i{font-size:27px}.flow-mood-copy{padding:8px 7px 9px}.flow-beginner-package{--beginner-cd-size:min(48cqw, 200px)}.flow-beginner-jacket{width:min(58cqw,235px)}}@container app (width<=600px) and (height<=720px){.flow-beginner{padding-top:max(10px, env(safe-area-inset-top,0px));gap:8px}.flow-deck.is-jacket-pinned .flow-jacket-panel.flow-fullbleed{padding-top:max(10px, env(safe-area-inset-top,0px))}.flow-beginner-head{min-height:68px}.flow-beginner-head h2,.flow-jacket-head h2{font-size:19px}.flow-jacket-head,.flow-deck.is-jacket-pinned .flow-jacket-head{min-height:68px;padding-top:0}.flow-beginner-profile-body,.flow-jacket-profile.is-identity{gap:12px;padding:4px 0 10px}.flow-polaroid-stack,.flow-polaroid-upload{width:min(55cqw,220px)}.flow-jacket-profile.is-identity .flow-polaroid-stack,.flow-jacket-profile.is-identity .flow-polaroid-upload{width:max(120px,min(55cqw,220px,100dvh - 500px))}.flow-jacket-profile.is-identity .flow-polaroid-upload strong{margin-top:8px;font-size:11px}.flow-jacket-profile.is-identity .flow-polaroid-upload small{font-size:9px}.flow-polaroid-upload{padding:10px 10px 14px}.flow-jacket-profile.is-details .flow-polaroid-stack,.flow-jacket-profile.is-details .flow-polaroid-upload{width:max(150px,min(55cqw,220px,100dvh - 520px))}.flow-jacket-profile.is-stickers{gap:6px;padding:0}.flow-jacket-profile.is-stickers .flow-polaroid-stack,.flow-jacket-profile.is-stickers .flow-polaroid-upload{width:min(55cqw,220px,100dvh - 483px)}.flow-jacket-profile.is-stickers .flow-polaroid-upload{padding:7px 7px 9px}.flow-jacket-profile.is-stickers .flow-polaroid-upload strong{margin-top:6px;font-size:10px}.flow-jacket-profile.is-stickers .flow-polaroid-upload small{margin-top:2px;font-size:8px}.flow-jacket-profile.is-stickers .flow-studio-sticker-col{gap:3px}.flow-jacket-profile.is-stickers .flow-studio-sticker-grid{-moz-column-gap:2px;gap:0 2px;padding:3px}.flow-jacket-profile.is-stickers .flow-studio-sticker-btn{font-size:14px}.flow-jacket-profile.is-stickers .flow-studio-sticker-hint{font-size:8px}.flow-jacket-profile.is-stickers .flow-jacket-wish-field{gap:3px}.flow-studio-body{gap:12px;padding:4px 0 10px}.flow-studio-photo-col{--studio-polaroid:clamp(116px, 34cqw, 138px)}.flow-mood-card{min-height:138px}.flow-mood-art{height:78px}.flow-beginner-package{min-height:210px;padding:4px 0}}@media (height<=720px){.flow-deck.is-jacket-pinned .flow-jacket-scroll.is-pane-details .flow-jacket-profile.is-details{gap:8px;padding:2px 0 4px}.flow-jacket-profile.is-details .flow-beginner-fields{gap:8px}.flow-jacket-profile.is-details .flow-polaroid-upload{padding:10px 10px 14px}.flow-jacket-profile.is-details .flow-polaroid-upload strong{margin-top:8px;font-size:11px}.flow-jacket-profile.is-details .flow-polaroid-upload small{font-size:9px}}@media (height<=560px){.flow-jacket-profile.is-identity .flow-polaroid-stack{display:none}.flow-jacket-profile.is-identity{gap:8px;padding:2px 0 6px}.flow-jacket-pane-track.is-identity .flow-beginner-fields{gap:8px}}@media (height<=400px){.flow-jacket-profile.is-identity{gap:6px;padding:0 0 4px}.flow-jacket-pane-track.is-identity .flow-beginner-fields{gap:6px}}.flow-rec-panel{box-sizing:border-box;text-align:center;background:#f8f4ec;border:1px solid #1a8a8247;padding:14px 14px 16px}.flow-fullbleed .flow-rec-head{padding-right:calc(34px + env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative}.flow-rec-head>.flow-step-badge{justify-self:start}.flow-rec-head>.flow-mic-title{text-align:center;grid-column:2}.flow-rec-title{color:#0f3d3c;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:900}.flow-rec-clear{color:#94e2d9d9;font-size:10px;font-weight:800;text-decoration:underline;position:absolute;top:50%;right:0;transform:translateY(-50%)}.flow-rec-clear:disabled{opacity:.4}.flow-rec-sub{color:#5eead4;margin:6px 0 12px;font-size:12px;font-weight:800;line-height:1.4}.flow-rec-hero{width:min(100%,220px);margin-bottom:10px}.flow-rec-ready{color:#0f3d3c;letter-spacing:.08em;background:#f2fbf9;border:1px solid #1a8a8259;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:132px;margin:0 auto 12px;padding:10px 18px;font-size:13px;font-weight:900;display:inline-flex}.flow-rec-ready.is-on{color:#e7f5f3;background:#0d5c58;border-color:#2dd4bf80}.flow-rec-ready:disabled{opacity:.45}.flow-rec-cols{justify-content:center;margin-top:10px;display:flex}.flow-rec-credit{color:#e7f5f3e0;text-align:left;white-space:pre-line;word-break:break-word;background:#0f3d3c47;border:1px solid #2dd4bf47;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:11px;font-weight:700;line-height:1.5}.flow-rec-credit a{color:#5eead4;word-break:break-all;font-weight:800}.flow-rec-greeting-row{justify-content:flex-start;align-items:center;gap:10px;width:100%;min-width:0;max-width:420px;display:flex}.flow-rec-greeting-row>.flow-rec-upload{margin-left:auto}.flow-rec-pad{appearance:none;cursor:pointer;background:#000;border:0;border-radius:50%;flex:none;width:108px;height:108px;padding:0;overflow:hidden;box-shadow:0 10px 24px #00000059}.flow-rec-pad img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.flow-rec-pad:disabled{opacity:.45;cursor:wait}.flow-rec-pad:active:not(:disabled){transform:scale(.96)}.flow-rec-live-wave{background:#2c2c2e;border-radius:999px;flex:auto;align-items:center;gap:8px;min-width:0;height:38px;padding:0 12px;display:flex;position:relative;box-shadow:0 8px 20px #00000047}.flow-rec-live-wave-time{font-variant-numeric:tabular-nums;color:#f5f5f7;flex-shrink:0;font-size:11px;font-weight:800}.flow-rec-live-wave-bars{flex:auto;justify-content:space-between;align-items:center;gap:2px;min-width:0;height:20px;display:flex}.flow-rec-live-wave-bar{background:#6b6b70;border-radius:999px;flex:1 1 0;min-width:2px}.flow-rec-live-wave-bar.is-filled{background:#0a84ff}.flow-rec-listen{appearance:none;color:#e7f5f3;cursor:pointer;background:#2dd4bf2e;border:1px solid #2dd4bf73;border-radius:999px;flex:none;min-width:64px;height:38px;padding:0 14px;font-size:13px;font-weight:900}.flow-rec-listen:disabled{opacity:.5}.flow-rec-upload.is-icon{border-radius:12px;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;min-height:38px;padding:0}.flow-rec-upload-ico{width:20px;height:20px;display:block}.flow-rec-col{flex-direction:column;gap:8px;min-width:0;display:flex}.flow-rec-col.is-left,.flow-rec-col.is-right{align-items:stretch}.flow-rec-max{color:#fde68a;letter-spacing:-.03em;text-shadow:0 0 10px #fde68a73;font-size:1.18em;font-weight:900}.flow-rec-part-start{letter-spacing:-.01em;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:40px;padding:8px 10px;font-size:12px;font-weight:900;line-height:1.25;transition:transform .12s,filter .15s,background .2s,border-color .2s;display:inline-flex}.flow-rec-btn-ico{flex-shrink:0;font-size:14px;line-height:1}.flow-rec-part-start.is-traits{color:#f0fdf4;background:linear-gradient(145deg,#22c55e,#16a34a);border-color:#16a34a73;box-shadow:0 4px 12px #16a34a38}.flow-rec-part-start.is-traits.is-done{color:#052e16;background:#4ade80;border-color:#15803d73}.flow-rec-part-start.is-greeting{color:#14532d;background:linear-gradient(145deg,#86efac,#4ade80);border-color:#16a34a59;box-shadow:0 4px 12px #16a34a29}.flow-rec-part-start.is-greeting.is-ready{color:#eff6ff;background:linear-gradient(145deg,#3b82f6,#2563eb);border-color:#2563eb80;box-shadow:0 4px 12px #2563eb47}.flow-rec-part-start.is-greeting.is-done{color:#172554;background:#60a5fa;border-color:#1d4ed866}.flow-rec-part-start.is-recording{color:#fff;background:linear-gradient(145deg,#ef4444,#b91c1c);border-color:#f8717180;box-shadow:0 4px 12px #b91c1c38}.flow-rec-part-start:hover:not(:disabled){filter:brightness(1.04)}.flow-rec-part-start:active:not(:disabled){transform:scale(.98)}.flow-rec-part-start:disabled{opacity:.42}.flow-rec-upload{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;padding:8px 10px;font-size:12px;font-weight:900;display:inline-flex}.flow-rec-upload.is-traits{color:#166534;background:#bbf7d0;border-color:#22c55e59}.flow-rec-upload.is-traits:hover:not(:disabled){filter:brightness(1.03)}.flow-rec-upload.is-greeting{color:#1e3a8a;background:#dbeafe;border-color:#2563eb4d}.flow-rec-upload.is-greeting:hover:not(:disabled){filter:brightness(1.03)}.flow-rec-upload:disabled{opacity:.42}.flow-rec-traits-text{color:#0f3d3c;text-align:left;background:#ffffffbf;border:1px solid #1a8a8233;border-radius:12px;margin:10px 0 0;padding:8px 10px;font-size:10px;font-weight:700;line-height:1.4}.flow-rec-retry{color:#0d5c58;background:#fff;border:1px solid #1a8a8259;border-radius:12px;width:100%;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:900}.flow-rec-ext{color:#e7f5f399;margin:12px 0 0;font-size:10px;font-weight:700;line-height:1.45}@container app (width>=640px){.flow-rec-panel{padding:18px 20px 20px}.flow-rec-title{font-size:20px}}.flow-about-slide{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:min(70dvh,640px);padding:48px 12px 36px;display:flex}.flow-about-card{text-align:center;background:radial-gradient(120% 80% at 50% 0,#c4973c29,#0000 55%),linear-gradient(#f8f4ec 0%,#efe6d4 100%);border:1px solid #c4973c59;border-radius:24px;width:min(100%,420px);padding:28px 22px 24px;box-shadow:0 16px 36px #2d20141a}.flow-about-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#c4973ce6;margin:0;font-size:10px;font-weight:800}.flow-about-title{letter-spacing:-.02em;color:#2d2014;margin:8px 0 0;font-size:clamp(1.35rem,4.5cqw,1.7rem);font-weight:900}.flow-about-block{margin-top:22px}.flow-about-label{color:#9b7a4a;margin:0;font-size:12px;font-weight:800}.flow-about-version{letter-spacing:.02em;color:#2d2014;margin:6px 0 0;font-size:15px;font-weight:900}.flow-about-build{letter-spacing:.02em;color:#9b7a4ad9;margin:4px 0 0;font-size:10px;font-weight:700}.flow-about-copy{text-align:center;flex-direction:column;gap:12px;margin-top:22px;display:flex}.flow-about-copy p{color:#5a3a20e0;margin:0;font-size:13px;font-weight:600;line-height:1.65}.flow-about-link{color:#8c6652;text-underline-offset:3px;word-break:break-all;font-weight:800;text-decoration:underline}.flow-about-link:hover{color:#5a3a20}.flow-about-copyright{color:#9b7a4a;letter-spacing:-.01em;margin:28px 0 0;font-size:11px;font-weight:700}.song-detail-root{top:0;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:70;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed}.song-detail-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#20160a73;border:0;margin:0;padding:0;animation:.22s both songDetailFadeIn;position:absolute;inset:0}.song-detail-sheet{pointer-events:auto;background:radial-gradient(120% 70% at 50% 0,#ffecaaf2,#0000 58%),linear-gradient(#fff4cc 0%,#f7e4a4 45%,#efd078 100%);border:1px solid #c4973c66;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-height:min(92%,760px);animation:.32s cubic-bezier(.22,1,.36,1) both songDetailSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 -18px 40px #2d201447}.song-detail-handle{background:#8c665259;border-radius:999px;flex-shrink:0;width:42px;height:4px;margin:10px auto 0}.song-detail-top{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 6px;display:flex}.song-detail-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#8c6652bf;margin:0;font-size:10px;font-weight:800}.song-detail-close{color:#5a3a20;background:#ffffff8c;border:1px solid #8c665259;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900}.song-detail-scroll{text-align:center;flex:auto;min-height:0;padding:4px 20px 22px;overflow-y:auto}.song-detail-jacket{aspect-ratio:1;background:#1e1810;border:1px solid #c4973c66;border-radius:26px;width:min(100%,280px);margin:4px auto 16px;overflow:hidden;box-shadow:0 18px 36px #5a3a2040}.song-detail-jacket img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.song-detail-jacket-empty{background:#2a2118;place-items:center;width:100%;height:100%;font-size:64px;display:grid}.song-detail-title{letter-spacing:-.02em;color:#2d2014;margin:0;font-size:clamp(1.25rem,4.8cqw,1.6rem);font-weight:900}.song-detail-meta{gap:8px;margin:14px 0 0;display:grid}.song-detail-meta>div{background:#ffffff8c;border:1px solid #c4973c47;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.song-detail-meta dt{color:#9b7a4a;margin:0;font-size:11px;font-weight:800}.song-detail-meta dd{color:#2d2014;text-align:right;margin:0;font-size:13px;font-weight:900}.song-detail-qr-block{margin-top:18px}.song-detail-qr-label{letter-spacing:.08em;color:#8c6652;margin:0 0 8px;font-size:11px;font-weight:900}.song-detail-qr{aspect-ratio:1;background:#fff8e8;border:1px solid #c4973c59;border-radius:20px;place-items:center;width:min(100%,220px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 10px 24px #5a3a201f}.song-detail-qr img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.song-detail-qr-status{color:#9b7a4a;margin:0;padding:16px;font-size:12px;font-weight:800}.song-detail-qr-hint{color:#5a3a20b8;word-break:keep-all;margin:8px 0 0;font-size:11px;font-weight:700;line-height:1.5}.song-detail-url{color:#5a3a208c;word-break:break-all;margin:8px 0 0;font-size:10px;font-weight:700}.song-detail-brand{color:#5a3a20cc;gap:2px;margin:10px 0 0;font-size:11px;font-weight:900;display:grid}.song-detail-brand span{color:#5a3a2099;word-break:break-all;font-size:10px;font-weight:700}.song-detail-actions{gap:8px;margin-top:16px;display:grid}.song-detail-btn{border:1px solid #8c665247;border-radius:16px;width:100%;min-height:46px;font-size:13px;font-weight:900;transition:transform .12s,filter .15s}.song-detail-btn:active:not(:disabled){transform:scale(.98)}.song-detail-btn:disabled{opacity:.5;cursor:not-allowed}.song-detail-btn.is-play{color:#1e1810;background:linear-gradient(135deg,#c4973c,#a87b30);border-color:#0000}.song-detail-btn.is-share{color:#5a3a20;background:#ffffffb8}.song-detail-btn.is-qr{color:#f0e6cc;background:#2d2014;border-color:#c4973c59}.song-detail-btn.is-print{color:#5a3a20;background:#ffffffb8;border-color:#8c665273}@keyframes songDetailFadeIn{0%{opacity:0}to{opacity:1}}@keyframes songDetailSlideUp{0%{opacity:.6;transform:translateY(28%)}to{opacity:1;transform:translateY(0)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.sticky{position:sticky}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.-right-1{right:calc(var(--spacing) * -1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.z-\[52\]{z-index:52}.z-\[55\]{z-index:55}.z-\[56\]{z-index:56}.z-\[57\]{z-index:57}.z-\[58\]{z-index:58}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.z-\[120\]{z-index:120}.z-\[130\]{z-index:130}.z-\[400\]{z-index:400}.z-\[10050\]{z-index:10050}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.contents{display:contents}.hidden\!{display:none!important}.inline-flex{display:inline-flex}.aspect-\[0\.76\]{aspect-ratio:.76}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-\[7\.25rem\]{height:7.25rem}.h-\[18px\]{height:18px}.h-\[66px\]{height:66px}.h-fit{height:fit-content}.max-h-\[88dvh\]{max-height:88dvh}.min-h-0{min-height:0}.min-h-\[120px\]{min-height:120px}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-\[7\.25rem\]{width:7.25rem}.w-\[18px\]{width:18px}.w-max{width:max-content}.max-w-\[720px\]{max-width:720px}.max-w-\[min\(18rem\,calc\(100cqw-2rem\)\)\]{max-width:min(18rem,100cqw - 2rem)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-\[1ch\]{min-width:1ch}.min-w-\[2\.25rem\]{min-width:2.25rem}.min-w-\[28px\]{min-width:28px}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.resize{resize:both}.resize-none{resize:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.place-items-center{place-items:center}.items-start{align-items:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-black\/5>:not(:last-child)){border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){:where(.divide-black\/5>:not(:last-child)){border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.rounded-\[28px\]{border-radius:28px}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[\#8c6652\]\/55{border-color:oklab(54.4042% .0379783 .043458/.55)}.border-\[\#3182f6\]{border-color:#3182f6}.border-\[\#c4973c\]{border-color:#c4973c}.border-\[\#c4973c\]\/45{border-color:oklab(70.209% .0167316 .118302/.45)}.border-\[\#c4973c\]\/50{border-color:oklab(70.209% .0167316 .118302/.5)}.border-\[\#e2d9c9\]{border-color:#e2d9c9}.border-\[\#e8c76b\]{border-color:#e8c76b}.border-\[\#ff6b81\]\/50{border-color:oklab(71.6163% .175299 .043152/.5)}.border-\[\#ffd166\]\/60{border-color:oklab(88.0303% .00925696 .13446/.6)}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/50{border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-slate-300{border-color:var(--color-slate-300)}@supports (color:color-mix(in lab, red, red)){.border-slate-400\/40{border-color:color-mix(in oklab, var(--color-slate-400) 40%, transparent)}}@supports (color:color-mix(in lab, red, red)){.border-slate-400\/60{border-color:color-mix(in oklab, var(--color-slate-400) 60%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#1e1810\]{background-color:#1e1810}.bg-\[\#2a2218\]{background-color:#2a2218}.bg-\[\#0064ff\]{background-color:#0064ff}.bg-\[\#3182f6\]{background-color:#3182f6}.bg-\[\#c4973c\]{background-color:#c4973c}.bg-\[\#eee7dc\]{background-color:#eee7dc}.bg-\[\#f5ede0\]{background-color:#f5ede0}.bg-\[\#f7f3ea\]{background-color:#f7f3ea}.bg-\[\#f8f5ef\]{background-color:#f8f5ef}.bg-\[\#fdf3dd\]{background-color:#fdf3dd}.bg-\[\#ffb703\]{background-color:#ffb703}.bg-\[\#fffdf8\]{background-color:#fffdf8}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/60{background-color:color-mix(in oklab, var(--color-amber-50) 60%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/50{background-color:color-mix(in oklab, var(--color-slate-100) 50%, transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.object-contain{-o-object-fit:contain;object-fit:contain}.p-5{padding:calc(var(--spacing) * 5)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.pb-\[calc\(8rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[24px\]{font-size:24px}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1e1810\]{color:#1e1810}.text-\[\#5a4a38\]{color:#5a4a38}.text-\[\#6b5a48\]{color:#6b5a48}.text-\[\#6e6258\]{color:#6e6258}.text-\[\#7a6a58\]{color:#7a6a58}.text-\[\#8a7860\]{color:#8a7860}.text-\[\#8b7664\]{color:#8b7664}.text-\[\#9f7650\]{color:#9f7650}.text-\[\#211b16\]{color:#211b16}.text-\[\#3182f6\]{color:#3182f6}.text-\[\#17130f\]{color:#17130f}.text-\[\#594735\]{color:#594735}.text-\[\#928477\]{color:#928477}.text-\[\#a67c56\]{color:#a67c56}.text-\[\#a8751f\]{color:#a8751f}.text-\[\#a8926a\]{color:#a8926a}.text-\[\#b42318\]{color:#b42318}.text-\[\#bfe8e3\]{color:#bfe8e3}.text-\[\#c4b59a\]{color:#c4b59a}.text-\[\#c4973c\]\/80{color:oklab(70.209% .0167316 .118302/.8)}.text-\[\#c4973c\]\/90{color:oklab(70.209% .0167316 .118302/.9)}.text-\[\#d8c8a8\]{color:#d8c8a8}.text-\[\#e7f5f3\]{color:#e7f5f3}.text-\[\#e34868\]{color:#e34868}.text-\[\#f5e6c8\]{color:#f5e6c8}.text-\[\#fda4af\]{color:#fda4af}.text-\[\#fda4af\]\/90{color:oklab(80.9664% .103928 .0214059/.9)}.text-\[\#ffd166\]{color:#ffd166}.text-emerald-700{color:var(--color-emerald-700)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-rose-600{color:var(--color-rose-600)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.decoration-\[\#928477\]{text-decoration-color:#928477}.decoration-slate-300{-webkit-text-decoration-color:var(--color-slate-300);text-decoration-color:var(--color-slate-300)}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[\#c4973c\]{accent-color:#c4973c}.opacity-45{opacity:.45}.opacity-60{opacity:.6}.shadow-blue-200{--tw-shadow-color:oklch(88.2% .059 254.128)}@supports (color:color-mix(in lab, red, red)){.shadow-blue-200{--tw-shadow-color:color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent)}}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-\[\#7a5543\]:is(:where(.group):hover *){color:#7a5543}.group-hover\:text-\[\#8c6652\]:is(:where(.group):hover *){color:#8c6652}}.placeholder\:text-\[\#8a7860\]::placeholder{color:#8a7860}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#8c6652\]:hover{border-color:#8c6652}.hover\:border-\[\#c4973c\]:hover{border-color:#c4973c}.hover\:border-\[\#c4973c\]\/50:hover{border-color:oklab(70.209% .0167316 .118302/.5)}.hover\:border-\[\#c4973c\]\/60:hover{border-color:oklab(70.209% .0167316 .118302/.6)}.hover\:border-indigo-500:hover{border-color:var(--color-indigo-500)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[\#02b351\]:hover{background-color:#02b351}.hover\:bg-\[\#3a2c1c\]:hover{background-color:#3a2c1c}.hover\:bg-\[\#3d2e1c\]:hover{background-color:#3d2e1c}.hover\:bg-\[\#7a5543\]:hover{background-color:#7a5543}.hover\:bg-\[\#0052d4\]:hover{background-color:#0052d4}.hover\:bg-\[\#FADA0A\]:hover{background-color:#fada0a}.hover\:bg-\[\#f0e8da\]:hover{background-color:#f0e8da}.hover\:bg-\[\#f0e9dc\]:hover{background-color:#f0e9dc}.hover\:bg-\[\#f3eadb\]:hover{background-color:#f3eadb}.hover\:bg-\[\#f5ede0\]:hover{background-color:#f5ede0}.hover\:bg-\[\#f5efe3\]:hover{background-color:#f5efe3}.hover\:bg-\[\#ffa000\]:hover{background-color:#ffa000}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-500:hover{background-color:var(--color-slate-500)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:from-\[\#3d2e1c\]:hover{--tw-gradient-from:#3d2e1c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[\#5a4030\]:hover{--tw-gradient-to:#5a4030;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[\#2d2014\]:hover{color:#2d2014}.hover\:text-\[\#7a6a58\]:hover{color:#7a6a58}.hover\:text-\[\#8c6652\]:hover{color:#8c6652}.hover\:text-\[\#17130f\]:hover{color:#17130f}.hover\:text-\[\#c4973c\]:hover{color:#c4973c}.hover\:text-\[\#f0e6cc\]:hover{color:#f0e6cc}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:items-center{align-items:center}.sm\:rounded-\[30px\]{border-radius:30px}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-1{inset:var(--spacing)}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-6{top:calc(var(--spacing) * 6)}.top-full{top:100%}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.-bottom-5{bottom:calc(var(--spacing) * -5)}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-\[calc\(50\%\+4px\)\]{left:calc(50% + 4px)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.mx-7{margin-inline:calc(var(--spacing) * 7)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-52{height:calc(var(--spacing) * 52)}.h-72{height:calc(var(--spacing) * 72)}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-72{width:calc(var(--spacing) * 72)}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-20{--tw-translate-y:calc(var(--spacing) * 20);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[1\.02\]{scale:1.02}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[spin_8s_linear_infinite\]{animation:8s linear infinite spin}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-bl-xl{border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#5c3d2e\]{border-color:#5c3d2e}.border-\[\#8c6652\]{border-color:#8c6652}.border-\[\#8c6652\]\/40{border-color:oklab(54.4041% .0379785 .043458/.4)}.border-\[\#FDD101\]{border-color:#fdd101}.border-\[\#c4973c\]\/15{border-color:oklab(70.209% .0167316 .118302/.15)}.border-\[\#c4973c\]\/20{border-color:oklab(70.209% .0167316 .118302/.2)}.border-\[\#c4973c\]\/25{border-color:oklab(70.209% .0167316 .118302/.25)}.border-\[\#c4973c\]\/30{border-color:oklab(70.209% .0167316 .118302/.3)}.border-\[\#c4973c\]\/40{border-color:oklab(70.209% .0167316 .118302/.4)}.border-\[\#d9c9a8\]{border-color:#d9c9a8}.border-\[\#e07a5f\]{border-color:#e07a5f}.border-\[\#e8d8c0\]{border-color:#e8d8c0}.border-\[\#ebdccb\]{border-color:#ebdccb}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/50{border-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/50{border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.border-red-800{border-color:var(--color-red-800)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-400\/40{border-color:#90a1b966}@supports (color:color-mix(in lab, red, red)){.border-slate-400\/40{border-color:color-mix(in oklab, var(--color-slate-400) 40%, transparent)}}.border-slate-400\/60{border-color:#90a1b999}@supports (color:color-mix(in lab, red, red)){.border-slate-400\/60{border-color:color-mix(in oklab, var(--color-slate-400) 60%, transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-white{border-color:var(--color-white)}.bg-\[\#2d2014\]{background-color:#2d2014}.bg-\[\#03C75A\]{background-color:#03c75a}.bg-\[\#8c6652\]{background-color:#8c6652}.bg-\[\#8c6652\]\/30{background-color:oklab(54.4041% .0379785 .043458/.3)}.bg-\[\#FEE500\]{background-color:#fee500}.bg-\[\#ede7da\]{background-color:#ede7da}.bg-\[\#f5ede0\]\/50{background-color:oklab(94.8837% .00331479 .019029/.5)}.bg-\[\#f5efe3\]{background-color:#f5efe3}.bg-\[\#f8f4ec\]{background-color:#f8f4ec}.bg-\[\#f8fafc\]{background-color:#f8fafc}.bg-amber-50\/60{background-color:#fffbeb99}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/60{background-color:color-mix(in oklab, var(--color-amber-50) 60%, transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-blue-400{background-color:var(--color-blue-400)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-red-950\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/50{background-color:#f1f5f980}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/50{background-color:color-mix(in oklab, var(--color-slate-100) 50%, transparent)}}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#2d2014\]{--tw-gradient-from:#2d2014;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#8c6652\]{--tw-gradient-from:#8c6652;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#c4973c\]{--tw-gradient-from:#c4973c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#c4973c\]\/60{--tw-gradient-via:oklab(70.209% .0167316 .118302/.6);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-300{--tw-gradient-via:var(--color-slate-300);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#4a3520\]{--tw-gradient-to:#4a3520;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#9b7a52\]\/50{--tw-gradient-to:oklab(60.1845% .0221702 .0653819/.5);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#a87b30\]{--tw-gradient-to:#a87b30;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#a87b67\]{--tw-gradient-to:#a87b67;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-pre-line{white-space:pre-line}.text-\[\#000000\]{color:#000}.text-\[\#2d2014\]{color:#2d2014}.text-\[\#5a3a20\]{color:#5a3a20}.text-\[\#5a3a20\]\/90{color:oklab(37.9857% .0311713 .0512437/.9)}.text-\[\#8c6652\]{color:#8c6652}.text-\[\#9b7a4a\]{color:#9b7a4a}.text-\[\#9b7a4a\]\/70{color:oklab(60.0472% .0188908 .0745243/.7)}.text-\[\#9b7a4a\]\/80{color:oklab(60.0472% .0188908 .0745243/.8)}.text-\[\#9b7a52\]{color:#9b7a52}.text-\[\#191919\]{color:#191919}.text-\[\#c4973c\]{color:#c4973c}.text-\[\#c4973c\]\/50{color:oklab(70.209% .0167316 .118302/.5)}.text-\[\#c4973c\]\/60{color:oklab(70.209% .0167316 .118302/.6)}.text-\[\#c4973c\]\/70{color:oklab(70.209% .0167316 .118302/.7)}.text-\[\#f0e6cc\]{color:#f0e6cc}.text-amber-900{color:var(--color-amber-900)}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-400{color:var(--color-red-400)}.text-slate-100{color:var(--color-slate-100)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-\[\#8c6652\]{accent-color:#8c6652}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-\[\#7a5543\]:is(:where(.group):hover *){color:#7a5543}.group-hover\:text-\[\#8c6652\]:is(:where(.group):hover *){color:#8c6652}}.placeholder\:text-slate-300::placeholder{color:var(--color-slate-300)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#8c6652\]:hover{border-color:#8c6652}.hover\:border-\[\#c4973c\]\/50:hover{border-color:oklab(70.209% .0167316 .118302/.5)}.hover\:border-indigo-500:hover{border-color:var(--color-indigo-500)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[\#02b351\]:hover{background-color:#02b351}.hover\:bg-\[\#3d2e1c\]:hover{background-color:#3d2e1c}.hover\:bg-\[\#7a5543\]:hover{background-color:#7a5543}.hover\:bg-\[\#FADA0A\]:hover{background-color:#fada0a}.hover\:bg-\[\#f5ede0\]:hover{background-color:#f5ede0}.hover\:bg-\[\#f5efe3\]:hover{background-color:#f5efe3}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-500:hover{background-color:var(--color-slate-500)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:from-\[\#3d2e1c\]:hover{--tw-gradient-from:#3d2e1c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[\#5a4030\]:hover{--tw-gradient-to:#5a4030;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[\#2d2014\]:hover{color:#2d2014}.hover\:text-\[\#8c6652\]:hover{color:#8c6652}.hover\:text-\[\#c4973c\]:hover{color:#c4973c}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[\#c4973c\]:focus{border-color:#c4973c}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#c4973c\]\/20:focus{--tw-ring-color:oklab(70.209% .0167316 .118302/.2)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-98:active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0}html,body{overscroll-behavior-y:none;overflow-x:hidden}#root{overscroll-behavior-y:none;min-height:0;position:fixed;inset:0;overflow:hidden auto;container:app/size}html.is-native,html.is-native body,html.is-native #root{width:100%!important;max-width:100%!important}html.is-native body{background:#1e1810!important}html.is-native #root{box-shadow:none!important;left:0!important;right:0!important;transform:none!important}@media (width>=560px){html:not(.is-native) body{background:#e7dfd2}html:not(.is-native) #root{background:#f8f4ec;width:430px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 0 1px #8c665229,0 18px 60px #2d201438}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}