.bf-shell{--bf-black:#0e0d0c;--bf-black-2:#1c1b1a;--bf-paper:#0e0d0c;--bf-card:#1c1b1a;--bf-ink:#fff;--bf-ink-2:#a8a29e;--bf-line:#34322f;--bf-red:#ec2b19;--bf-red-soft:#ec2b1929;--bf-red-deep:#c61e10;--bf-red-hi:#ff4a37;--bf-red-edge:#8f150b;--bf-black-hi:#2b2927;--bf-black-edge:#000;--bf-white-hi:#fff;--bf-white-lo:#dedbd8;--bf-white-edge:#9a948f;--bf-hl:#ffffff59;--bf-hl-soft:#ffffff1f;--bf-drop:#00000073;--bf-feel:#d1b8be;--bf-pink:#f4b3c8;--bf-pink-hi:#fbd3e0;--bf-pink-deep:#d98ba6;--bf-pink-edge:#a8657e;--bf-pink-soft:#f4b3c829;--bf-pink-ink:#3d1828;--bf-on-dark:#fff;--bf-on-accent:var(--bf-on-dark);--bf-on-dark-2:#ffffffc7;--bf-glass:#ffffff24;--bf-veil:linear-gradient(180deg, #0e0d0c73 0%, #0e0d0c4d 45%, #0e0d0c59 75%, #0e0d0cbf 100%);--bf-scrim:#0e0d0c8c;--bf-shadow:none;--bf-r-md:8px;--bf-r-lg:12px;--bf-r-sm:8px;background:var(--bf-paper);max-width:460px;min-height:100vh;color:var(--bf-ink);-webkit-font-smoothing:antialiased;margin:0 auto;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.bf-shell *{box-sizing:border-box}.bf-shell a{color:inherit;text-decoration:none}.bf-shell input,.bf-shell select{font-family:inherit}.bf-share{cursor:pointer;width:100%;min-height:60px;color:var(--bf-on-dark);background:linear-gradient(180deg, var(--bf-red-hi) 0%, var(--bf-red) 55%, var(--bf-red-deep) 100%);box-shadow:0 6px 0 var(--bf-red-edge), 0 14px 28px -10px #ec2b19b3, inset 0 1px 0 #ffffff59;letter-spacing:-.01em;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-family:inherit;font-size:17px;font-weight:900;transition:transform .12s,box-shadow .12s;animation:2.4s ease-in-out infinite bf-share-bob;display:flex;position:relative;overflow:hidden;transform:translateY(0)}.bf-share:after{content:"";background:linear-gradient(100deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);width:45%;height:100%;animation:2.4s ease-in-out infinite bf-share-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.bf-share:active{box-shadow:0 1px 0 var(--bf-red-edge), 0 6px 14px -8px #ec2b19b3, inset 0 1px 0 #ffffff40;animation:none;transform:translateY(5px)}.bf-share-icon{background:#0e0d0c47;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}@keyframes bf-share-shine{0%,55%{left:-60%}to{left:130%}}@keyframes bf-share-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.bf-share,.bf-share:after{animation:none}}.bf-share>span{z-index:1;position:relative}@keyframes bf-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bf-marquee2{0%{transform:translate(-50%)}to{transform:translate(0)}}
.bf-3d{--d:5px;--top:var(--bf-red-hi);--mid:var(--bf-red);--bot:var(--bf-red-deep);--edge:var(--bf-red-edge);border-radius:var(--bf-r-md);cursor:pointer;width:100%;min-height:54px;color:var(--bf-on-accent);background:linear-gradient(180deg, var(--top) 0%, var(--mid) 55%, var(--bot) 100%);box-shadow:0 var(--d) 0 var(--edge), 0 14px 26px -14px var(--edge), inset 0 1px 0 var(--bf-hl);border:0;font-family:inherit;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.bf-3d:active{transform:translateY(calc(var(--d) - 1px));box-shadow:0 1px 0 var(--edge), inset 0 1px 0 var(--bf-hl)}.bf-3d:disabled{cursor:not-allowed;--top:var(--bf-line);--mid:var(--bf-line);--bot:var(--bf-line);--edge:var(--bf-black-edge);color:var(--bf-ink-2)}.bf-3d--black{--top:var(--bf-black-hi);--mid:var(--bf-black-2);--bot:var(--bf-black);--edge:var(--bf-black-edge)}.bf-3d--white{--top:var(--bf-white-hi);--mid:var(--bf-white-hi);--bot:var(--bf-white-lo);--edge:var(--bf-white-edge);color:var(--bf-black)}.bf-3d--shallow{--d:3px;min-height:46px;font-size:15px}.bf-shine:after{content:"";background:linear-gradient(100deg, transparent 0%, var(--bf-hl) 50%, transparent 100%);pointer-events:none;width:45%;height:100%;animation:2.4s ease-in-out infinite bf-share-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.bf-3d-text{text-shadow:1px 1px 0 var(--x1), 2px 2px 0 var(--x1), 3px 3px 0 var(--x2), 4px 4px 0 var(--x2), 0 10px 20px var(--bf-drop)}.bf-3d-text--xl{text-shadow:1px 1px 0 var(--x1), 2px 2px 0 var(--x1), 3px 3px 0 var(--x1), 4px 4px 0 var(--x2), 5px 5px 0 var(--x2), 6px 6px 0 var(--x2), 0 16px 28px var(--bf-drop)}.bf-3d-text--white{color:var(--bf-on-dark);--x1:var(--bf-red);--x2:var(--bf-red-edge)}.bf-3d-text--red{color:var(--bf-red);--x1:var(--bf-red-deep);--x2:var(--bf-red-edge)}.bf-3d-text--black{color:var(--bf-black);--x1:var(--bf-red-deep);--x2:var(--bf-red-edge)}.bf-3d-title{text-shadow:none}.bf-eyebrow{color:var(--bf-on-accent);background:linear-gradient(180deg, var(--bf-red-hi) 0%, var(--bf-red) 60%, var(--bf-red-deep) 100%);box-shadow:0 3px 0 var(--bf-red-edge), inset 0 1px 0 var(--bf-hl);border-radius:6px;padding:4px 10px 5px;font-size:13px;font-weight:900;display:inline-block}.bf-tile{background:linear-gradient(180deg, var(--bf-black-hi) 0%, var(--bf-black-2) 100%);box-shadow:0 4px 0 var(--bf-black-edge), inset 0 1px 0 var(--bf-hl-soft)}.bf-lift{box-shadow:0 5px 0 var(--bf-black-edge), inset 0 1px 0 var(--bf-hl-soft)}.bf-lift--red{box-shadow:0 6px 0 var(--bf-red-edge), 0 18px 30px -18px var(--bf-red), inset 0 1px 0 var(--bf-hl)}.bf-chip-3d{box-shadow:0 2px 0 var(--bf-red-edge), inset 0 1px 0 var(--bf-hl)}.bf-press{transition:transform .12s}.bf-press:active{transform:translateY(2px)scale(.99)}@media (prefers-reduced-motion:reduce){.bf-shine:after{animation:none}}.bf-shine>span{z-index:1;position:relative}.bf-3d-text--on-red{color:var(--bf-on-accent);--x1:var(--bf-red-deep);--x2:var(--bf-red-edge)}.bf-theme-feel{--bf-on-accent:var(--bf-pink-ink);--bf-red:var(--bf-pink);--bf-red-hi:var(--bf-pink-hi);--bf-red-deep:var(--bf-pink-deep);--bf-red-edge:var(--bf-pink-edge);--bf-red-soft:var(--bf-pink-soft)}
.bf-swipe{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:10px;margin:0 -2px;padding:0 2px 6px;display:flex;overflow-x:auto}.bf-swipe::-webkit-scrollbar{display:none}.bf-swipe__panel{scroll-snap-align:start;flex:0 0 calc(100% - 28px);min-width:0}.bf-swipe__panel:last-child{scroll-snap-align:end}.bf-swipe--peek .bf-swipe__panel{animation:1.4s ease-in-out .5s 2 bf-swipe-peek}@keyframes bf-swipe-peek{0%,to{transform:translate(0)}40%,55%{transform:translate(-44px)}}.bf-swipe-hint{background:var(--bf-red);color:var(--bf-on-dark);box-shadow:var(--bf-shadow);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 7px;font-size:13px;font-weight:800;display:inline-flex}.bf-swipe-hint__arrow{animation:1s ease-in-out infinite bf-swipe-arrow;display:inline-block}@keyframes bf-swipe-arrow{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.bf-swipe--peek .bf-swipe__panel,.bf-swipe-hint__arrow{animation:none}}