:root{--color-bg-deep: #f5f5f7;--color-bg-base: #ffffff;--color-bg-card: #ffffff;--color-bg-card-hover: #f8f9fa;--color-bg-elevated: #f0f2f5;--color-bg-input: #f5f5f7;--color-primary: #1a2236;--color-primary-light: #2d3a54;--color-primary-soft: #e8edf5;--color-primary-glow: rgba(26, 34, 54, .08);--color-primary-gradient: linear-gradient(135deg, #1a2236, #2d3a54);--color-success: #22c55e;--color-success-soft: rgba(34, 197, 94, .1);--color-success-glow: rgba(34, 197, 94, .2);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .1);--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .08);--color-accent: #ec4899;--color-accent-soft: rgba(236, 72, 153, .1);--color-accent-gradient: linear-gradient(135deg, #f472b6, #ec4899);--color-blue: #3b82f6;--color-blue-soft: rgba(59, 130, 246, .08);--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-divider: #f3f4f6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05);--font-sans: "Noto Sans JP", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--header-height: 56px;--bottom-nav-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--content-max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-deep);overflow-x:hidden;min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}.splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);transition:opacity .6s ease,transform .6s ease}.splash.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.splash__inner{text-align:center;animation:splashEntry .8s ease-out}.splash__icon{width:96px;height:96px;margin-bottom:var(--space-4);filter:drop-shadow(0 4px 20px rgba(236,72,153,.3));animation:splashFloat 3s ease-in-out infinite}.splash__title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-primary);letter-spacing:.05em}.splash__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium);letter-spacing:.2em;text-transform:uppercase;margin-top:var(--space-1)}.splash__tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-6);opacity:0;animation:fadeInUp .6s ease-out .5s forwards}.splash__loader{width:120px;height:3px;background:var(--color-bg-elevated);border-radius:var(--radius-full);margin:var(--space-6) auto 0;overflow:hidden}.splash__loader-bar{height:100%;width:0%;border-radius:var(--radius-full);background:var(--color-primary-gradient);animation:splashLoad 2s ease-in-out forwards}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.header__left{display:flex;align-items:center;gap:var(--space-2)}.header__logo{width:28px;height:28px}.header__title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-primary)}.header__right{display:flex;align-items:center;gap:var(--space-2)}.header__btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:var(--transition-fast)}.header__btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.header__badge{position:absolute;top:4px;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-bold);background:var(--color-danger);color:#fff;border-radius:var(--radius-full);border:2px solid var(--color-bg-base);animation:pulse 2s ease-in-out infinite}.page-container{padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));min-height:100vh;min-height:100dvh}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);display:flex;align-items:center;justify-content:space-around;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);transition:var(--transition-fast);position:relative}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--color-primary)}.nav-icon{width:22px;height:22px;transition:var(--transition-fast)}.nav-label{font-size:10px;font-weight:var(--font-medium);letter-spacing:.02em}.nav-live-dot{position:absolute;top:6px;right:10px;width:7px;height:7px;background:var(--color-danger);border-radius:var(--radius-full);border:1.5px solid white;animation:pulse 1.5s ease-in-out infinite}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.modal{width:100%;max-width:var(--content-max-width);max-height:85vh;background:var(--color-bg-base);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6);overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .35s var(--transition-bounce)}.modal__handle{width:36px;height:4px;background:var(--color-text-muted);border-radius:var(--radius-full);margin:0 auto var(--space-5);opacity:.3}@keyframes splashEntry{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes splashLoad{0%{width:0%}30%{width:40%}60%{width:70%}to{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;transform:translateY(16px);animation:fadeInUp .4s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-base);box-shadow:var(--shadow-card)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);transition:var(--transition-fast);white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.96)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-light)}.btn--accent{background:var(--color-accent-gradient);color:#fff}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-primary)}.btn--success{background:var(--color-success);color:#fff}.btn--danger{background:var(--color-danger);color:#fff}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--full{width:100%}.progress{width:100%;height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .8s cubic-bezier(.4,0,.2,1);animation:progressFill 1s ease-out}.progress__bar--success{background:var(--color-success)}.progress__bar--warning{background:var(--color-warning)}.progress__label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap}.badge--pink{background:var(--color-accent-soft);color:var(--color-accent)}.badge--green{background:var(--color-success-soft);color:var(--color-success)}.badge--amber{background:var(--color-warning-soft);color:var(--color-warning)}.badge--red{background:var(--color-danger-soft);color:var(--color-danger)}.badge--blue{background:var(--color-blue-soft);color:var(--color-blue)}.badge--live{background:var(--color-danger);color:#fff;animation:pulse 1.5s ease-in-out infinite}.badge--dark{background:var(--color-primary);color:#fff}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-bg-base);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:var(--transition-fast);cursor:pointer}.tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;flex-shrink:0;overflow:hidden}.avatar--sm{width:24px;height:24px;font-size:10px}.avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar--xl{width:72px;height:72px;font-size:var(--text-xl)}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-left:-6px;border:2px solid white}.avatar-group .avatar:first-child{margin-left:0}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.stat-card__value{font-size:var(--text-xl);font-weight:var(--font-extrabold);font-family:Inter,sans-serif;line-height:1}.stat-card__label{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-medium)}.countdown{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted)}.countdown svg{width:12px;height:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding:0 var(--space-4)}.section-header__title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary)}.section-header__action{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.steps{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-4)}.step{flex:1;height:3px;background:var(--color-bg-elevated);border-radius:var(--radius-full);transition:var(--transition-base)}.step--active{background:var(--color-primary)}.step--done{background:var(--color-success)}.qr-placeholder{width:160px;height:160px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto;padding:var(--space-3);border:1px solid var(--color-border)}.page{padding:var(--space-4);max-width:var(--content-max-width);margin:0 auto}.home-greeting{padding:var(--space-4) var(--space-4) var(--space-2)}.home-greeting__user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.home-greeting__avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.home-greeting__info{flex:1}.home-greeting__name{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-primary)}.home-greeting__role{font-size:var(--text-xs);color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-4)}.stats-grid .stat-card{text-align:center;padding:var(--space-3)}.stats-grid .stat-card__value{font-size:var(--text-2xl);margin-bottom:2px}.stats-grid .stat-card__label{font-size:10px;line-height:1.3}.live-banner{margin:0 var(--space-4) var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3);color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 16px #1a223633}.live-banner:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1a223640}.live-banner__icon{font-size:24px;flex-shrink:0}.live-banner__text{flex:1}.live-banner__title{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:1px}.live-banner__desc{font-size:10px;opacity:.8}.live-banner__arrow{opacity:.6;font-size:var(--text-md)}.lot-scroll{display:flex;gap:var(--space-3);overflow-x:auto;padding:0 var(--space-4) var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lot-scroll::-webkit-scrollbar{display:none}.lot-scroll-card{flex-shrink:0;width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;scroll-snap-align:start;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-card)}.lot-scroll-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lot-scroll-card:active{transform:translateY(0)}.lot-scroll-card__image{width:100%;height:150px;overflow:hidden;background:#f8faf8;position:relative}.lot-scroll-card__image img{width:100%;height:100%;object-fit:cover}.lot-scroll-card__badge{position:absolute;top:var(--space-2);right:var(--space-2)}.lot-scroll-card__body{padding:var(--space-3)}.lot-scroll-card__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.lot-scroll-card__name{font-size:var(--text-base);font-weight:var(--font-bold)}.lot-scroll-card__price{font-size:var(--text-base);font-weight:var(--font-extrabold);color:var(--color-primary);font-family:Inter,sans-serif}.lot-scroll-card__price-unit{font-size:10px;font-weight:var(--font-normal);color:var(--color-text-muted)}.lot-scroll-card__meta{font-size:10px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.lot-scroll-card__progress{margin-bottom:var(--space-2)}.lot-scroll-card__progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted);margin-bottom:3px}.lot-scroll-card__footer{display:flex;justify-content:space-between;align-items:center}.lot-scroll-card__participants{display:flex;align-items:center;gap:var(--space-1)}.lot-scroll-card__participants .avatar{width:20px;height:20px;font-size:8px}.lot-scroll-card__participants .avatar-group .avatar{margin-left:-4px;border-width:1.5px}.lot-scroll-card__participants-count{font-size:10px;color:var(--color-text-muted)}.monthly-card{margin:0 var(--space-4) var(--space-4);padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.monthly-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.monthly-card__title{font-size:var(--text-md);font-weight:var(--font-bold)}.monthly-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.monthly-card__item-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.monthly-card__item-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);font-family:Inter,sans-serif;line-height:1}.monthly-card__item-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.market-filters{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.market-filters::-webkit-scrollbar{display:none}.market-search{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-fast)}.market-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.market-search svg{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.market-search input{flex:1;font-size:var(--text-base)}.market-search input::placeholder{color:var(--color-text-muted)}.lot-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.lot-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base);cursor:pointer;box-shadow:var(--shadow-card)}.lot-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lot-card__image{position:relative;width:100%;height:160px;overflow:hidden;background:#f8faf8}.lot-card__image img{width:100%;height:100%;object-fit:cover}.lot-card__badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;gap:var(--space-1)}.lot-card__timer{position:absolute;top:var(--space-2);right:var(--space-2)}.lot-card__body{padding:var(--space-3) var(--space-4) var(--space-4)}.lot-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.lot-card__name{font-size:var(--text-md);font-weight:var(--font-bold)}.lot-card__price{font-size:var(--text-md);font-weight:var(--font-extrabold);color:var(--color-primary);font-family:Inter,sans-serif;white-space:nowrap}.lot-card__price-unit{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-muted)}.lot-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.lot-card__progress-section{margin-bottom:var(--space-3)}.lot-card__participants{display:flex;align-items:center;justify-content:space-between}.lot-card__participants-info{display:flex;align-items:center;gap:var(--space-2)}.lot-card__participants-text{font-size:var(--text-xs);color:var(--color-text-muted)}.lot-card__participants-text strong{color:var(--color-primary);font-weight:var(--font-semibold)}.live-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.live-status{display:flex;align-items:center;gap:var(--space-2)}.live-status__dot{width:10px;height:10px;background:var(--color-danger);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}.live-status__text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-danger)}.live-feed{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.feed-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.feed-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.feed-card__author-info{flex:1}.feed-card__author-name{font-size:var(--text-sm);font-weight:var(--font-semibold)}.feed-card__time{font-size:var(--text-xs);color:var(--color-text-muted)}.feed-card__image{width:100%;height:200px;overflow:hidden;background:#f8faf8}.feed-card__image img{width:100%;height:100%;object-fit:cover}.feed-card__body{padding:var(--space-3) var(--space-4) var(--space-4)}.feed-card__text{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.feed-card__action{display:flex;gap:var(--space-2)}.order-tabs{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.order-tab{flex:1;padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer}.order-tab.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.order-list{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.order-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.order-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.order-card__id{font-size:var(--text-xs);color:var(--color-text-muted);font-family:Inter,monospace}.order-card__items{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.order-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.order-card__steps{margin-bottom:var(--space-3)}.order-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.order-card__total{font-size:var(--text-md);font-weight:var(--font-bold)}.profile-header{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);text-align:center}.profile-header__avatar{margin-bottom:var(--space-3)}.profile-header__name{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.profile-header__role{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;margin-bottom:var(--space-2)}.profile-stat{text-align:center}.profile-stat__value{font-size:var(--text-xl);font-weight:var(--font-extrabold);font-family:Inter,sans-serif;color:var(--color-primary)}.profile-stat__label{font-size:var(--text-xs);color:var(--color-text-muted)}.badge-section{padding:var(--space-4)}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.badge-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-base);box-shadow:var(--shadow-card)}.badge-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.badge-item__icon{font-size:32px}.badge-item__name{font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-item__desc{font-size:10px;color:var(--color-text-muted)}.badge-item--locked{opacity:.35;filter:grayscale(1)}.menu-section{padding:var(--space-4)}.menu-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-divider);transition:var(--transition-fast);cursor:pointer}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--color-bg-elevated)}.menu-item__icon{width:20px;height:20px;color:var(--color-text-muted)}.menu-item__label{flex:1;font-size:var(--text-base);font-weight:var(--font-medium)}.menu-item__chevron{width:16px;height:16px;color:var(--color-text-muted)}.lot-detail__image{width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4);background:#f8faf8}.lot-detail__image img{width:100%;height:100%;object-fit:cover}.lot-detail__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.lot-detail__meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.lot-detail__meta-item{display:flex;flex-direction:column;gap:2px}.lot-detail__meta-label{font-size:var(--text-xs);color:var(--color-text-muted)}.lot-detail__meta-value{font-size:var(--text-base);font-weight:var(--font-semibold)}.lot-detail__divider{height:1px;background:var(--color-divider);margin:var(--space-4) 0}.lot-detail__quantity{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.lot-detail__quantity-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-bold);transition:var(--transition-fast)}.lot-detail__quantity-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.lot-detail__quantity-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);font-family:Inter,sans-serif;min-width:60px;text-align:center}.lot-detail__quantity-suffix{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-normal)}.lot-detail__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.lot-detail__total-label{font-size:var(--text-base);color:var(--color-text-secondary)}.lot-detail__total-value{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-primary);font-family:Inter,sans-serif}