/* User-selected direction 19: Spot Buddy. Preview typography: unmodified OFL Pretendard. */
body{background:#FFFEFB;color:#3E2F31}
.spot-buddy{--line:#EDE5DC;--muted:#8B7A75;--subsurface:#FFF8ED;padding-bottom:30px}
.spot-buddy .site-header,.spot-buddy .container,.spot-buddy .footer-container{max-width:1200px;width:calc(100% - 272px);margin-left:auto;margin-right:auto}
.spot-buddy .site-header{gap:35px;height:86px}
.spot-buddy .site-header nav{gap:24px;font-size:13px}
.spot-buddy .brand{gap:5px;letter-spacing:-1.35px;font-size:28px;font-weight:850;color:#3E2F31}
.buddy-mark{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.spot-buddy .brand-spot{color:#9B4B3A}
.spot-buddy .header-actions{gap:13px}
.spot-buddy .header-actions .preview-badge{color:#92756A;border-color:#EDE2D5;background:#FFF8ED}
.spot-buddy .join{background:#3E2F31;color:#FFF8ED;border-color:#3E2F31}
.spot-buddy .duo-hero{gap:42px;padding-top:42px;padding-bottom:35px}
.spot-buddy .hero-discover>h1{font-size:36px;letter-spacing:-1.65px;line-height:1.4}
.spot-buddy .hero-discover>.eyebrow{color:#9B4B3A;letter-spacing:1.5px}
.spot-buddy .hero-discover>p{font-size:12px;color:#8B7A75}
.spot-buddy .search-form{border-color:#DFCDB9;background:#fff;box-shadow:0 4px 14px #3E2F3105}
.spot-buddy .search-form input{color:#3E2F31;font-size:12px}
.spot-buddy .search-form input::placeholder{color:#A49389}
.spot-buddy .search-form>button{background:#3E2F31;color:#FFF8ED}
.spot-buddy .hero-trends button,.spot-buddy .creator-link b{color:#9B4B3A}
.spot-buddy .hero-platforms b{color:#8B7A75}
.spot-buddy .duo-board{background:#3E2F31;border-radius:14px;box-shadow:none;position:relative;border-top:4px solid #F7C966}
.spot-buddy .duo-label i{background:#F7C966;box-shadow:0 0 0 3px #F7C96615}
.spot-buddy .duo-board-footer{background:#2C212433;border-radius:0 0 13px 13px}
.spot-buddy .room-card{border-color:#E9E1D8;background:#fff}
.spot-buddy .room-card:hover{border-color:#D9BA9A;background:#FFFCF7}
.spot-buddy .category-filters button.active,.spot-buddy .creator-size>b{color:#796158}
.spot-buddy .room-card h3>.creator-live{background:#FFF0E9;color:#AB5744}
.spot-buddy .favorite.saved{color:#9B4B3A;background:#FFF1E5}
.spot-buddy .load-more{background:#FFFCF7;border-color:#EDE5DC;color:#8B7A75}
.spot-buddy .post-row:hover{background:#FFF8ED}
.spot-buddy .post-room,.spot-buddy .post-rank,.spot-buddy .comment-count,.spot-buddy .board-bottom>button{color:#A0654C}
.spot-buddy .approved{color:#9B705D}
.spot-buddy .product-price strong{color:#3E2F31}
.spot-buddy .product-price strong small{margin-left:3px;font-weight:500}
.spot-buddy .trust-banner{background:#FFF8ED;border-color:#EDDFCD}
.spot-buddy .trust-icon{background:#F9E7BE;color:#806035}
.spot-buddy .activity-post{background:#fff;border-color:#EDE5DC}
.spot-buddy .activity-post-top>b{color:#9B4B3A;background:#FFF0E7}
.spot-buddy .activity-post-bottom>svg:last-child{color:#B78B71}
.spot-buddy .preview-footer .brand{font-size:22px}
.spot-buddy .preview-footer .buddy-mark{width:32px;height:32px}
.spot-buddy .footer-links,.spot-buddy .preview-footer>div>p{color:#9A8981}
.spot-buddy .preview-disclosure{color:#A4978C}
.spot-rail{position:fixed;z-index:20;right:16px;top:172px;width:100px;display:grid;gap:10px}
.spot-rail-mascot{text-align:center;padding:2px 0 4px}
.spot-rail-mascot img{display:block;width:72px;height:72px;margin:0 auto 5px}
.spot-rail-mascot span{font-size:9px;color:#A18B7D;letter-spacing:.2px}
.spot-rail button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:13px;border:1px solid #E9DECE;background:#fff;padding:17px 5px;color:#705A51;font-size:10px;line-height:1.5;box-shadow:0 3px 12px #3E2F3104}
.spot-rail button strong{font-weight:650}
.spot-rail button small{font-size:8px;color:#A28B79}
.spot-rail button svg{width:20px;height:20px}
.spot-rail .rail-charge{background:#F7C966;border-color:#F7C966;color:#3E2F31}
.spot-rail .rail-charge small{color:#7E603B}
.spot-rail button:hover{border-color:#CDAA86}
.detail-dialog{color:#3E2F31;background:#FFFEFB;border-color:#EDE5DC}
.detail-toolbar{border-color:#EDE5DC;background:#FFFEFBF5}
.detail-primary{background:#3E2F31;color:#FFF8ED}
.detail-dialog .product-info h3,.detail-dialog .product-price,.detail-price,.about-detail>h2{color:#3E2F31}
.detail-dialog .approved,.room-detail-tabs>b,.detail-post-category,.post-detail-room,.detail-dialog .post-title{color:#9B4B3A}
.detail-post-category,.room-notice{background:#FFF2E3}
.room-detail-tabs>b{border-color:#9B4B3A}
.detail-dialog .post-room,.detail-dialog .comment-count,.detail-dialog .post-rank,.product-detail-info dd{color:#9B705D}
.detail-approval,.product-detail-creator,.about-detail>a,.about-detail .eyebrow{color:#9B705D}
.detail-price>small{font-size:14px;margin-left:6px}
.buddy-panel{padding:32px;max-width:620px;margin:auto}
.buddy-panel-header{display:flex;gap:15px;align-items:center;margin-bottom:25px}
.buddy-panel-header img{width:66px;height:66px;object-fit:contain}
.buddy-panel-kicker{font-size:9px;letter-spacing:1.6px;color:#A5785A;margin-bottom:6px}
.buddy-panel h2{font-size:26px;letter-spacing:-.7px;line-height:1.4}
.buddy-panel>p{font-size:13px;color:#8B7A75;line-height:1.8;margin:15px 0}
.wallet-summary{background:#FFF4DD;border:1px solid #F0E0C1;border-radius:12px;padding:20px;margin:20px 0}
.wallet-summary>span{font-size:11px;color:#9A7C61;display:block}
.wallet-summary strong{display:block;font-size:29px;font-weight:750;margin-top:5px;letter-spacing:-.6px}
.wallet-summary strong small{font-size:13px;font-weight:550;letter-spacing:0;margin-left:5px}
.charge-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.charge-options button{border:1px solid #E6DACE;border-radius:9px;padding:16px 8px;background:#fff;text-align:center;font-size:13px;font-weight:650;color:#705A51}
.charge-options button[aria-pressed=true]{background:#F7C966;border-color:#C18D31;color:#3E2F31}
.buddy-panel .detail-primary{width:100%;padding:14px;font-size:12px;border-radius:9px}
.buddy-note{display:block;font-size:10px;color:#9C8A7C;line-height:1.8;margin-top:18px}
.wallet-back{font-size:11px;color:#9B4B3A;margin-top:22px;padding:0;display:flex;align-items:center;gap:7px}
.my-room-list{display:grid;gap:10px;margin-top:24px}
.my-room-list button{display:flex;align-items:center;gap:13px;text-align:left;padding:15px;background:#fff;border:1px solid #EDE5DC;border-radius:10px}
.my-room-list button>span:not(.avatar){flex:1;display:grid;gap:5px}
.my-room-list strong{font-size:13px}
.my-room-list small{font-size:10px;color:#9A877C}
.buddy-empty{padding:30px 22px;border:1px dashed #E1CBB4;border-radius:12px;text-align:center;background:#FFF8ED;font-size:13px;line-height:1.9;color:#8B7060;margin:22px 0}
.bid-product{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:1px solid #EDE5DC;padding:0 0 20px;margin:20px 0;font-size:13px;line-height:1.7}
.bid-product>span{color:#9A877C;font-size:11px;white-space:nowrap}
.bid-label{font-size:11px;color:#8B7A75;display:block;margin:24px 0 9px}
.bid-amount{display:flex;align-items:center;border:1px solid #E6DACE;border-radius:9px;background:#fff;padding:15px;gap:10px}
.bid-amount input{min-width:0;width:100%;border:0;background:transparent;outline:0;color:#3E2F31;font-size:22px;font-weight:700}
.bid-amount span{font-size:11px;color:#9A877C;white-space:nowrap}
.bid-feedback{font-size:12px;color:#9B4B3A;line-height:1.8;margin:16px 0;min-height:21px}
.support-faq{margin:24px 0}
.support-faq details{border-bottom:1px solid #EDE5DC;padding:17px 0;font-size:13px;line-height:1.8}
.support-faq summary{cursor:pointer;font-weight:600}
.support-faq p{font-size:12px;color:#8B7A75;padding-top:10px}
@media(max-width:1250px) and (min-width:1101px){.spot-buddy .site-header{gap:22px}.spot-buddy .site-header nav{gap:15px;font-size:12px}.spot-buddy .header-actions{gap:10px}.spot-buddy .preview-badge{display:none}.spot-buddy .hero-discover>h1{font-size:31px}.spot-buddy .duo-hero{gap:30px}.spot-buddy .hero-discover>p{font-size:11px}}
@media(max-width:1100px){.spot-buddy .site-header,.spot-buddy .container,.spot-buddy .footer-container{width:calc(100% - 64px)}.spot-buddy{padding-bottom:110px}.spot-rail{top:auto;bottom:18px;right:20px;width:330px;grid-template-columns:repeat(3,1fr);gap:7px;filter:drop-shadow(0 6px 14px #3E2F3114)}.spot-rail-mascot{display:none}.spot-rail button{padding:13px 6px;gap:5px;font-size:10px;border-radius:11px}.spot-rail button small{display:none}.spot-rail button svg{width:18px;height:18px}.spot-buddy .hero-discover>h1{font-size:32px}}
@media(max-width:700px){.spot-buddy .site-header,.spot-buddy .container,.spot-buddy .footer-container{width:100%}.spot-buddy .site-header{height:72px;gap:0}.spot-buddy .site-header .brand{font-size:25px;gap:3px}.spot-buddy .buddy-mark{width:38px;height:38px}.spot-buddy .site-header nav{gap:19px;font-size:11px}.spot-buddy .header-actions{gap:8px}.spot-buddy .duo-hero{padding-top:31px;gap:28px}.spot-buddy .hero-discover>h1{font-size:32px}.spot-buddy .hero-discover>p{font-size:11px;line-height:1.8}.spot-buddy .search-form input{font-size:11px}.spot-buddy .duo-board{border-radius:12px;border-top-width:3px}.spot-rail{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;gap:7px}.spot-rail button{padding:11px 5px;font-size:10px;flex-direction:row;gap:6px;min-height:48px}.spot-rail button svg{width:17px;height:17px}.spot-rail button strong br{display:none}.spot-buddy .product-price strong{font-size:14px}.spot-buddy .product-price strong small{font-size:8px}.buddy-panel{padding:25px 20px}.buddy-panel h2{font-size:23px}.buddy-panel-header img{width:56px;height:56px}.charge-options{gap:8px}.charge-options button{font-size:12px;padding:15px 4px}.buddy-panel>p{font-size:12px}.buddy-note{font-size:9px}.wallet-summary strong{font-size:26px}.bid-product{display:block}.bid-product>span{display:block;margin-top:6px}}

/* Capture feedback: authored layout/type only; existing licensed assets. */
.spot-buddy .duo-post-list{grid-column:1/-1;max-height:190px;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:auto;padding-right:10px}
.spot-buddy .duo-post-list::-webkit-scrollbar{width:10px}
.spot-buddy .duo-post-list::-webkit-scrollbar-track{background:#544345;border-radius:8px}
.spot-buddy .duo-post-list::-webkit-scrollbar-thumb{background:#c5a77f;border:2px solid #544345;border-radius:8px}
.spot-buddy .duo-post-list:focus-visible{outline:2px solid #f7c966;outline-offset:2px}
.spot-buddy .duo-post-list .duo-post{display:flex;min-height:82px;text-align:left}
.spot-buddy .duo-post-list .duo-post-copy>small{font-size:11px;line-height:1.5}
.spot-buddy .duo-post-list .duo-post-copy>strong{font-size:14px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.spot-buddy .duo-board>.duo-label,.spot-buddy .duo-board>.duo-board-footer{grid-column:1/-1}
.spot-buddy .room-card .platform-badge{font-size:12px;font-weight:650;color:#70534b;gap:6px}
.spot-buddy .room-card .platform-badge>i{width:7px;height:7px}
.spot-buddy .room-card h3>.creator-live{font-size:11px;line-height:1.4;padding:3px 7px;border:1px solid #e5b8a6;border-radius:5px;background:#fff0e8;color:#99452f;letter-spacing:.3px;flex-shrink:0}
.spot-buddy .room-card .favorite{width:40px;height:40px;top:15px;right:10px}
.spot-buddy .room-card .favorite svg{width:19px;height:19px}
.spot-buddy .room-platform{padding-right:36px}
@media(max-width:700px){.spot-buddy .duo-post-list{max-height:236px}.spot-buddy .room-card h3{flex-wrap:wrap}.spot-buddy .room-card h3>.creator-live{font-size:10px}.spot-buddy .room-card .favorite{min-width:44px;min-height:44px}}

/* Original My Pick SVG: star selection, restrained brand colors. */
.my-pick-icon{display:inline-block;flex:none;vertical-align:middle;overflow:visible}
.my-pick-icon .my-pick-star{fill:transparent}
[aria-pressed="true"]>.my-pick-icon .my-pick-star,[aria-current="page"]>.my-pick-icon .my-pick-star,.spot-rail [data-my-creators] .my-pick-star{fill:#f7c966}

/* Static crying Buddy keeps the empty-pick notice visible after navigation. */
.toast.toast-buddy{display:flex;align-items:center;gap:12px;width:max-content;max-width:min(470px,calc(100vw - 32px));padding:16px 20px;background:#fff8ed;color:#3e2f31;border:1px solid #e0ceb7;border-radius:14px;font-size:15px;font-weight:550;line-height:1.7;box-sizing:border-box;box-shadow:0 8px 30px #3e2f3120}
.toast-buddy-face{display:block;position:relative;width:64px;height:64px;flex:0 0 64px;line-height:0}
.toast-buddy-face>img,.toast-buddy-face>svg{display:block;width:100%;height:100%}
.toast-buddy-face>svg{position:absolute;inset:0;pointer-events:none}
.toast-buddy-copy{min-width:0;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:1100px){.toast.toast-buddy{bottom:calc(100px + env(safe-area-inset-bottom,0px));padding:14px 16px;font-size:14px;gap:10px}.toast-buddy-face{width:56px;height:56px;flex-basis:56px}}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}
.spot-buddy .favorite .my-pick-icon{width:22px;height:22px;fill:none}
.spot-buddy .favorite.saved{color:#8c452f;background:#fff0cf}
.creator-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px}
.creator-save[aria-pressed="true"]{color:#713c2e;background:#fff0cf;border-color:#e2bf7a}
.my-pick-empty-icon{display:block;margin:0 auto 16px}
.demo-account-section-heading h2 .my-pick-icon{margin-right:4px;color:#9b4b3a}

/* Match the vertical quick rail to the 1440px desktop content. */
@media(min-width:1101px){
 .spot-buddy .site-header,.spot-buddy .container,.spot-buddy .footer-container{width:calc(100% - 304px)}
 .spot-rail{width:124px;right:max(12px,calc((100% - 1440px)/2 - 140px));top:50%;bottom:auto;transform:translateY(-50%);gap:12px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
 .spot-rail-mascot{padding:4px 0 8px}
 .spot-rail-mascot>[data-buddy-motion]{display:block;width:88px;height:88px;margin:0 auto 8px}
 .spot-rail-mascot img{width:88px;height:88px}
 .spot-rail-mascot>span:not([data-buddy-motion]){display:block;white-space:nowrap;font-size:11px;line-height:1.5;letter-spacing:.15px}
 .spot-rail button{box-sizing:border-box;min-height:112px;padding:18px 10px;gap:9px;border-radius:16px;font-size:14px}
 .spot-rail button strong{font-size:14px;line-height:1.5}
 .spot-rail button small{font-size:11px;line-height:1.5}
 .spot-rail button svg{width:28px;height:28px;flex-shrink:0}
}
@media(min-width:1101px) and (max-height:650px){
 .spot-rail{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
}

/* Existing Buddy art, jump strip and authored notice UI; no new external asset. */
.spot-rail-mascot .buddy-notice-trigger{display:block;position:relative;width:88px;height:88px;margin:0 auto 8px;border-radius:18px;cursor:pointer}
.spot-rail-mascot .buddy-notice-trigger [data-buddy-motion]{display:block;width:88px;height:88px;margin:0}
.spot-rail-mascot .buddy-notice-trigger img{width:88px;height:88px;margin:0}
.spot-rail-mascot .buddy-notice-dot{position:absolute;right:0;top:0;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#CF3038;color:#fff;font-size:18px;font-weight:850;line-height:1;border:2px solid #fffefb;box-shadow:0 2px 7px #3e2f3120}
.buddy-notice-dot[hidden],.buddy-notice-bubble[hidden]{display:none!important}
.buddy-notice-bubble{box-sizing:border-box;position:fixed;z-index:85;display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #E0C8A7;border-radius:12px;background:#FFF8E9;color:#3E2F31;box-shadow:0 6px 24px #3e2f3120}
.buddy-notice-bubble>a{flex:1;min-width:0;padding:3px 0;font-size:15px;font-weight:750;line-height:1.6;text-decoration:none;color:#3E2F31}
.buddy-notice-bubble small{display:block;font-size:12px;font-weight:500;color:#70534B}
.buddy-notice-bubble .buddy-notice-dismiss{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#70534B;font:inherit;font-size:22px;cursor:pointer}
.buddy-notice-trigger:focus-visible,.buddy-notice-bubble :is(a,button):focus-visible{outline:2px solid #9B4B3A;outline-offset:3px}
.buddy-notice-mobile-label,.spot-rail .rail-menu{display:none}
@media(max-width:1100px){
 .spot-buddy .spot-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch;min-height:64px}
 .spot-buddy .spot-rail-mascot{display:block;position:static;order:3;width:auto;height:auto;margin:0;padding:0;border:0;background:none;box-shadow:none}
 .spot-buddy .spot-rail>button,.spot-buddy .spot-rail .buddy-notice-trigger{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:64px;padding:8px 4px;gap:4px;border-radius:12px}
 .spot-buddy .spot-rail .buddy-notice-trigger{width:100%;height:100%;margin:0;border:1px solid #EBDDCF;background:#FFFEFB;color:#70534B}
 .spot-buddy .spot-rail>[data-my-creators]{order:1}
 .spot-buddy .spot-rail>[data-wallet]{order:2}
 .spot-buddy .spot-rail>.rail-support{display:none}
 .spot-buddy .spot-rail>.rail-menu{display:flex;order:4}
 .spot-buddy .spot-rail button strong,.spot-buddy .spot-rail .buddy-notice-mobile-label{display:block;font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap}
 .spot-buddy .spot-rail .rail-mobile-hide,.spot-buddy .spot-rail strong br,.spot-buddy .spot-rail-mascot .buddy-notice-caption{display:none}
 .spot-buddy .spot-rail button svg{width:24px;height:24px}
 .spot-buddy .spot-rail-mascot .buddy-notice-trigger [data-buddy-motion],.spot-buddy .spot-rail-mascot .buddy-notice-trigger img{width:28px;height:28px;margin:0}
 .spot-buddy .spot-rail-mascot .buddy-notice-dot{right:calc(50% - 25px);top:3px;width:18px;height:18px;font-size:12px;border-width:1.5px}
 .detail-dialog:has(.mobile-quick-menu){position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:82dvh;margin:0;border-radius:18px 18px 0 0}
 .detail-dialog:has(.mobile-quick-menu) .detail-toolbar{min-height:52px}
 .detail-dialog:has(.mobile-quick-menu) [data-close]{min-height:44px;min-width:64px;padding:6px 12px;font-size:13px}
 .mobile-quick-menu{padding:16px 24px calc(24px + env(safe-area-inset-bottom,0px))}
 .mobile-quick-menu h2{font-size:23px;margin:0 0 20px;color:#3E2F31}
 .mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mobile-menu-links :is(a,button){display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;min-width:0;padding:12px;border:1px solid #EBDDCF;border-radius:9px;background:#FFF9EF;color:#543F37;font:inherit;font-size:14px;font-weight:600;text-decoration:none}
 .mobile-menu-links svg{flex-shrink:0}
 .mobile-menu-links :is(a,button):focus-visible{outline:2px solid #9B4B3A;outline-offset:2px}
}