:root{--mobile-touch-min:44px;--mobile-touch-recommended:48px;--mobile-touch-gap:8px;--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-left:env(safe-area-inset-left,0px);--mobile-safe-right:env(safe-area-inset-right,0px);--mobile-gutter:16px;--mobile-gutter-sm:12px;--mobile-section-gap:24px;--mobile-font-hero:28px;--mobile-font-h1:24px;--mobile-font-h2:20px;--mobile-font-h3:18px;--mobile-font-body:16px;--mobile-font-small:14px;--mobile-font-caption:12px;--mobile-line-height:1.5;--mobile-header-height:56px;--mobile-bottom-nav-height:64px;--mobile-card-radius:16px;--mobile-button-radius:12px;--mobile-shadow-sm:0 1px 2px rgba(0,0,0,.05);--mobile-shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--mobile-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--mobile-shadow-sheet:0 -4px 20px rgba(0,0,0,.15);--mobile-transition-fast:150ms ease-out;--mobile-transition-base:250ms cubic-bezier(0.4,0,0.2,1);--mobile-transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}@media (max-width:1023px){.bb-my-page,.mobile-has-header-padding,body>div main:first-of-type,main.min-h-screen{padding-top:calc(56px + env(safe-area-inset-top, 0px))!important}body,html{overflow-x:hidden;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:rgba(29,155,240,.1)}[role=button],a,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--mobile-header-height);padding-top:var(--mobile-safe-top);background:hsla(0,0%,100%,.95);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:transform var(--mobile-transition-base),background var(--mobile-transition-base)}.mobile-header--hidden{transform:translateY(-100%)}.mobile-header--transparent{background:transparent;border-bottom-color:transparent}.mobile-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--mobile-gutter);gap:var(--mobile-touch-gap)}.mobile-header__logo{display:flex;align-items:center;height:var(--mobile-touch-min)}.mobile-header__actions{display:flex;align-items:center;gap:4px}.mobile-header__btn{display:flex;align-items:center;justify-content:center;width:var(--mobile-touch-min);height:var(--mobile-touch-min);border-radius:var(--mobile-button-radius);background:transparent;border:none;color:var(--bb-color-ink-700);transition:background var(--mobile-transition-fast)}.mobile-header__btn:active{background:rgba(0,0,0,.05)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-bottom));padding-bottom:var(--mobile-safe-bottom);background:hsla(0,0%,100%,.98);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid rgba(0,0,0,.06)}.mobile-bottom-nav__inner{display:flex;align-items:stretch;justify-content:space-around;height:var(--mobile-bottom-nav-height);padding:0 var(--mobile-gutter-sm)}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:var(--mobile-touch-min);min-height:var(--mobile-touch-min);padding:6px 0;gap:4px;background:transparent;border:none;color:var(--bb-color-ink-400);text-decoration:none;transition:color var(--mobile-transition-fast);position:relative}.mobile-bottom-nav__item:before{content:"";position:absolute;inset:4px;border-radius:var(--mobile-button-radius);background:transparent;transition:background var(--mobile-transition-fast)}.mobile-bottom-nav__item:active:before{background:rgba(29,155,240,.08)}.mobile-bottom-nav__item--active{color:var(--bb-color-primary)}.mobile-bottom-nav__item--active:before{background:rgba(29,155,240,.08)}.mobile-bottom-nav__icon{position:relative;z-index:1;width:24px;height:24px;transition:transform var(--mobile-transition-fast)}.mobile-bottom-nav__item--active .mobile-bottom-nav__icon{transform:scale(1.1)}.mobile-bottom-nav__label{position:relative;z-index:1;font-size:11px;font-weight:500;letter-spacing:.01em;transition:font-weight var(--mobile-transition-fast)}.mobile-bottom-nav__item--active .mobile-bottom-nav__label{font-weight:600}.mobile-menu-overlay{position:fixed;inset:0;z-index:200;background:transparent;visibility:hidden;transition:background var(--mobile-transition-base),visibility var(--mobile-transition-base)}.mobile-menu-overlay--open{background:rgba(0,0,0,.5);visibility:visible}.mobile-menu-sheet{position:fixed;top:0;right:0;bottom:0;z-index:201;width:min(320px,85vw);background:#fff;transform:translateX(100%);transition:transform var(--mobile-transition-base);display:flex;flex-direction:column;box-shadow:var(--mobile-shadow-lg)}.mobile-menu-overlay--open .mobile-menu-sheet{transform:translateX(0)}.mobile-menu-sheet__header{display:flex;align-items:center;justify-content:space-between;height:var(--mobile-header-height);padding:0 var(--mobile-gutter);padding-top:var(--mobile-safe-top);border-bottom:1px solid rgba(0,0,0,.06)}.mobile-menu-sheet__close{display:flex;align-items:center;justify-content:center;width:var(--mobile-touch-min);height:var(--mobile-touch-min);border-radius:var(--mobile-button-radius);background:transparent;border:none;color:var(--bb-color-ink-700)}.mobile-menu-sheet__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--mobile-section-gap) var(--mobile-gutter);padding-bottom:calc(var(--mobile-section-gap) + var(--mobile-safe-bottom))}.mobile-menu-nav{display:flex;flex-direction:column;gap:4px}.mobile-menu-nav__item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--mobile-button-radius);background:transparent;border:none;color:var(--bb-color-ink-700);font-size:var(--mobile-font-body);font-weight:500;text-decoration:none;transition:background var(--mobile-transition-fast)}.mobile-menu-nav__item:active{background:rgba(0,0,0,.05)}.mobile-menu-nav__item--active{background:rgba(29,155,240,.08);color:var(--bb-color-primary)}.mobile-menu-divider{height:1px;margin:16px 0;background:rgba(0,0,0,.06)}.mobile-card{position:relative;width:100%;background:#fff;border-radius:var(--mobile-card-radius);overflow:hidden;box-shadow:var(--mobile-shadow-sm);transition:transform var(--mobile-transition-fast),box-shadow var(--mobile-transition-fast)}.mobile-card:active{transform:scale(.98)}.mobile-card__image{position:relative;width:100%;aspect-ratio:16/10;background:var(--bb-color-cloud-100)}.mobile-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-card__badges{position:absolute;top:12px;right:12px;display:flex;gap:6px}.mobile-card__badge{padding:6px 10px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em}.mobile-card__badge--type{background:#10b981}.mobile-card__badge--hot{background:#dc2626}.mobile-card__badge--dday{background:#7c3aed}.mobile-card__bookmark{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.9);backdrop-filter:blur(8px);border:none;color:#ff5c5c;box-shadow:var(--mobile-shadow-sm);transition:transform var(--mobile-transition-fast)}.mobile-card__bookmark:active{transform:scale(.9)}.mobile-card__content{padding:16px}.mobile-card__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mobile-card__platform{width:28px;height:28px;flex-shrink:0}.mobile-card__brand{font-size:var(--mobile-font-h3);font-weight:700;color:var(--bb-color-ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card__title{font-size:var(--mobile-font-body);font-weight:500;color:var(--bb-color-ink-500);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-card__stats{display:flex;gap:12px;font-size:var(--mobile-font-small);color:var(--bb-color-ink-400)}.mobile-card__stat{display:flex;align-items:center;gap:4px}.mobile-scroll-section{width:100%;overflow:visible}.mobile-scroll-section__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--mobile-gutter);margin-bottom:16px}.mobile-scroll-section__title{font-size:var(--mobile-font-h2);font-weight:700;color:var(--bb-color-ink-700)}.mobile-scroll-section__more{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:20px;background:transparent;border:none;font-size:var(--mobile-font-small);font-weight:600;color:var(--bb-color-primary)}.mobile-scroll-container{display:flex;gap:12px;padding:0 var(--mobile-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--mobile-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-scroll-container::-webkit-scrollbar{display:none}.mobile-scroll-card{scroll-snap-align:start;flex-shrink:0;width:280px}.mobile-scroll-card:last-child{margin-right:var(--mobile-gutter)}.mobile-sheet-overlay{position:fixed;inset:0;z-index:300;background:transparent;visibility:hidden;transition:background var(--mobile-transition-base),visibility var(--mobile-transition-base)}.mobile-sheet-overlay--open{background:rgba(0,0,0,.5);visibility:visible}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:301;max-height:90vh;background:#fff;border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform var(--mobile-transition-base);display:flex;flex-direction:column;box-shadow:var(--mobile-shadow-sheet);padding-bottom:var(--mobile-safe-bottom)}.mobile-sheet-overlay--open .mobile-sheet{transform:translateY(0)}.mobile-sheet__handle{display:flex;justify-content:center;padding:12px;cursor:grab}.mobile-sheet__handle:before{content:"";width:36px;height:4px;border-radius:2px;background:rgba(0,0,0,.2)}.mobile-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--mobile-gutter) 16px;border-bottom:1px solid rgba(0,0,0,.06)}.mobile-sheet__title{font-size:var(--mobile-font-h2);font-weight:700;color:var(--bb-color-ink-700)}.mobile-sheet__close{display:flex;align-items:center;justify-content:center;width:var(--mobile-touch-min);height:var(--mobile-touch-min);margin-right:-8px;border-radius:var(--mobile-button-radius);background:transparent;border:none;color:var(--bb-color-ink-500)}.mobile-sheet__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--mobile-gutter)}.mobile-sheet__footer{padding:var(--mobile-gutter);border-top:1px solid rgba(0,0,0,.06)}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--mobile-touch-min);padding:12px 24px;border-radius:var(--mobile-button-radius);font-size:var(--mobile-font-body);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform var(--mobile-transition-fast),background var(--mobile-transition-fast),opacity var(--mobile-transition-fast)}.mobile-btn:active{transform:scale(.97)}.mobile-btn:disabled{opacity:.5;pointer-events:none}.mobile-btn--primary{background:var(--bb-color-primary);color:#fff}.mobile-btn--primary:active{background:#1a8cd8}.mobile-btn--secondary{background:var(--bb-color-cloud-200);color:var(--bb-color-ink-700)}.mobile-btn--secondary:active{background:var(--bb-color-cloud-100)}.mobile-btn--outline{background:transparent;border:1.5px solid var(--bb-color-ink-300);color:var(--bb-color-ink-700)}.mobile-btn--outline:active{background:rgba(0,0,0,.03)}.mobile-btn--full{width:100%}.mobile-btn--sm{min-height:36px;padding:8px 16px;font-size:var(--mobile-font-small);border-radius:8px}.mobile-btn--icon{width:var(--mobile-touch-min);height:var(--mobile-touch-min);padding:0;border-radius:50%}.mobile-input-group{display:flex;flex-direction:column;gap:8px}.mobile-input-label{font-size:var(--mobile-font-small);font-weight:600;color:var(--bb-color-ink-700)}.mobile-input{min-height:var(--mobile-touch-min);padding:12px 16px;border-radius:var(--mobile-button-radius);border:1.5px solid var(--bb-color-cloud-200);background:#fff;font-size:var(--mobile-font-body);color:var(--bb-color-ink-700);transition:border-color var(--mobile-transition-fast),box-shadow var(--mobile-transition-fast)}.mobile-input::-moz-placeholder{color:var(--bb-color-ink-300)}.mobile-input::placeholder{color:var(--bb-color-ink-300)}.mobile-input:focus{outline:none;border-color:var(--bb-color-primary);box-shadow:0 0 0 3px rgba(29,155,240,.1)}.mobile-input--error{border-color:var(--bb-color-danger)}.mobile-input--error:focus{box-shadow:0 0 0 3px hsla(4,100%,72%,.1)}.mobile-input-error{font-size:var(--mobile-font-caption);color:var(--bb-color-danger)}.mobile-skeleton{background:linear-gradient(90deg,var(--bb-color-cloud-100) 0,var(--bb-color-cloud-200) 50%,var(--bb-color-cloud-100) 100%);background-size:200% 100%;animation:mobile-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--mobile-button-radius)}@keyframes mobile-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-skeleton--card{width:100%;aspect-ratio:16/10;border-radius:var(--mobile-card-radius);margin-bottom:12px}.mobile-skeleton--text{height:16px;margin-bottom:8px}.mobile-skeleton--text-sm{height:12px;width:60%}.mobile-ptr{position:relative;overflow:hidden}.mobile-ptr__indicator{position:absolute;top:-48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:var(--mobile-shadow-md);transition:transform var(--mobile-transition-base)}.mobile-ptr--pulling .mobile-ptr__indicator{transform:translateX(-50%) translateY(60px)}.mobile-ptr--refreshing .mobile-ptr__indicator{transform:translateX(-50%) translateY(60px);animation:mobile-ptr-spin .8s linear infinite}@keyframes mobile-ptr-spin{to{transform:translateX(-50%) translateY(60px) rotate(1turn)}}.mobile-safe-top{padding-top:var(--mobile-safe-top)}.mobile-safe-bottom{padding-bottom:var(--mobile-safe-bottom)}.mobile-safe-x{padding-left:var(--mobile-safe-left);padding-right:var(--mobile-safe-right)}.mobile-safe-all{padding:var(--mobile-safe-top) var(--mobile-safe-right) var(--mobile-safe-bottom) var(--mobile-safe-left)}.mobile-content-with-nav,.mobile-page{padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-bottom) + 20px)}.mobile-page{min-height:100vh;padding-top:calc(var(--mobile-header-height) + var(--mobile-safe-top));background:var(--bb-color-cloud-100)}.mobile-page--no-header{padding-top:var(--mobile-safe-top)}.mobile-page--no-nav{padding-bottom:var(--mobile-safe-bottom)}.mobile-page__section{padding:var(--mobile-section-gap) 0}.mobile-page__container{padding:0 var(--mobile-gutter)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-animate-fade{animation:mobile-fade-in .3s ease-out forwards}.mobile-animate-slide-up{animation:mobile-slide-up .3s ease-out forwards}@keyframes mobile-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-delay-1{animation-delay:50ms}.mobile-delay-2{animation-delay:.1s}.mobile-delay-3{animation-delay:.15s}.mobile-delay-4{animation-delay:.2s}.mobile-delay-5{animation-delay:.25s}@media (max-width:767px){:focus-visible{outline:2px solid var(--bb-color-primary);outline-offset:2px}.mobile-skip-link{position:absolute;top:-100%;left:var(--mobile-gutter);z-index:999;padding:12px 16px;background:var(--bb-color-primary);color:#fff;border-radius:var(--mobile-button-radius);font-weight:600;transition:top var(--mobile-transition-fast)}.mobile-skip-link:focus{top:var(--mobile-safe-top)}}