/* WhereCrew PC Web — mobile-app-aligned light orange shell */ :root { --brand: #F97316 !important; --brand-dark: #C2410C !important; --brand-glow: #FDBA74 !important; --brand-light: #FFF7ED !important; --primary: #F97316 !important; --primary-dark: #C2410C !important; --primary-light: #FED7AA !important; --primary-bg: #FFF7ED !important; --primary-glow: rgba(249,115,22,.18) !important; --tint: #F97316 !important; --bg: #F8FAFC !important; --bg2: #F1F5F9 !important; --surface: #FFFFFF !important; --surface2: #F8FAFC !important; --text1: #111827 !important; --text2: #475569 !important; --text3: #64748B !important; --muted: #94A3B8 !important; --border: #E2E8F0 !important; --border-purple: #FED7AA !important; --shadow-sm: 0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.04) !important; --shadow-md: 0 8px 24px rgba(15,23,42,.08) !important; --shadow-lg: 0 18px 48px rgba(15,23,42,.11) !important; --shadow-brand: 0 10px 22px rgba(249,115,22,.23) !important; } html,body,#app { background:#F8FAFC !important; color:#111827 !important; } body { min-width:320px; font-family:'Noto Sans KR','Pretendard',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important; } button,input,select,textarea { font-family:inherit !important; } #auth-screen { background:#FFF7ED !important; align-items:center !important; } .auth-page { max-width:440px !important; padding:34px 28px 32px !important; background:#FFF !important; border:1px solid #FED7AA; border-radius:24px !important; box-shadow:0 20px 50px rgba(194,65,12,.12) !important; } .auth-logo { margin-bottom:26px !important; } .auth-logo img { border:0 !important; border-radius:0 !important; padding:0 !important; background:transparent !important; max-height:86px !important; height:auto !important; } .auth-logo .sub,.auth-logo .big { color:#111827 !important; } .auth-logo .big em { background:none !important; -webkit-text-fill-color:#F97316 !important; color:#F97316 !important; } .social-btn,.google-btn { background:#FFF !important; color:#334155 !important; border-color:#CBD5E1 !important; box-shadow:none !important; border-radius:12px !important; } .kakao-btn { background:#FEE500 !important; border-color:#FEE500 !important; color:#191919 !important; } .auth-input,.form-input,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="date"],textarea,select { background:#FFF !important; color:#111827 !important; border-color:#CBD5E1 !important; border-radius:12px !important; } .auth-input:focus,.form-input:focus,input:focus,textarea:focus,select:focus { border-color:#F97316 !important; box-shadow:0 0 0 3px rgba(249,115,22,.14) !important; } .auth-btn,.btn-primary { background:#F97316 !important; color:#FFF !important; border-radius:12px !important; box-shadow:0 8px 18px rgba(249,115,22,.2) !important; } .auth-btn:hover,.btn-primary:hover { background:#EA580C !important; box-shadow:0 10px 24px rgba(249,115,22,.28) !important; } .divider,.auth-divider { color:#94A3B8 !important; } #main-app { min-height:100vh; background:#F8FAFC !important; } #navbar { position:sticky !important; top:0; z-index:80; background:rgba(255,255,255,.96) !important; border-bottom:1px solid #E2E8F0 !important; box-shadow:0 2px 14px rgba(15,23,42,.04) !important; backdrop-filter:blur(12px); } .nav-inner { max-width:1240px !important; min-height:70px !important; padding:0 28px !important; margin:0 auto !important; } .nav-logo { display:flex !important; align-items:center; min-width:146px; } .nav-logo img { height:36px !important; width:auto !important; object-fit:contain; filter:none !important; } .nav-menu { gap:6px !important; } .nav-link-btn { color:#475569 !important; border-radius:10px !important; font-weight:800 !important; padding:10px 13px !important; } .nav-link-btn::after { display:none !important; } .nav-link-btn:hover,.nav-link-btn.active { color:#C2410C !important; background:#FFF7ED !important; } .nav-icon-btn { color:#475569 !important; border:1px solid transparent !important; border-radius:10px !important; } .nav-icon-btn:hover { color:#C2410C !important; background:#FFF7ED !important; border-color:#FED7AA !important; } .nav-icon-bell .badge { background:#F97316 !important; box-shadow:0 0 0 2px #FFF !important; } .nav-drawer { background:#FFF !important; border:1px solid #E2E8F0 !important; border-radius:16px !important; box-shadow:var(--shadow-lg) !important; } .nav-drawer a { color:#334155 !important; } .nav-drawer a:hover { background:#FFF7ED !important; color:#C2410C !important; } .nav-drawer-btn { background:#FFF7ED !important; border-color:#FED7AA !important; color:#C2410C !important; } .pages { width:100% !important; max-width:1240px !important; margin:0 auto !important; min-height:calc(100vh - 70px); background:transparent !important; } .page { background:transparent !important; } .page.active { padding-top:10px; } .page-content,.feed-wrap,.route-wrap,.club-wrap,.trade-wrap,.profile-wrap,.search-wrap,.contact-wrap { max-width:1200px !important; margin:0 auto !important; } .feed-card,.market-card,.route-card,.club-card,.activity-card,.profile-card,.stat-card,.section-card,.contact-form-card,.contact-staff-card,.contact-history-wrap,.fc-card,.challenge-card,.ranking-card { background:#FFF !important; border-color:#E2E8F0 !important; box-shadow:var(--shadow-sm) !important; border-radius:18px !important; } .feed-card:hover,.market-card:hover,.route-card:hover,.club-card:hover,.activity-card:hover,.contact-staff-card:hover { border-color:#FDBA74 !important; box-shadow:0 10px 22px rgba(249,115,22,.10) !important; } .section-title,.page-title,h1,h2,h3,h4 { color:#111827 !important; } .section-subtitle,.page-subtitle,p,.empty-desc { color:#64748B !important; } .badge,.tag,.chip,.route-badge,.status-badge { background:#FFF7ED !important; color:#C2410C !important; border-color:#FED7AA !important; } .tab-bar { background:rgba(255,255,255,.97) !important; border-color:#E2E8F0 !important; box-shadow:0 -6px 24px rgba(15,23,42,.06) !important; } .tab-item { color:#64748B !important; } .tab-item.active { color:#F97316 !important; } .tab-rec-btn { background:#F97316 !important; color:#FFF !important; box-shadow:0 10px 20px rgba(249,115,22,.30) !important; } .modal-overlay { background:rgba(15,23,42,.42) !important; } .modal-sheet,.modal-box,.modal-content,.contact-detail-box { background:#FFF !important; border-color:#E2E8F0 !important; color:#111827 !important; box-shadow:0 20px 60px rgba(15,23,42,.22) !important; } .modal-handle { background:#CBD5E1 !important; } .modal-close,.cdb-close { background:#FFF !important; color:#475569 !important; border-color:#E2E8F0 !important; } .modal-close:hover,.cdb-close:hover { background:#FFF7ED !important; color:#C2410C !important; border-color:#FDBA74 !important; } .site-footer { background:#FFF !important; border-top:1px solid #E2E8F0 !important; color:#64748B !important; } .site-footer .footer-logo img { height:34px !important; width:auto !important; } .footer-label { color:#94A3B8 !important; } .footer-value,.footer-copyright { color:#475569 !important; } .site-footer a { color:#475569 !important; } .site-footer a:hover { color:#C2410C !important; } .map-container,.leaflet-container,.mapboxgl-map { border-radius:18px !important; overflow:hidden; border:1px solid #E2E8F0; } .fc-map-layer { border-radius:18px !important; } @media (min-width:960px) { #main-app { padding-bottom:0 !important; } .pages { padding:18px 28px 46px !important; } .tab-bar { display:none !important; } .page.active { padding-top:0; } .feed-grid,.market-grid,.route-grid,.club-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; padding-left:0 !important; padding-right:0 !important; } .market-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } .feed-list,.activity-list { gap:14px !important; } .nav-drawer { right:max(24px,calc((100vw - 1240px)/2 + 28px)) !important; } } @media (min-width:700px) and (max-width:959px) { .pages { padding:14px 20px 88px !important; } .nav-inner { padding:0 20px !important; } .nav-menu { display:flex !important; } } @media (max-width:699px) { #auth-screen { align-items:flex-start !important; padding:0 !important; } .auth-page { width:100%; min-height:100vh; border:0; border-radius:0 !important; box-shadow:none !important; padding:32px 24px 44px !important; } .nav-inner { min-height:60px !important; padding:0 14px !important; } .nav-logo { min-width:0 !important; } .nav-logo img { height:29px !important; } .nav-menu { display:none !important; } .pages { padding-bottom:88px !important; } .page.active { padding-top:0; } .feed-grid,.market-grid,.route-grid,.club-grid { gap:12px !important; } } /* Final PC light-mode corrections: legacy dark blocks and white-on-white image logos */ .cl-score-hero-stats,.fd-trade-img-wrap,.mond-cell.mond-photo { background:#F8FAFC !important; } .cl-score-hero-stats { border:1px solid #E2E8F0 !important; color:#111827 !important; } .cl-score-hero-stats * { color:inherit; } .fd-trade-img-wrap { border-bottom:1px solid #E2E8F0; } .nav-logo img,.site-footer .footer-logo img { display:none !important; } .nav-logo::before { content:'W'; width:30px; height:30px; display:inline-grid; place-items:center; background:#F97316; color:#FFF; border-radius:10px; font-size:17px; font-weight:900; letter-spacing:-.08em; box-shadow:0 5px 12px rgba(249,115,22,.22); } .nav-logo::after { content:'WhereCrew'; margin-left:9px; color:#111827; font-size:20px; font-weight:900; letter-spacing:-.055em; } .site-footer .footer-logo::before { content:'WhereCrew'; color:#111827; font-size:18px; font-weight:900; letter-spacing:-.05em; } #main-app [style*="background:#0F0E17"],#main-app [style*="background: #0F0E17"],#main-app [style*="background:#1A1825"],#main-app [style*="background: #1A1825"],#main-app [style*="background:#1E1C2A"],#main-app [style*="background: #1E1C2A"] { background:#FFF !important; color:#111827 !important; border-color:#E2E8F0 !important; } #main-app [style*="color:#F0EEF8"],#main-app [style*="color: #F0EEF8"] { color:#111827 !important; } #main-app [style*="color:#A89EC4"],#main-app [style*="color: #A89EC4"] { color:#475569 !important; } @media (min-width:960px) { #app { width:100% !important; max-width:none !important; } #main-app,#navbar { min-width:0 !important; width:100% !important; } .feed-content,.feed-container,.feed-wrap { width:100% !important; max-width:1200px !important; } } /* Broad-desktop correction: browsers below 960px still need a PC-width canvas */ .cl-score-hero { background:#FFFFFF !important; color:#111827 !important; border:1px solid #E2E8F0 !important; box-shadow:var(--shadow-sm) !important; } .cl-score-hero * { color:inherit; } .cl-score-hero [class*="temp"],.cl-score-hero [class*="score"] { color:#111827 !important; } .mond-overlay { background:rgba(15,23,42,.18) !important; } .fd-ai-badge,.contact-submit-btn { background:#F97316 !important; } .contact-selected-staff-bar,.cdb-reply { background:#FFF7ED !important; border-color:#FED7AA !important; } @media (min-width:700px) { #app,#main-app,#navbar { width:100% !important; max-width:none !important; min-width:0 !important; } .pages { width:100% !important; max-width:1240px !important; padding:18px 28px 44px !important; } .tab-bar { display:none !important; } .feed-content,.feed-container,.feed-wrap { width:100% !important; max-width:1200px !important; } .nav-inner { width:100% !important; max-width:1240px !important; } .market-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } .feed-grid,.route-grid,.club-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } /* PC_FEED_LIGHT_SURFACES_20260902 */ /* 남아 있던 레거시 피드의 검정 카드 표면만 라이트 모드로 전환한다. */ #page-feed .fd-trade-card, #page-feed .fd-act-card, #page-feed .fd-photo-card, #page-feed .fd-club-card, #page-feed .mond-cell:not(.mond-photo) { background:#FFFFFF !important; color:#111827 !important; border:1px solid #E2E8F0 !important; box-shadow:0 1px 3px rgba(15,23,42,.06) !important; } #page-feed .fd-trade-img-wrap, #page-feed .fd-photo-placeholder, #page-feed .fd-club-img-placeholder, #page-feed .mond-cell:not(.mond-photo) { background:#F8FAFC !important; } #page-feed .fd-trade-title, #page-feed .fd-trade-price, #page-feed .fd-act-title, #page-feed .fd-act-stat-val, #page-feed .fd-club-name { color:#111827 !important; } #page-feed .fd-trade-meta, #page-feed .fd-act-date, #page-feed .fd-act-stat-lbl, #page-feed .fd-club-meta { color:#64748B !important; } /* PC_FEED_LIGHT_COMPLETION_20260902 */ /* 점수 요약과 커뮤니티 그리드의 레거시 다크 패널을 라이트 표면으로 통일한다. */ #page-feed .cl-score-hero-profile { background:#FFFFFF !important; border-right:1px solid #E2E8F0 !important; } #page-feed .cl-score-hero-profile * { color:#111827 !important; } #page-feed .cl-score-hero-accent { background:#F97316 !important; } #page-feed .cl-score-hero-stats { background:#F8FAFC !important; gap:8px !important; padding:8px !important; } #page-feed .cl-score-hero-stat { background:#FFFFFF !important; border:1px solid #E2E8F0 !important; border-radius:10px !important; } #page-feed .cl-score-hero-stat-val { color:#111827 !important; } #page-feed .cl-score-hero-stat-label { color:#64748B !important; } #page-feed .mond-grid { background:#E2E8F0 !important; border:1px solid #E2E8F0 !important; gap:1px !important; border-radius:14px !important; } #page-feed .mond-placeholder { background:#FFF7ED !important; color:#C2410C !important; } #page-feed .mond-overlay { background:rgba(255,255,255,.9) !important; border-top:1px solid rgba(226,232,240,.92) !important; } #page-feed .mond-nick, #page-feed .mond-title, #page-feed .mond-stat { color:#334155 !important; } /* PC_DESKTOP_NAVIGATION_20260902 */ /* 넓은 화면에서는 실제 상단 메뉴를 사용하고, 중복되는 햄버거·드로어 제어는 숨긴다. */ @media (min-width:700px) { .nav-menu { display:flex !important; } .nav-hamburger { display:none !important; } .nav-drawer { display:none !important; } } /* PC_RESPONSIVE_BREAKPOINT_REMEDIATION_20260902 */ /* 태블릿에서는 흐름형 헤더·3/2열 그리드·활동 진입을, 모바일에서는 명확한 대비와 플랫 버튼을 유지한다. */ @media (min-width:700px) { #main-app { padding-top:0 !important; } #navbar { left:0 !important; transform:none !important; } #navbar .nav-track-entry { display:inline-flex !important; } } @media (min-width:700px) and (max-width:959px) { .nav-inner { padding:0 16px !important; } .nav-link-btn { padding:10px 9px !important; font-size:13px !important; } .pages { padding:14px 20px 28px !important; } .market-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .feed-grid,.route-grid,.club-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:699px) { #navbar .nav-hamburger span { background:#475569 !important; } #main-app .tab-rec-btn { background:#F97316 !important; box-shadow:0 8px 18px rgba(249,115,22,.24) !important; } } #pwa-install-popup > div { background:#FFFFFF !important; color:#111827 !important; box-shadow:0 -8px 30px rgba(15,23,42,.14) !important; } #pwa-install-btn { background:#F97316 !important; box-shadow:0 6px 16px rgba(249,115,22,.22) !important; } #pwa-install-popup button[onclick="dismissPwaPopup()"] { color:#64748B !important; } /* PC_MOBILE_TRACK_ENTRY_DEDUP_20260902 */ /* 모바일은 하단 중앙의 활동 시작 제어를 단일 진입점으로 유지한다. */ @media (max-width:699px) { #navbar .nav-track-entry { display:none !important; } } /* PC_MOBILE_SAFE_AREA_DARK_MODE_20260902 */ /* 모바일 브라우저의 노치·홈 인디케이터·동적 주소창을 고려하고, 시스템 다크모드에서도 라이트 UI 제어 대비를 고정한다. */ :root { color-scheme:light !important; } @media (max-width:699px) { #main-app { padding-top:0 !important; } #navbar { padding-top:env(safe-area-inset-top, 0px) !important; min-height:calc(60px + env(safe-area-inset-top, 0px)) !important; } #navbar .nav-inner { height:60px !important; min-height:60px !important; } #navDrawer { top:calc(60px + env(safe-area-inset-top, 0px)) !important; } .tab-bar { height:calc(64px + env(safe-area-inset-bottom, 0px)) !important; min-height:calc(64px + env(safe-area-inset-bottom, 0px)) !important; padding-bottom:max(env(safe-area-inset-bottom, 0px), 8px) !important; } .modal-sheet { max-height:calc(100dvh - env(safe-area-inset-top, 0px)) !important; padding-bottom:max(env(safe-area-inset-bottom, 0px), 20px) !important; } .activity-detail { padding-top:env(safe-area-inset-top, 0px) !important; padding-bottom:env(safe-area-inset-bottom, 0px) !important; } #toast { bottom:calc(90px + env(safe-area-inset-bottom, 0px)) !important; max-width:calc(100vw - 32px) !important; white-space:normal !important; text-align:center !important; } .fab { bottom:calc(80px + env(safe-area-inset-bottom, 0px)) !important; } #pwa-install-popup { padding-bottom:env(safe-area-inset-bottom, 0px) !important; } #navbar .nav-hamburger span { background:#475569 !important; } #main-app .tab-rec-btn { background:#F97316 !important; box-shadow:0 8px 18px rgba(249,115,22,.24) !important; } } @media (prefers-color-scheme:dark) { html, body, #app, #main-app { background:#F8FAFC !important; color:#111827 !important; } #navbar, .tab-bar, .modal-sheet, .modal-box, .modal-content, #pwa-install-popup > div { background:#FFFFFF !important; color:#111827 !important; } #navbar .nav-hamburger span { background:#475569 !important; } #navbar .nav-icon-btn, #navbar .nav-link-btn { color:#475569 !important; } #navbar .nav-track-entry, #main-app .tab-rec-btn, #pwa-install-btn { background:#F97316 !important; color:#FFFFFF !important; } } /* PC_MOBILE_DARK_CONTRAST_20260902 */ /* 주황 행동 표면에서는 네이비 전경색을 사용해 작은 아이콘·설치 문구의 대비를 높인다. */ #navbar .nav-track-entry, #main-app .tab-rec-btn, #pwa-install-btn { color:#111827 !important; } #navbar .nav-track-entry svg, #main-app .tab-rec-btn svg { stroke:#111827 !important; } /* PC_MOBILE_PWA_TOAST_STACK_20260902 */ /* 활성 PWA 배너는 하단 탭과 안전영역 위에, 토스트는 배너 위에 적층한다. */ #pwa-install-banner { position:fixed !important; left:50% !important; transform:translateX(-50%) !important; z-index:9999 !important; display:flex !important; align-items:center !important; gap:12px !important; width:calc(100vw - 32px) !important; max-width:360px !important; padding:12px 14px !important; background:#FFFFFF !important; color:#111827 !important; border:1px solid #E2E8F0 !important; border-radius:14px !important; box-shadow:0 8px 24px rgba(15,23,42,.14) !important; } .pwa-banner-icon { width:40px !important; height:40px !important; flex:0 0 auto !important; border-radius:10px !important; } .pwa-banner-copy { min-width:0 !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; gap:2px !important; } .pwa-banner-copy strong { color:#111827 !important; font-size:14px !important; font-weight:800 !important; line-height:1.25 !important; } .pwa-banner-copy span,.pwa-banner-copy small { color:#64748B !important; font-size:12px !important; line-height:1.35 !important; } .pwa-banner-actions { flex:0 0 auto !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:4px !important; } .pwa-banner-actions button { border:none !important; border-radius:8px !important; padding:6px 10px !important; font:inherit !important; font-size:12px !important; font-weight:800 !important; white-space:nowrap !important; cursor:pointer !important; } .pwa-banner-install { background:#F97316 !important; color:#111827 !important; } .pwa-banner-dismiss { background:transparent !important; color:#64748B !important; } @media (max-width:699px) { #pwa-install-banner { bottom:calc(64px + max(env(safe-area-inset-bottom, 0px), 8px) + 12px) !important; } body.pwa-install-banner-open #toast { bottom:calc(64px + max(env(safe-area-inset-bottom, 0px), 8px) + var(--pwa-install-banner-height, 112px)) !important; } } @media (min-width:700px) { #pwa-install-banner { bottom:24px !important; } } /* APP_PARITY_SHELL_RECOVERY_20260902 */ /* Native app parity: remove legacy 480px canvas centering from the shared shell. The web DOM keeps its behavior; this final cascade only establishes the same white header, F8FAFC canvas, 16px cards and predictable responsive geometry. */ html, body { width:100% !important; min-width:320px !important; overflow-x:hidden !important; background:#F8FAFC !important; } #app { display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:100dvh !important; margin:0 !important; } #main-app { display:flex !important; flex-direction:column !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:100dvh !important; padding:0 !important; background:#F8FAFC !important; } #navbar { left:0 !important; right:0 !important; transform:none !important; width:100% !important; max-width:none !important; min-width:0 !important; height:auto !important; min-height:64px !important; margin:0 !important; background:#FFFFFF !important; border-bottom:1px solid #F3F4F6 !important; box-shadow:none !important; } #navbar .nav-inner { width:100% !important; max-width:1240px !important; min-width:0 !important; height:64px !important; min-height:64px !important; margin:0 auto !important; padding:0 24px !important; } .pages { flex:1 1 auto !important; width:100% !important; max-width:1240px !important; min-width:0 !important; min-height:calc(100dvh - 64px) !important; margin:0 auto !important; padding:22px 28px 48px !important; overflow:visible !important; background:transparent !important; } .page, .page.active { width:100% !important; min-width:0 !important; max-width:none !important; padding-top:0 !important; overflow:visible !important; } #page-feed { display:none !important; } #page-feed.active { display:flex !important; flex-direction:column !important; } #page-feed .cl-score-hero { width:100% !important; min-height:156px !important; grid-template-columns:minmax(0,1fr) 320px !important; border-radius:16px !important; overflow:hidden !important; } #page-feed .cl-score-hero-profile { padding:20px !important; } #page-feed .cl-score-hero-stats { padding:12px !important; } #page-feed .fd-trade-hscroll { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; width:100% !important; overflow:visible !important; padding:0 !important; } #page-feed .fd-trade-card { width:auto !important; min-width:0 !important; min-height:124px !important; border-radius:14px !important; } #page-feed .mond-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-template-rows:auto !important; grid-template-areas:none !important; width:100% !important; gap:12px !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; overflow:visible !important; } #page-feed .mond-cell { grid-area:auto !important; grid-column:auto !important; grid-row:auto !important; min-height:184px !important; border:1px solid #E5E7EB !important; border-radius:16px !important; overflow:hidden !important; background:#FFFFFF !important; } #page-feed .mond-cell.mond-deco { display:none !important; } #page-feed .mond-photo { background:#FFF7ED !important; } #auth-screen { width:100% !important; min-width:0 !important; min-height:100dvh !important; height:auto !important; padding:0 !important; background:#F8FAFC !important; } #auth-screen .auth-page { width:100% !important; max-width:440px !important; min-width:0 !important; background:#FFFFFF !important; border:1px solid #F3F4F6 !important; border-radius:20px !important; box-shadow:0 10px 28px rgba(15,23,42,.08) !important; } @media (min-width:700px) { #auth-screen { align-items:center !important; justify-content:center !important; padding:48px 24px !important; } #auth-screen .auth-page { padding:40px !important; } .nav-menu { display:flex !important; } .nav-hamburger, .tab-bar { display:none !important; } } @media (min-width:960px) { #page-feed .mond-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } @media (min-width:700px) and (max-width:959px) { #navbar .nav-inner { padding:0 18px !important; } .pages { padding:18px 20px 36px !important; } #page-feed .cl-score-hero { grid-template-columns:minmax(0,1fr) 260px !important; } #page-feed .fd-trade-hscroll { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } #page-feed .mond-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:699px) { #navbar { min-height:60px !important; } #navbar .nav-inner { height:60px !important; min-height:60px !important; padding:0 14px !important; } .pages { min-height:calc(100dvh - 60px) !important; padding:14px 16px calc(88px + env(safe-area-inset-bottom, 0px)) !important; } #page-feed .cl-score-hero { min-height:auto !important; grid-template-columns:1fr !important; } #page-feed .cl-score-hero-profile { border-right:0 !important; border-bottom:1px solid #F3F4F6 !important; } #page-feed .cl-score-hero-stats { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } #page-feed .fd-trade-hscroll { display:flex !important; gap:10px !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; padding:0 0 4px !important; } #page-feed .fd-trade-card { flex:0 0 154px !important; scroll-snap-align:start !important; } #page-feed .mond-grid { grid-template-columns:1fr !important; gap:12px !important; } #page-feed .mond-cell { min-height:178px !important; } .tab-bar { left:0 !important; right:0 !important; transform:none !important; width:100% !important; max-width:none !important; } } /* APP_PARITY_AUTH_AND_SHELL_20260902 */ /* Final native-theme reset: legacy dark tokens and 50%-centered narrow shell must never override the white app header / F8FAFC canvas at any viewport. */ :root { --bg:#F8FAFC !important; --bg2:#F3F4F6 !important; --surface:#FFFFFF !important; --text1:#111827 !important; --text2:#6B7280 !important; --text3:#9CA3AF !important; --muted:#9CA3AF !important; --border:#E5E7EB !important; --primary:#F97316 !important; --primary-dark:#EA580C !important; --primary-light:#FFF7ED !important; --primary-bg:#FFF7ED !important; --brand:#F97316 !important; --brand-dark:#EA580C !important; --r-md:12px !important; --r-lg:16px !important; --r-xl:16px !important; } html, body { background:#F8FAFC !important; color:#111827 !important; } #navbar, .tab-bar { background:#FFFFFF !important; color:#111827 !important; } #navbar .nav-inner { box-shadow:none !important; } #navbar .nav-logo { color:#111827 !important; } #navbar .nav-link-btn { color:#6B7280 !important; font-weight:700 !important; } #navbar .nav-link-btn.active, #navbar .nav-link-btn:hover { color:#F97316 !important; background:#FFF7ED !important; } #navbar .nav-icon-btn { color:#475569 !important; } #navbar .nav-hamburger span { background:#475569 !important; } #auth-screen { align-items:center !important; justify-content:center !important; } #auth-screen .auth-page { overflow:hidden !important; color:#111827 !important; } #auth-screen .auth-logo { position:relative !important; width:100% !important; min-height:126px !important; margin:0 0 18px !important; padding:28px 20px 16px !important; border:0 !important; border-radius:0 !important; background:#FFF7ED !important; text-align:center !important; } #auth-screen .auth-logo::before, #auth-screen .auth-logo::after { display:none !important; } #auth-screen .auth-logo img { content:url('/img/wc_logo_app.png') !important; display:block !important; width:auto !important; max-width:160px !important; max-height:64px !important; margin:0 auto !important; filter:none !important; box-shadow:none !important; } #auth-screen .auth-logo .big { color:#111827 !important; font-size:28px !important; font-weight:900 !important; } #auth-screen .auth-logo .big em { color:#F97316 !important; -webkit-text-fill-color:#F97316 !important; background:none !important; } #auth-screen .auth-logo .sub, #auth-screen .auth-logo .slogan, #auth-screen .auth-tagline { color:#6B7280 !important; } #auth-screen .auth-form, #auth-screen .auth-content { padding:0 24px 26px !important; } #auth-screen .auth-input, #auth-screen .form-input { background:#FFFFFF !important; color:#111827 !important; border-color:#E5E7EB !important; border-radius:12px !important; } #auth-screen .auth-btn, #auth-screen .btn-primary { min-height:52px !important; border-radius:14px !important; background:#F97316 !important; box-shadow:none !important; } #auth-screen .google-btn { background:#FFFFFF !important; color:#374151 !important; border-color:#E5E7EB !important; } #auth-screen .divider, #auth-screen .auth-divider { color:#9CA3AF !important; } #main-app [style*="background:#0F0E17"], #main-app [style*="background: #0F0E17"], #main-app [style*="background:#1A1825"], #main-app [style*="background: #1A1825"], #main-app [style*="background:#1E1C2A"], #main-app [style*="background: #1E1C2A"] { background:#FFFFFF !important; color:#111827 !important; } #main-app [style*="color:#F0EEF8"], #main-app [style*="color: #F0EEF8"] { color:#111827 !important; } #main-app [style*="color:#A89EC4"], #main-app [style*="color: #A89EC4"] { color:#6B7280 !important; } #main-app button, #main-app input, #main-app select, #main-app textarea { font-family:inherit !important; } #main-app .card, #main-app .panel, #main-app .section-card, #main-app .route-card, #main-app .club-card, #main-app .trade-card { border-color:#E5E7EB !important; border-radius:16px !important; } @media (min-width:700px) { #auth-screen .auth-page { min-width:420px !important; } #main-app .page-title, #main-app .section-title { font-size:20px !important; font-weight:900 !important; color:#111827 !important; } } @media (max-width:699px) { #auth-screen { align-items:flex-start !important; padding:16px 0 0 !important; } #auth-screen .auth-page { max-width:none !important; min-height:0 !important; border-radius:16px !important; margin:0 16px !important; } #auth-screen .auth-logo { min-height:112px !important; padding-top:22px !important; } #auth-screen .auth-logo img { max-width:138px !important; max-height:54px !important; } #auth-screen .auth-form, #auth-screen .auth-content { padding:0 18px 22px !important; } #main-app .page-title, #main-app .section-title { font-size:17px !important; font-weight:800 !important; } } /* APP_PARITY_AUTH_WIDTH_FIX_20260902 */ /* A 100% auth card plus horizontal margins exceeds narrow desktop/mobile windows. Use a shrink-to-available card width so its visual edge always stays inside the viewport. */ @media (max-width:699px) { #auth-screen .auth-page { width:calc(100% - 32px) !important; max-width:none !important; box-sizing:border-box !important; margin:0 auto !important; } } /* APP_PARITY_FEED_CARD_REBUILD_20260902 */ /* Preserve the dashboard API and click handlers; replace legacy collage visuals with Android-style cards. */ #page-feed #collage-feed { width:100% !important; max-width:none !important; padding:0 0 80px !important; } #page-feed .cl-score-hero { display:grid !important; grid-template-columns:minmax(0,1fr) 310px !important; min-height:132px !important; margin:0 0 28px !important; background:#FFF4E9 !important; border:0 !important; border-radius:16px !important; box-shadow:none !important; color:#111827 !important; } #page-feed .cl-score-hero-profile { display:flex !important; align-items:center !important; gap:12px !important; padding:18px 20px !important; background:transparent !important; border:0 !important; } #page-feed .cl-score-avatar, #page-feed .cl-score-avatar-placeholder { width:48px !important; height:48px !important; min-width:48px !important; border:0 !important; border-radius:24px !important; background:#FFE1C8 !important; color:#F97316 !important; display:flex !important; align-items:center !important; justify-content:center !important; } #page-feed .cl-score-name { color:#111827 !important; font-size:18px !important; font-weight:900 !important; } #page-feed .cl-score-grade { color:#64748B !important; font-size:12px !important; font-weight:700 !important; margin-top:3px !important; } #page-feed .cl-score-hero-accent { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; min-width:0 !important; padding:0 8px !important; background:transparent !important; color:#F97316 !important; } #page-feed .cl-score-hero-accent-val { color:#F97316 !important; font-size:24px !important; font-weight:900 !important; line-height:1 !important; } #page-feed .cl-score-hero-accent-label { color:#9A5A2B !important; font-size:11px !important; font-weight:700 !important; margin-top:5px !important; } #page-feed .cl-score-hero-stats { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:center !important; min-width:0 !important; padding:16px 14px !important; background:#FFFFFF !important; border:1px solid #FDE6D4 !important; border-radius:0 16px 16px 0 !important; } #page-feed .cl-score-hero-stat { min-width:0 !important; padding:0 5px !important; border:0 !important; text-align:center !important; } #page-feed .cl-score-hero-stat-val { color:#111827 !important; font-size:16px !important; font-weight:900 !important; line-height:1.2 !important; } #page-feed .cl-score-hero-stat-label { color:#94A3B8 !important; font-size:10px !important; font-weight:700 !important; margin-top:4px !important; white-space:nowrap !important; } #page-feed .fd-section-header { height:auto !important; min-height:34px !important; margin:0 0 10px !important; padding:0 !important; align-items:center !important; } #page-feed .fd-section-title { color:#111827 !important; font-size:18px !important; font-weight:900 !important; letter-spacing:-.03em !important; } #page-feed .fd-section-more { color:#F97316 !important; font-size:13px !important; font-weight:800 !important; } #page-feed .fd-ai-badge { display:inline-flex !important; vertical-align:middle !important; padding:3px 7px !important; border-radius:999px !important; background:#FFF7ED !important; color:#EA580C !important; font-size:10px !important; font-weight:900 !important; } #page-feed .fd-trade-hscroll { margin:0 0 28px !important; gap:12px !important; } #page-feed .fd-trade-card { display:flex !important; flex-direction:column !important; min-height:184px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; overflow:hidden !important; } #page-feed .fd-trade-img-wrap { height:96px !important; min-height:96px !important; background:#FFF7ED !important; border:0 !important; } #page-feed .fd-trade-img-wrap img { width:100% !important; height:100% !important; object-fit:cover !important; } #page-feed .fd-trade-img-placeholder { height:100% !important; background:#FFF7ED !important; color:#F97316 !important; font-size:30px !important; } #page-feed .fd-trade-body { display:block !important; padding:11px 12px 12px !important; background:#FFFFFF !important; } #page-feed .fd-trade-title { color:#111827 !important; font-size:13px !important; font-weight:800 !important; line-height:1.35 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #page-feed .fd-trade-price { color:#111827 !important; font-size:15px !important; font-weight:900 !important; margin-top:5px !important; } #page-feed .fd-trade-meta { display:flex !important; min-width:0 !important; align-items:center !important; gap:5px !important; margin-top:6px !important; } #page-feed .fd-trade-cond { background:#F3F4F6 !important; color:#64748B !important; border:0 !important; border-radius:999px !important; padding:3px 6px !important; font-size:9px !important; font-weight:700 !important; } #page-feed .fd-trade-nick { min-width:0 !important; color:#94A3B8 !important; font-size:10px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } #page-feed .fd-row-full, #page-feed .fd-row-2col { margin:0 0 14px !important; gap:14px !important; } #page-feed .fd-act-card, #page-feed .fd-photo-card, #page-feed .fd-club-card, #page-feed .fd-badges-card { background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; } #page-feed .fd-act-card::before { display:none !important; } #page-feed .fd-act-card { min-height:164px !important; } #page-feed .fd-act-inner { padding:16px !important; } #page-feed .fd-act-type { color:#F97316 !important; font-size:11px !important; font-weight:900 !important; } #page-feed .fd-act-date, #page-feed .fd-act-stat-lbl { color:#94A3B8 !important; } #page-feed .fd-act-stat-val, #page-feed .fd-act-title { color:#111827 !important; } #page-feed .fd-photo-card { min-height:220px !important; background:#FFF7ED !important; } #page-feed .fd-photo-placeholder { background:#FFF7ED !important; color:#F97316 !important; } #page-feed .mond-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-template-rows:none !important; grid-template-areas:none !important; gap:14px !important; margin:0 0 14px !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; overflow:visible !important; } #page-feed .mond-cell, #page-feed .mond-cell.mond-photo { display:flex !important; flex-direction:column !important; grid-area:auto !important; grid-column:auto !important; grid-row:auto !important; min-height:244px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; overflow:hidden !important; } #page-feed .mond-cell.mond-deco { display:none !important; } #page-feed .mond-cell img, #page-feed .mond-placeholder { position:relative !important; inset:auto !important; display:block !important; flex:0 0 148px !important; width:100% !important; height:148px !important; object-fit:cover !important; background:#FFF7ED !important; } #page-feed .mond-placeholder { display:flex !important; align-items:center !important; justify-content:center !important; color:#F97316 !important; font-size:34px !important; } #page-feed .mond-overlay { position:relative !important; inset:auto !important; display:flex !important; flex:1 1 auto !important; flex-direction:column !important; justify-content:center !important; min-height:94px !important; padding:12px 14px !important; background:#FFFFFF !important; color:#111827 !important; } #page-feed .mond-nick { color:#64748B !important; font-size:11px !important; font-weight:700 !important; line-height:1.25 !important; } #page-feed .mond-title { color:#111827 !important; font-size:15px !important; font-weight:900 !important; line-height:1.35 !important; margin-top:3px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } #page-feed .mond-stat { color:#F97316 !important; font-size:12px !important; font-weight:800 !important; margin-top:5px !important; } @media (min-width:700px) and (max-width:959px) { #page-feed .cl-score-hero { grid-template-columns:minmax(0,1fr) 270px !important; } #page-feed .fd-trade-hscroll, #page-feed .mond-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:699px) { #page-feed #collage-feed { padding-bottom:calc(90px + env(safe-area-inset-bottom, 0px)) !important; } #page-feed .cl-score-hero { grid-template-columns:minmax(0,1fr) !important; min-height:0 !important; margin-bottom:24px !important; } #page-feed .cl-score-hero-profile { padding:16px !important; } #page-feed .cl-score-hero-accent { position:absolute !important; right:28px !important; padding:0 !important; } #page-feed .cl-score-hero-stats { border:0 !important; border-top:1px solid #FDE6D4 !important; border-radius:0 !important; padding:13px 10px !important; } #page-feed .fd-section-title { font-size:17px !important; } #page-feed .fd-trade-hscroll { margin-bottom:24px !important; } #page-feed .fd-trade-card { min-height:174px !important; } #page-feed .fd-trade-img-wrap { height:88px !important; min-height:88px !important; } #page-feed .mond-grid { grid-template-columns:1fr !important; gap:12px !important; margin-bottom:12px !important; } #page-feed .mond-cell, #page-feed .mond-cell.mond-photo { min-height:236px !important; } } /* APP_PARITY_CLUB_CARD_REBUILD_20260902 */ /* The existing search/filter/detail handlers remain unchanged; this layer only restores the Android card hierarchy. */ #page-club .page-content { height:auto !important; padding:0 !important; } #page-club .section-header { padding:0 0 14px !important; } #page-club .section-title { color:#111827 !important; font-size:22px !important; font-weight:900 !important; } #page-club .club-search-wrap, #page-club .club-filter-wrap { background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; } #page-club #club-keyword { width:100% !important; min-height:46px !important; padding:0 14px !important; background:#FFFFFF !important; color:#111827 !important; border:1px solid #E5E7EB !important; border-radius:12px !important; font-size:14px !important; } #page-club #region-btn, #page-club #radius-btn { min-height:38px !important; padding:0 12px !important; border:1px solid #E5E7EB !important; border-radius:10px !important; background:#FFFFFF !important; color:#475569 !important; font-size:12px !important; font-weight:800 !important; box-shadow:none !important; } #page-club .filter-tabs { display:flex !important; gap:8px !important; margin:12px 0 18px !important; padding:0 !important; overflow-x:auto !important; scrollbar-width:none !important; } #page-club .filter-tab { flex:0 0 auto !important; min-height:34px !important; padding:0 13px !important; border:0 !important; border-radius:17px !important; background:#F3F4F6 !important; color:#64748B !important; font-size:12px !important; font-weight:800 !important; box-shadow:none !important; } #page-club .filter-tab.active { background:#F97316 !important; color:#FFFFFF !important; } #page-club #club-list { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; padding:0 0 80px !important; } #page-club .cc-section-header { grid-column:1 / -1 !important; height:auto !important; margin:8px 0 0 !important; padding:0 !important; } #page-club .cc-section-label { color:#111827 !important; font-size:17px !important; font-weight:900 !important; letter-spacing:-.02em !important; } #page-club .club-card.cc-compact { display:flex !important; flex-direction:column !important; min-width:0 !important; min-height:248px !important; height:248px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; overflow:hidden !important; } #page-club .club-card.cc-compact:hover { transform:translateY(-2px) !important; border-color:#FDBA74 !important; box-shadow:0 6px 16px rgba(15,23,42,.06) !important; } #page-club .cc-compact-thumb { width:100% !important; min-width:0 !important; height:112px !important; flex:0 0 112px !important; border:0 !important; border-radius:0 !important; background:#FFF7ED !important; } #page-club .cc-compact-thumb > img { width:100% !important; height:100% !important; object-fit:cover !important; } #page-club .cc-compact-thumb > div { background:#FFF7ED !important; } #page-club .cc-compact-thumb > div > span:first-child { font-size:32px !important; } #page-club .cc-compact-body { display:flex !important; min-width:0 !important; flex:1 1 auto !important; padding:13px 14px !important; background:#FFFFFF !important; } #page-club .cc-compact-name-row { display:flex !important; align-items:center !important; gap:7px !important; min-width:0 !important; } #page-club .cc-compact-name { min-width:0 !important; color:#111827 !important; font-size:15px !important; font-weight:900 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } #page-club .cc-compact-badge { flex:0 0 auto !important; padding:3px 7px !important; border-radius:999px !important; background:#FFF7ED !important; color:#C2410C !important; font-size:10px !important; font-weight:800 !important; } #page-club .cc-compact-meta { color:#F97316 !important; font-size:11px !important; font-weight:800 !important; margin-top:6px !important; } #page-club .cc-compact-desc { min-height:32px !important; margin-top:6px !important; color:#64748B !important; font-size:11px !important; line-height:1.45 !important; overflow:hidden !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; } #page-club .cc-desc-more-hint, #page-club .cc-desc-more-hint svg { color:#F97316 !important; stroke:#F97316 !important; } #page-club .cc-compact-footer { display:flex !important; align-items:center !important; gap:8px !important; min-width:0 !important; margin-top:auto !important; padding-top:9px !important; border-top:1px solid #F3F4F6 !important; } #page-club .cc-compact-stat { color:#94A3B8 !important; font-size:10px !important; font-weight:700 !important; white-space:nowrap !important; } #page-club .cc-dday-chip { min-width:0 !important; margin-left:auto !important; padding:4px 6px !important; border-radius:999px !important; background:#FFF7ED !important; color:#C2410C !important; font-size:9px !important; font-weight:800 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } #page-club .empty-state { grid-column:1 / -1 !important; border:1px solid #E5E7EB !important; border-radius:16px !important; background:#FFFFFF !important; color:#64748B !important; } @media (min-width:700px) and (max-width:959px) { #page-club #club-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:699px) { #page-club .section-title { font-size:20px !important; } #page-club #club-list { grid-template-columns:1fr !important; gap:12px !important; padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important; } #page-club .club-card.cc-compact { height:126px !important; min-height:126px !important; flex-direction:row !important; } #page-club .cc-compact-thumb { width:112px !important; min-width:112px !important; height:124px !important; flex:0 0 112px !important; } #page-club .cc-compact-body { padding:12px !important; } #page-club .cc-compact-desc { -webkit-line-clamp:1 !important; min-height:16px !important; } } /* APP_PARITY_ROUTE_MARKET_REBUILD_20260902 */ /* Existing GPX API, purchase/download authorization, map preview and detail handlers are preserved. */ #page-route .page-content { padding:0 !important; height:auto !important; } #page-route .section-header { padding:0 0 14px !important; } #page-route .section-title { color:#111827 !important; font-size:22px !important; font-weight:900 !important; } #page-route .route-top-tabs, #page-route .route-tabs { gap:8px !important; background:transparent !important; border:0 !important; } #page-route .route-tab, #page-route .route-top-tabs button { border-radius:10px !important; color:#64748B !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; box-shadow:none !important; } #page-route .route-tab.active, #page-route .route-top-tabs button.active { color:#FFFFFF !important; background:#F97316 !important; border-color:#F97316 !important; } #page-route #route-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; padding:0 0 80px !important; align-items:start !important; } #page-route #route-list > div[style*="padding:0 16px"], #page-route #route-list > div[style*="justify-content:flex-end"] { grid-column:1 / -1 !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; } #page-route #route-list > div[onclick*="showRouteDetail"] { display:flex !important; flex-direction:column !important; min-width:0 !important; min-height:355px !important; margin:0 !important; padding:14px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; } #page-route #route-list > div[onclick*="showRouteDetail"]:hover { border-color:#FDBA74 !important; box-shadow:0 6px 16px rgba(15,23,42,.06) !important; transform:translateY(-2px) !important; } #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="height:140px"] { height:172px !important; min-height:172px !important; margin:0 0 13px !important; border-radius:12px !important; background:#E8F0E5 !important; } #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="height:100px"] { height:172px !important; min-height:172px !important; margin:0 0 13px !important; border-radius:12px !important; background:#FFF7ED !important; } #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="justify-content:space-between"] { margin-bottom:8px !important; } #page-route #route-list > div[onclick*="showRouteDetail"] [style*="font-weight:700;font-size:15px"] { color:#111827 !important; font-size:16px !important; font-weight:900 !important; line-height:1.35 !important; } #page-route #route-list > div[onclick*="showRouteDetail"] [style*="text-align:right"] { color:#F97316 !important; } #page-route #route-list > div[onclick*="showRouteDetail"] [style*="gap:12px;font-size:12px"] { color:#64748B !important; font-size:12px !important; } #page-route #route-list > div[onclick*="showRouteDetail"] [style*="-webkit-line-clamp:2"] { min-height:36px !important; margin-bottom:12px !important; color:#64748B !important; font-size:12px !important; line-height:1.5 !important; } #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="gap:8px;align-items:center"] { margin-top:auto !important; } #page-route #route-list > div[onclick*="showRouteDetail"] button { min-height:40px !important; border-radius:10px !important; font-size:12px !important; font-weight:800 !important; box-shadow:none !important; } #page-route #route-list > div[onclick*="showRouteDetail"] button[onclick*="buyRoute"] { background:#F97316 !important; color:#FFFFFF !important; } #page-route #route-list > div[onclick*="showRouteDetail"] button[onclick*="downloadGpx"] { background:#16A34A !important; color:#FFFFFF !important; } #page-route #route-list > div[onclick*="showRouteDetail"] button[onclick*="showEnhancedRoutePreview"] { background:#FFF7ED !important; border-color:#FDBA74 !important; color:#C2410C !important; } #page-route #route-list > div[onclick*="showRouteDetail"] button[onclick*="toggleWishlist"] { flex:0 0 42px !important; padding:0 !important; border-color:#E5E7EB !important; background:#FFFFFF !important; } #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="border-top:1px solid"] { color:#94A3B8 !important; border-color:#F3F4F6 !important; } #page-route .sort-modal { background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-bottom:0 !important; border-radius:20px 20px 0 0 !important; color:#111827 !important; box-shadow:0 -10px 28px rgba(15,23,42,.12) !important; } #page-route .arp-card, #page-route .ai-route-card { background:#FFFFFF !important; border-color:#E5E7EB !important; border-radius:16px !important; box-shadow:none !important; } @media (min-width:960px) { #page-route #route-list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } @media (min-width:700px) and (max-width:959px) { #page-route #route-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:699px) { #page-route .section-title { font-size:20px !important; } #page-route #route-list { grid-template-columns:1fr !important; gap:12px !important; padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important; } #page-route #route-list > div[onclick*="showRouteDetail"] { min-height:0 !important; padding:12px !important; } #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="height:140px"], #page-route #route-list > div[onclick*="showRouteDetail"] > div[style*="height:100px"] { height:164px !important; min-height:164px !important; } } /* APP_PARITY_TRADE_CARD_REBUILD_20260902 */ /* Preserve used/group-buy/route tabs and item-detail/like handlers; style only the surface hierarchy. */ #page-trade > div { height:auto !important; padding:0 !important; overflow:visible !important; } #page-trade .filter-tabs { display:flex !important; gap:8px !important; margin:0 0 12px !important; padding:0 !important; overflow-x:auto !important; scrollbar-width:none !important; background:transparent !important; border:0 !important; } #page-trade .filter-tab { flex:0 0 auto !important; min-height:34px !important; padding:0 13px !important; margin:0 !important; border:0 !important; border-radius:17px !important; background:#F3F4F6 !important; color:#64748B !important; font-size:12px !important; font-weight:800 !important; box-shadow:none !important; } #page-trade .filter-tab.active { background:#F97316 !important; color:#FFFFFF !important; border-color:#F97316 !important; box-shadow:none !important; } #page-trade #trade-tab-route { color:#C2410C !important; } #page-trade #trade-tab-route.active { color:#FFFFFF !important; } #page-trade #trade-used > div[style*="display:flex"] { gap:8px !important; padding:0 0 10px !important; } #page-trade #market-search-input { min-height:42px !important; padding:0 13px !important; border:1px solid #E5E7EB !important; border-radius:12px !important; background:#FFFFFF !important; color:#111827 !important; font-size:13px !important; } #page-trade #trade-used > div button[onclick*="searchMarket"] { min-height:42px !important; padding:0 14px !important; border-radius:12px !important; background:#F97316 !important; color:#FFFFFF !important; font-size:12px !important; font-weight:800 !important; box-shadow:none !important; } #page-trade #trade-used > div button[onclick*="showMyLikes"] { flex:0 0 42px !important; min-height:42px !important; padding:0 !important; border:1px solid #E5E7EB !important; border-radius:12px !important; background:#FFFFFF !important; } #page-trade #market-cat-filters { margin-bottom:12px !important; } #page-trade #banner-market { margin:0 0 14px !important; overflow:hidden !important; border-radius:14px !important; } #page-trade .market-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px !important; padding:0 0 80px !important; } #page-trade .market-card { min-width:0 !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; overflow:hidden !important; } #page-trade .market-card:hover { transform:translateY(-2px) !important; border-color:#FDBA74 !important; box-shadow:0 6px 16px rgba(15,23,42,.06) !important; } #page-trade .mc-thumb { aspect-ratio:1 / .72 !important; background:#FFF7ED !important; } #page-trade .mc-thumb-ph { background:#FFF7ED !important; color:#F97316 !important; font-size:32px !important; } #page-trade .mc-body { min-width:0 !important; padding:12px !important; background:#FFFFFF !important; } #page-trade .mc-title { color:#111827 !important; font-size:14px !important; font-weight:900 !important; line-height:1.35 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #page-trade .mc-price { color:#111827 !important; font-size:16px !important; font-weight:900 !important; margin-top:5px !important; } #page-trade .mc-meta { color:#94A3B8 !important; font-size:10px !important; line-height:1.45 !important; margin-top:7px !important; } #page-trade .market-card button[title*="찜"] { background:#FFFFFF !important; border:1px solid #E5E7EB !important; color:#F97316 !important; border-radius:10px !important; box-shadow:none !important; } #page-trade #trade-groupbuy > div:first-child { padding:0 0 12px !important; } #page-trade #trade-groupbuy .btn-secondary { min-height:40px !important; border:1px solid #FDBA74 !important; border-radius:12px !important; background:#FFF7ED !important; color:#C2410C !important; } #page-trade #trade-route > div:first-child { padding:0 0 10px !important; } #page-trade #trade-route > div:first-child span { color:#111827 !important; font-size:17px !important; font-weight:900 !important; } #page-trade #trade-route > div:first-child button { border-color:#FDBA74 !important; border-radius:10px !important; background:#FFF7ED !important; color:#C2410C !important; font-weight:800 !important; } @media (min-width:700px) and (max-width:959px) { #page-trade .market-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } @media (max-width:699px) { #page-trade .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important; } #page-trade .mc-body { padding:10px !important; } #page-trade .mc-title { font-size:13px !important; } #page-trade .mc-price { font-size:14px !important; } } /* APP_PARITY_PROFILE_CARD_REBUILD_20260902 */ /* Menu click handlers and profile/level APIs are preserved; only the visual hierarchy changes. */ #page-my #my-content { height:auto !important; padding:0 0 80px !important; overflow:visible !important; } #page-my .profile-header { margin:0 0 20px !important; padding:18px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; } #page-my .ph-top { gap:14px !important; margin-bottom:16px !important; } #page-my .ph-avatar { width:68px !important; height:68px !important; min-width:68px !important; border:0 !important; border-radius:34px !important; background:#FFF7ED !important; } #page-my .ph-avatar-placeholder { width:68px !important; height:68px !important; border-radius:34px !important; background:#FFF7ED !important; } #page-my .ph-avatar-placeholder svg { stroke:#F97316 !important; } #page-my .ph-name { color:#111827 !important; font-size:20px !important; font-weight:900 !important; } #page-my .ph-badges { display:flex !important; gap:6px !important; flex-wrap:wrap !important; margin-top:7px !important; } #page-my .grade-pill, #page-my .type-pill { min-height:24px !important; padding:4px 8px !important; border:0 !important; border-radius:999px !important; background:#FFF7ED !important; color:#C2410C !important; font-size:10px !important; font-weight:800 !important; } #page-my .ph-stats { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; background:#F8FAFC !important; border:1px solid #F3F4F6 !important; border-radius:14px !important; overflow:hidden !important; } #page-my .ph-stat { padding:13px 8px !important; text-align:center !important; } #page-my .ph-stat + .ph-stat { border-left:1px solid #E5E7EB !important; } #page-my .ph-stat-val { color:#111827 !important; font-size:18px !important; font-weight:900 !important; } #page-my .ph-stat-lbl { color:#94A3B8 !important; font-size:10px !important; font-weight:800 !important; } #page-my .section-divider { display:none !important; } #page-my #my-content > div[style*="내 메뉴"] { padding:0 0 10px !important; color:#111827 !important; font-size:16px !important; font-weight:900 !important; text-transform:none !important; letter-spacing:-.02em !important; } #page-my .menu-section { margin:0 0 14px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; overflow:hidden !important; box-shadow:none !important; } #page-my .menu-section > div[style*="padding:10px"] { padding:14px !important; border-bottom:1px solid #F3F4F6 !important; } #page-my .menu-section > div[style*="padding:10px"] > div:first-child > div { color:#111827 !important; font-size:14px !important; font-weight:900 !important; } #page-my .menu-section > div[style*="padding:10px"] button[onclick*="showMyActivities"] { min-height:30px !important; padding:0 10px !important; border-radius:15px !important; background:#F97316 !important; color:#FFFFFF !important; font-size:11px !important; font-weight:800 !important; box-shadow:none !important; } #page-my .menu-section > div[style*="padding:10px"] > div:last-child button { min-height:30px !important; border-radius:15px !important; background:#F3F4F6 !important; border:0 !important; color:#64748B !important; font-size:10px !important; font-weight:800 !important; } #page-my .menu-section > div[style*="padding:10px"] > div:last-child button:first-child { background:#FFF7ED !important; border:1px solid #FDBA74 !important; color:#C2410C !important; } #page-my .menu-item { min-height:62px !important; padding:0 14px !important; background:#FFFFFF !important; border-bottom:1px solid #F3F4F6 !important; } #page-my .menu-item:hover { background:#FFF7ED !important; } #page-my .menu-icon, #page-my .menu-item-icon { width:34px !important; height:34px !important; min-width:34px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:12px !important; background:#FFF7ED !important; color:#F97316 !important; } #page-my .menu-icon svg { stroke:#F97316 !important; } #page-my .menu-text .title, #page-my .menu-item-title { color:#374151 !important; font-size:14px !important; font-weight:800 !important; } #page-my .menu-text .subtitle, #page-my .menu-item-desc { color:#94A3B8 !important; font-size:10px !important; margin-top:3px !important; } #page-my .menu-arrow, #page-my .menu-item-arrow { color:#94A3B8 !important; } #page-my .menu-item[onclick*="logout"] { margin-top:10px !important; border:1px solid #FEE2E2 !important; border-radius:14px !important; } #page-my .menu-item[onclick*="logout"] .title { color:#EF4444 !important; } #page-my #crew-level-badge > div { background:#FFF7ED !important; border-color:#FDBA74 !important; border-radius:12px !important; } #page-my #crew-level-badge [style*="background:var(--border)"] { background:#F3F4F6 !important; } @media (max-width:699px) { #page-my #my-content { padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important; } #page-my .profile-header { padding:16px !important; } #page-my .ph-avatar, #page-my .ph-avatar-placeholder { width:58px !important; height:58px !important; min-width:58px !important; border-radius:29px !important; } #page-my .ph-name { font-size:18px !important; } } /* APP_PARITY_TRACKING_ENTRY_REBUILD_20260902 */ /* GPS recording, GPX import, manual activity and location-sharing handlers remain unchanged. */ #page-track .page-content { min-height:100%; padding:0 !important; } #page-track .section-title { color:#111827 !important; font-size:22px !important; font-weight:900 !important; } #page-track .btn.btn-secondary { min-height:132px !important; border:1px solid #E5E7EB !important; border-radius:16px !important; background:#FFFFFF !important; color:#374151 !important; box-shadow:none !important; } #page-track .btn.btn-secondary:hover { background:#FFF7ED !important; border-color:#FDBA74 !important; transform:translateY(-2px) !important; } #page-track .btn.btn-secondary svg { stroke:#F97316 !important; } #page-track .card { background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:16px !important; box-shadow:none !important; } #page-track .card [style*="font-size:15px"] { color:#111827 !important; } #page-track .card [style*="font-size:12px"] { color:#64748B !important; } #page-track .btn-full { min-height:42px !important; border:1px solid #FDBA74 !important; border-radius:12px !important; background:#FFF7ED !important; color:#C2410C !important; font-weight:800 !important; } #tracking-modal .modal-sheet { max-width:540px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-bottom:0 !important; border-radius:22px 22px 0 0 !important; color:#111827 !important; box-shadow:0 -12px 30px rgba(15,23,42,.14) !important; } #tracking-modal .modal-title { color:#111827 !important; font-size:19px !important; font-weight:900 !important; } #tracking-modal .modal-body { background:#FFFFFF !important; } #tracking-modal .modal-body > div[onclick] { background:#FFFFFF !important; border-color:#E5E7EB !important; border-radius:14px !important; box-shadow:none !important; } #tracking-modal .modal-body > div[onclick]:hover { background:#FFF7ED !important; border-color:#FDBA74 !important; } #tracking-modal .modal-body [style*="font-size:15px"] { color:#111827 !important; } #tracking-modal .modal-body [style*="font-size:12px"] { color:#64748B !important; } #tracking-modal .modal-body button { min-height:92px !important; background:#FFFFFF !important; border:1px solid #E5E7EB !important; border-radius:14px !important; color:#374151 !important; } #tracking-modal .modal-body button:hover { background:#FFF7ED !important; border-color:#FDBA74 !important; } #tracking-modal .modal-body button svg { stroke:#F97316 !important; } @media (max-width:699px) { #page-track .section-title { font-size:20px !important; } #page-track .btn.btn-secondary { min-height:118px !important; } #tracking-modal .modal-sheet { max-width:none !important; } } /* PC_NARROW_ROUTE_RAIL_ACCESS_20260903 */ /* Generated GPX recommendation rows remain horizontally ordered, but must expose their overflow on a mouse-driven narrow desktop window. */ .wc-route-rail { display:flex !important; gap:8px !important; max-width:100% !important; overflow-x:auto !important; overflow-y:hidden !important; overscroll-behavior-x:contain; scroll-snap-type:x proximity !important; scroll-padding-inline:2px; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#F97316 #F3F4F6; padding:0 2px 12px !important; margin:0 !important; } .wc-route-rail > .route-card, .wc-route-rail > div[onclick*="showRouteDetail"] { flex-shrink:0 !important; scroll-snap-align:start; } .wc-route-rail::-webkit-scrollbar { display:block; height:8px; } .wc-route-rail::-webkit-scrollbar-track { background:#F3F4F6; border-radius:999px; } .wc-route-rail::-webkit-scrollbar-thumb { background:#F97316; border:2px solid #F3F4F6; border-radius:999px; } .wc-route-rail::-webkit-scrollbar-thumb:hover { background:#EA580C; } @media (min-width:700px) and (max-width:959px) { .wc-route-rail { cursor:grab; } .wc-route-rail:active { cursor:grabbing; } } /* PC_INTERACTION_AND_GPS_PERMISSION_20260903 */ /* Touch keeps native swipe. Fine-pointer environments gain visible controls and deliberate desktop density. */ .wc-pc-rail-controls { display:none; } .tracking-permission-panel { position:fixed; inset:0; z-index:10050; display:flex; align-items:flex-end; justify-content:center; padding:20px; background:rgba(15,23,42,.46); } .tracking-permission-card { width:min(100%,460px); background:#FFFFFF; border:1px solid #E5E7EB; border-radius:22px; padding:22px; box-shadow:0 20px 50px rgba(15,23,42,.22); color:#111827; } .tracking-permission-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#FFF7ED; color:#F97316; font-size:25px; font-weight:900; margin-bottom:14px; } .tracking-permission-title { font-size:18px; line-height:1.35; font-weight:900; letter-spacing:-.02em; } .tracking-permission-copy { margin:9px 0 12px; color:#475569; font-size:14px; line-height:1.65; } .tracking-permission-browser-tip { padding:11px 12px; border:1px solid #FED7AA; border-radius:12px; background:#FFF7ED; color:#9A3412; font-size:12px; line-height:1.55; } .tracking-permission-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; } .tracking-permission-actions button { min-height:42px; border-radius:11px; padding:0 14px; font-size:13px; font-weight:800; cursor:pointer; } .tracking-permission-secondary { border:1px solid #E5E7EB; background:#FFFFFF; color:#475569; } .tracking-permission-primary { border:1px solid #F97316; background:#F97316; color:#FFFFFF; } @media (hover:hover) and (pointer:fine) { .wc-route-rail { cursor:grab; scroll-behavior:smooth; touch-action:pan-y; padding-bottom:14px !important; } .wc-route-rail.is-pointer-dragging { cursor:grabbing; user-select:none; scroll-snap-type:none !important; } .wc-pc-route-section { position:relative; padding:18px 20px 20px; border:1px solid #E5E7EB; border-radius:18px; background:#FFFFFF; box-shadow:0 8px 24px rgba(15,23,42,.045); } .wc-pc-route-section > div:first-child { min-height:34px; padding-right:178px; color:#111827 !important; font-size:16px !important; } .wc-pc-rail-controls { position:absolute; top:14px; right:16px; display:flex; align-items:center; gap:7px; } .wc-pc-rail-arrow { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #D1D5DB; border-radius:10px; background:#FFFFFF; color:#111827; font-size:25px; line-height:1; cursor:pointer; transition:border-color .15s,background .15s,color .15s; } .wc-pc-rail-arrow:hover:not(:disabled) { border-color:#F97316; background:#FFF7ED; color:#C2410C; } .wc-pc-rail-arrow:disabled { opacity:.38; cursor:not-allowed; } .wc-pc-rail-hint { color:#64748B; font-size:11px; font-weight:800; white-space:nowrap; } .wc-route-rail > .route-card { min-width:220px !important; width:220px; padding:10px; border:1px solid #E5E7EB; border-radius:14px; background:#FFFFFF; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; } .wc-route-rail > .route-card:hover { transform:translateY(-2px); border-color:#FDBA74; box-shadow:0 8px 18px rgba(15,23,42,.09); } .wc-route-rail > .route-card > div:first-child { height:122px !important; margin-bottom:9px !important; border-radius:10px !important; } .wc-route-rail > .route-card > div:nth-child(2) { font-size:14px !important; } .wc-route-rail > .route-card > div:nth-child(3) { font-size:12px !important; } #tracking-overlay.active { display:grid !important; grid-template-rows:64px minmax(0,1fr) auto; background:#0F172A !important; } #tracking-overlay .tracking-header { min-height:64px; padding:0 32px !important; } #tracking-map { min-height:0 !important; height:100% !important; } #tracking-overlay .tracking-hud { display:grid !important; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:1px; padding:0 32px 22px !important; background:#0F172A !important; } #tracking-overlay .hud-stat { min-height:82px; display:flex; flex-direction:column; justify-content:center; border-radius:12px; background:#111827; } #tracking-overlay .tracking-controls { display:flex; gap:12px; padding:0 32px 24px !important; background:#0F172A !important; } #tracking-overlay .tracking-controls button { flex:1; min-height:48px; cursor:pointer; } .tracking-permission-panel { align-items:center; } .tracking-permission-card { border-radius:18px; } } @media (max-width:699px), (hover:none), (pointer:coarse) { .tracking-permission-panel { padding:16px; align-items:flex-end; } .tracking-permission-card { border-radius:20px; } } /* PC_POINTER_DESKTOP_SHELL_20260903 */ /* A narrow desktop is still a desktop: use mouse-first chrome, not handset tabs. */ @media (hover:hover) and (pointer:fine) { #main-app { min-height:100dvh !important; padding-bottom:0 !important; } #navbar { position:sticky !important; top:0 !important; z-index:900 !important; } #navbar .nav-inner { display:flex !important; align-items:center !important; gap:12px !important; height:64px !important; min-height:64px !important; padding:0 24px !important; } #navbar .nav-logo { flex:0 0 auto !important; min-width:112px !important; } #navbar .nav-menu { display:flex !important; flex:1 1 auto !important; min-width:0 !important; align-items:center !important; gap:4px !important; } #navbar .nav-link-btn { min-height:36px !important; padding:0 10px !important; border-radius:10px !important; white-space:nowrap !important; font-size:13px !important; } #navbar .nav-actions { display:flex !important; flex:0 0 auto !important; align-items:center !important; gap:4px !important; } #navbar .nav-icon-btn { width:38px !important; height:38px !important; min-width:38px !important; border-radius:11px !important; } #navbar .nav-hamburger, .tab-bar { display:none !important; } #pages { width:100% !important; min-width:0 !important; min-height:calc(100dvh - 64px) !important; padding:22px 24px 48px !important; } #auth-screen { align-items:center !important; justify-content:center !important; padding:40px 24px !important; } #auth-screen .auth-page { max-width:440px !important; padding:38px !important; } #tracking-overlay.active { grid-template-rows:64px minmax(0,1fr) auto !important; } } @media (hover:hover) and (pointer:fine) and (max-width:760px) { #navbar .nav-inner { gap:7px !important; padding:0 12px !important; } #navbar .nav-logo { min-width:100px !important; } #navbar .nav-logo img { max-width:100px !important; } #navbar .nav-menu { gap:2px !important; } #navbar .nav-link-btn { min-height:34px !important; padding:0 6px !important; font-size:12px !important; } #navbar .nav-icon-btn { width:34px !important; height:34px !important; min-width:34px !important; } #pages { min-height:calc(100dvh - 64px) !important; padding:18px 18px 40px !important; } .wc-pc-route-section { padding:16px !important; } .wc-pc-route-section > div:first-child { padding-right:154px !important; } .wc-pc-rail-controls { right:12px !important; } } @media (hover:hover) and (pointer:fine) and (max-width:560px) { #navbar .nav-inner { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:'logo actions' 'menu menu' !important; column-gap:8px !important; row-gap:0 !important; height:102px !important; min-height:102px !important; padding:0 12px 8px !important; } #navbar .nav-logo { grid-area:logo !important; align-self:center !important; } #navbar .nav-actions { grid-area:actions !important; align-self:center !important; } #navbar .nav-menu { grid-area:menu !important; width:100% !important; justify-content:space-between !important; align-self:end !important; overflow:visible !important; } #navbar .nav-link-btn { flex:1 1 auto !important; min-width:0 !important; padding:0 3px !important; font-size:11px !important; } #pages { min-height:calc(100dvh - 102px) !important; padding:16px 14px 36px !important; } #auth-screen { padding:24px 16px !important; } #auth-screen .auth-page { width:100% !important; max-width:440px !important; padding:28px 22px !important; } #tracking-overlay .tracking-header { min-height:58px !important; padding:0 16px !important; } #tracking-overlay .tracking-hud { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; padding:0 16px 14px !important; } #tracking-overlay .hud-stat { min-height:66px !important; } #tracking-overlay .tracking-controls { gap:8px !important; padding:0 16px 16px !important; } #tracking-overlay .tracking-controls button { min-height:44px !important; } } /* PC_POINTER_ACTIVITY_CONTROL_20260903 */ /* Keep the primary activity control reachable in the compact desktop header. */ @media (hover:hover) and (pointer:fine) and (max-width:560px) { #navbar .nav-track-entry { display:inline-flex !important; } #navbar .nav-actions { gap:2px !important; } #navbar .nav-actions .nav-icon-btn { width:32px !important; height:32px !important; min-width:32px !important; border-radius:10px !important; } } /* PC_POINTER_FEED_WORKSPACE_20260903 */ /* Keep compact desktops information-dense without changing the handset touch layout. */ @media (hover:hover) and (pointer:fine) and (min-width:561px) and (max-width:699px) { #page-feed .cl-score-hero { grid-template-columns:minmax(0,1fr) 220px !important; min-height:132px !important; margin-bottom:26px !important; } #page-feed .cl-score-hero-profile { border-right:1px solid #FDE6D4 !important; border-bottom:0 !important; } #page-feed .cl-score-hero-accent { position:static !important; right:auto !important; padding:0 8px !important; } #page-feed .cl-score-hero-stats { border:1px solid #FDE6D4 !important; border-left:0 !important; border-radius:0 16px 16px 0 !important; padding:14px 8px !important; } #page-feed .fd-trade-hscroll { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; overflow:visible !important; padding:0 !important; } #page-feed .fd-trade-card { width:auto !important; min-width:0 !important; flex:initial !important; min-height:178px !important; } #page-feed .mond-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } #page-feed .mond-cell, #page-feed .mond-cell.mond-photo { min-height:202px !important; } } /* USER_VISIBLE_PC_INTERACTION_RECOVERY_20260903 */ /* Do not gate visible desktop controls on pointer media queries: hybrid Windows devices often report coarse/touch even while being used with a mouse. */ @media (min-width:480px) { .wc-pc-route-section { position:relative !important; padding:18px 20px 20px !important; border:1px solid #E5E7EB !important; border-radius:18px !important; background:#FFFFFF !important; box-shadow:0 8px 24px rgba(15,23,42,.045) !important; } .wc-pc-route-section > div:first-child { min-height:34px !important; padding-right:178px !important; color:#111827 !important; font-size:16px !important; } .wc-pc-rail-controls { position:absolute !important; top:14px !important; right:16px !important; display:flex !important; align-items:center !important; gap:7px !important; z-index:2 !important; } .wc-pc-rail-arrow { width:32px !important; height:32px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:1px solid #D1D5DB !important; border-radius:10px !important; background:#FFFFFF !important; color:#111827 !important; font-size:25px !important; line-height:1 !important; cursor:pointer !important; } .wc-pc-rail-arrow:hover:not(:disabled), .wc-pc-rail-arrow:focus-visible { border-color:#F97316 !important; background:#FFF7ED !important; color:#C2410C !important; outline:none !important; } .wc-pc-rail-arrow:disabled { opacity:.38 !important; cursor:not-allowed !important; } .wc-pc-rail-hint { color:#64748B !important; font-size:11px !important; font-weight:800 !important; white-space:nowrap !important; } .wc-route-rail { padding-bottom:14px !important; scrollbar-color:#F97316 #F3F4F6; scrollbar-width:thin; } } @media (hover:hover) { .wc-route-rail { cursor:grab !important; touch-action:pan-y; } .wc-route-rail.is-pointer-dragging { cursor:grabbing !important; user-select:none !important; scroll-snap-type:none !important; } } @media (max-width:479px) { .wc-pc-rail-controls { display:none !important; } } /* DESKTOP_USER_AGENT_SHELL_RECOVERY_20260903 */ /* Windows hybrid hardware can report a coarse primary pointer. The browser's desktop platform is the authoritative initial signal; any mouse/pen interaction also enables it. */ html.wc-desktop-input #main-app { min-height:100dvh !important; padding-bottom:0 !important; } html.wc-desktop-input #navbar .nav-inner { display:flex !important; align-items:center !important; gap:12px !important; height:64px !important; min-height:64px !important; padding:0 24px !important; } html.wc-desktop-input #navbar .nav-logo { flex:0 0 auto !important; min-width:118px !important; } html.wc-desktop-input #navbar .nav-menu { display:flex !important; flex:1 1 auto !important; min-width:0 !important; gap:4px !important; } html.wc-desktop-input #navbar .nav-link-btn { min-height:36px !important; padding:0 10px !important; border-radius:10px !important; white-space:nowrap !important; font-size:13px !important; } html.wc-desktop-input #navbar .nav-actions { display:flex !important; flex:0 0 auto !important; align-items:center !important; gap:4px !important; } html.wc-desktop-input #navbar .nav-icon-btn { width:38px !important; height:38px !important; min-width:38px !important; border-radius:11px !important; } html.wc-desktop-input #navbar .nav-hamburger, html.wc-desktop-input .tab-bar { display:none !important; } html.wc-desktop-input #pages { width:100% !important; min-width:0 !important; min-height:calc(100dvh - 64px) !important; padding:22px 24px 48px !important; } @media (max-width:760px) { html.wc-desktop-input #navbar .nav-inner { gap:7px !important; padding:0 12px !important; } html.wc-desktop-input #navbar .nav-logo { min-width:100px !important; } html.wc-desktop-input #navbar .nav-logo img { max-width:100px !important; } html.wc-desktop-input #navbar .nav-menu { gap:2px !important; } html.wc-desktop-input #navbar .nav-link-btn { min-height:34px !important; padding:0 6px !important; font-size:12px !important; } html.wc-desktop-input #navbar .nav-icon-btn { width:34px !important; height:34px !important; min-width:34px !important; } html.wc-desktop-input #pages { min-height:calc(100dvh - 64px) !important; padding:18px 18px 40px !important; } } @media (max-width:560px) { html.wc-desktop-input #navbar .nav-inner { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:'logo actions' 'menu menu' !important; column-gap:8px !important; row-gap:0 !important; height:102px !important; min-height:102px !important; padding:0 12px 8px !important; } html.wc-desktop-input #navbar .nav-logo { grid-area:logo !important; align-self:center !important; } html.wc-desktop-input #navbar .nav-actions { grid-area:actions !important; align-self:center !important; gap:2px !important; } html.wc-desktop-input #navbar .nav-menu { grid-area:menu !important; width:100% !important; justify-content:space-between !important; align-self:end !important; overflow:visible !important; } html.wc-desktop-input #navbar .nav-link-btn { flex:1 1 auto !important; min-width:0 !important; padding:0 3px !important; font-size:11px !important; } html.wc-desktop-input #navbar .nav-actions .nav-icon-btn { width:32px !important; height:32px !important; min-width:32px !important; border-radius:10px !important; } html.wc-desktop-input #navbar .nav-track-entry { display:inline-flex !important; } html.wc-desktop-input #pages { min-height:calc(100dvh - 102px) !important; padding:16px 14px 36px !important; } } /* PC_ROUTE_WORKSPACE_DESKTOP_V1_20260904 Desktop-class browsers get a stable three-region workspace. Touch browsers preserve the existing single-column mobile document rather than receiving a scaled desktop. */ html.wc-desktop-input #page-route > div:first-child { overflow:visible !important; height:auto !important; } html.wc-desktop-input #page-route .wc-pc-route-workspace { display:grid; grid-template-columns:220px minmax(0,1fr); grid-template-areas:'side main' 'side inspector'; gap:22px; width:100%; max-width:1440px; margin:0 auto; padding:8px 0 42px; align-items:start; } html.wc-desktop-input #page-route .wc-pc-route-sidebar { grid-area:side; position:sticky; top:86px; display:flex; flex-direction:column; gap:18px; padding:18px; border:1px solid #E2E8F0; border-radius:18px; background:#FFFFFF; box-shadow:0 8px 24px rgba(15,23,42,.045); } html.wc-desktop-input #page-route .wc-pc-pane-heading { color:#111827; font-size:15px; font-weight:900; letter-spacing:-.3px; } html.wc-desktop-input #page-route .wc-pc-route-filter-group { display:flex; flex-direction:column; gap:9px; padding-bottom:17px; border-bottom:1px solid #EEF2F7; } html.wc-desktop-input #page-route .wc-pc-route-filter-group > span { color:#64748B; font-size:12px; font-weight:800; } html.wc-desktop-input #page-route .wc-pc-route-filter-buttons { display:flex; flex-wrap:wrap; gap:7px; } html.wc-desktop-input #page-route .wc-pc-route-filter-buttons button { min-height:31px; padding:0 10px; border:1px solid #E2E8F0; border-radius:9px; background:#FFFFFF; color:#475569; font:800 12px inherit; cursor:pointer; } html.wc-desktop-input #page-route .wc-pc-route-filter-buttons button:hover, html.wc-desktop-input #page-route .wc-pc-route-filter-buttons button.is-active { border-color:#FDBA74; background:#FFF7ED; color:#C2410C; } html.wc-desktop-input #page-route .wc-pc-route-advanced { min-height:40px; border:1px solid #CBD5E1; border-radius:11px; background:#FFFFFF; color:#334155; font:800 13px inherit; cursor:pointer; } html.wc-desktop-input #page-route .wc-pc-route-main { grid-area:main; min-width:0; } html.wc-desktop-input #page-route .section-header { padding:12px 0 18px !important; } html.wc-desktop-input #page-route .section-header .section-title { color:#111827 !important; font-size:30px !important; line-height:1.1; letter-spacing:-1.2px; } html.wc-desktop-input #page-route .filter-tabs { padding-left:0 !important; padding-right:0 !important; } html.wc-desktop-input #page-route #route-cat-filters { display:flex !important; flex-wrap:wrap; overflow:visible !important; gap:8px !important; margin-bottom:12px; } html.wc-desktop-input #page-route #route-list { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; padding:4px 0 24px; } html.wc-desktop-input #page-route #route-list > div:first-child { grid-column:1 / -1; } html.wc-desktop-input #page-route .wc-pc-market-card { display:flex; flex-direction:column; height:100%; min-width:0; margin:0 !important; padding:14px !important; border-color:#E2E8F0 !important; border-radius:18px !important; background:#FFFFFF !important; box-shadow:0 6px 18px rgba(15,23,42,.045); transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; } html.wc-desktop-input #page-route .wc-pc-market-card:hover { transform:translateY(-2px); border-color:#FDBA74 !important; box-shadow:0 12px 26px rgba(15,23,42,.09); } html.wc-desktop-input #page-route .wc-pc-market-card > div:last-child { margin-top:auto; } html.wc-desktop-input #page-route .wc-pc-route-inspector { grid-area:inspector; display:none; min-width:0; padding:20px; border:1px solid #E2E8F0; border-radius:18px; background:#FFFFFF; box-shadow:0 8px 24px rgba(15,23,42,.045); } html.wc-desktop-input #page-route .wc-pc-inspector-kicker { color:#F97316; font-size:12px; font-weight:900; } html.wc-desktop-input #page-route .wc-pc-inspector-empty { min-height:200px; display:flex; flex-direction:column; justify-content:center; gap:8px; color:#111827; } html.wc-desktop-input #page-route .wc-pc-inspector-empty p, html.wc-desktop-input #page-route .wc-pc-inspector-note { margin:0; color:#64748B; font-size:12px; line-height:1.6; } html.wc-desktop-input #page-route .wc-pc-inspector-map-icon { color:#F97316; font-size:28px; } html.wc-desktop-input #page-route .wc-pc-inspector-map { position:relative; display:flex; align-items:center; justify-content:center; height:145px; overflow:hidden; margin:13px 0 16px; border:1px solid #DCE7DC; border-radius:14px; background:#EDF5EE; color:#475569; font-size:12px; font-weight:800; } html.wc-desktop-input #page-route .wc-pc-inspector-map-line { position:absolute; width:125%; height:64px; border:4px solid #F97316; border-width:0 0 4px 0; transform:rotate(-12deg); border-radius:50%; } html.wc-desktop-input #page-route .wc-pc-route-inspector h2 { margin:0; color:#111827; font-size:20px; line-height:1.25; letter-spacing:-.6px; } html.wc-desktop-input #page-route .wc-pc-inspector-category { margin:5px 0 14px; color:#64748B; font-size:13px; } html.wc-desktop-input #page-route .wc-pc-inspector-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 0; border-top:1px solid #EEF2F7; border-bottom:1px solid #EEF2F7; } html.wc-desktop-input #page-route .wc-pc-inspector-stats span { display:flex; flex-direction:column; gap:3px; color:#64748B; font-size:11px; } html.wc-desktop-input #page-route .wc-pc-inspector-stats b { color:#111827; font-size:15px; } html.wc-desktop-input #page-route .wc-pc-inspector-price { margin:17px 0 12px; color:#C2410C; font-size:22px; font-weight:900; } html.wc-desktop-input #page-route .wc-pc-inspector-primary { width:100%; min-height:46px; border:0; border-radius:12px; background:#F97316; color:#FFFFFF; font:900 14px inherit; cursor:pointer; } html.wc-desktop-input #page-route .wc-pc-inspector-loading { min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#64748B; font-size:12px; } @media (min-width:1180px) { html.wc-desktop-input #page-route .wc-pc-route-workspace { grid-template-columns:220px minmax(0,1fr) 292px; grid-template-areas:'side main inspector'; gap:24px; } html.wc-desktop-input #page-route .wc-pc-route-inspector { display:block; position:sticky; top:86px; } html.wc-desktop-input #page-route #route-list { grid-template-columns:repeat(3, minmax(0,1fr)); } } @media (min-width:760px) and (max-width:1179px) { html.wc-desktop-input #page-route .wc-pc-route-inspector { display:block; } } @media (max-width:759px) { html.wc-desktop-input #page-route .wc-pc-route-workspace { display:block; padding-top:0; } html.wc-desktop-input #page-route .wc-pc-route-sidebar { position:static; display:flex; flex-direction:row; align-items:center; overflow-x:auto; margin-bottom:16px; padding:10px 0; border:0; border-radius:0; box-shadow:none; background:transparent; scrollbar-width:thin; } html.wc-desktop-input #page-route .wc-pc-pane-heading { display:none; } html.wc-desktop-input #page-route .wc-pc-route-filter-group { display:flex; flex-direction:row; flex:0 0 auto; align-items:center; gap:8px; padding:0 12px 0 0; border:0; } html.wc-desktop-input #page-route .wc-pc-route-filter-buttons { flex-wrap:nowrap; } html.wc-desktop-input #page-route .wc-pc-route-filter-buttons button { white-space:nowrap; } html.wc-desktop-input #page-route .wc-pc-route-advanced { flex:0 0 auto; padding:0 12px; white-space:nowrap; } html.wc-desktop-input #page-route #route-list { grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; } html.wc-desktop-input #page-route .wc-pc-market-card { padding:11px !important; } html.wc-desktop-input #page-route .wc-pc-route-inspector { display:block; margin-top:14px; } } html:not(.wc-desktop-input) #page-route .wc-pc-route-sidebar, html:not(.wc-desktop-input) #page-route .wc-pc-route-inspector { display:none !important; } html:not(.wc-desktop-input) #page-route .wc-pc-route-workspace { display:contents !important; } html:not(.wc-desktop-input) #page-route .wc-pc-route-main { display:contents !important; } /* ACTUAL_ROUTE_MARKET_PC_WORKSPACE_20260904 The market launched by the visible top navigation gets a desktop workspace. */ html.wc-desktop-input #route-market-overlay.rm-pc-workspace { background:#F8FAFC !important; color:#111827 !important; overflow:hidden !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-header { min-height:72px !important; padding:0 32px !important; background:#FFFFFF !important; border-bottom:1px solid #E5E7EB !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-header > div > div:first-child { color:#111827 !important; font-size:22px !important; letter-spacing:-.8px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-header > div > div:last-child { color:#64748B !important; font-size:12px !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-header > button:first-child { color:#334155 !important; border:1px solid #E2E8F0 !important; border-radius:10px !important; width:38px; height:38px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-header > button:last-child { min-height:40px !important; padding:0 16px !important; border-radius:11px !important; background:#F97316 !important; font-size:13px !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-workspace-body { flex:1 1 auto; min-height:0; width:calc(100% - 48px); max-width:1440px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) 292px; grid-template-areas:'content inspector'; gap:24px; padding:24px 0 32px; overflow:hidden; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-sidebar { display:none; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-content { grid-area:content; min-width:0; min-height:0; display:flex; flex-direction:column; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-search-bar { display:flex !important; min-height:48px; padding:0 0 16px !important; gap:10px !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-search-bar input { min-height:46px !important; padding:0 15px !important; border-color:#CBD5E1 !important; background:#FFFFFF !important; color:#111827 !important; border-radius:12px !important; font-size:14px !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-search-bar select { min-width:128px; min-height:46px; border-color:#CBD5E1 !important; background:#FFFFFF !important; color:#334155 !important; border-radius:12px !important; font-size:13px !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-content:start; overflow-y:auto !important; padding:0 6px 28px 0 !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card { min-width:0; margin:0 !important; border:1px solid #E2E8F0 !important; border-radius:18px !important; background:#FFFFFF !important; box-shadow:0 6px 16px rgba(15,23,42,.045); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card:hover, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card.is-selected { transform:translateY(-2px); border-color:#FDBA74 !important; box-shadow:0 12px 26px rgba(15,23,42,.10); } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card:focus-visible { outline:3px solid rgba(249,115,22,.28); outline-offset:2px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card > div:first-child { height:150px !important; background:#F1F5F9 !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card > div:last-child { padding:15px !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card [style*='color:var(--text1)'] { color:#111827 !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list .rm-route-card [style*='color:var(--text3)'] { color:#64748B !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector { grid-area:inspector; position:sticky; top:0; align-self:start; min-height:344px; max-height:calc(100vh - 128px); overflow:auto; padding:20px; border:1px solid #E2E8F0; border-radius:18px; background:#FFFFFF; box-shadow:0 8px 24px rgba(15,23,42,.055); } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-eyebrow { color:#F97316; font-size:12px; font-weight:900; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-empty, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-loading { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; text-align:center; color:#111827; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-empty p, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-note, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-loading p { margin:0; color:#64748B; font-size:12px; line-height:1.6; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-map-glyph { color:#F97316; font-size:31px; font-weight:900; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-map { position:relative; display:flex; align-items:center; justify-content:center; height:150px; overflow:hidden; margin:14px 0 16px; border:1px solid #DDE8DC; border-radius:14px; background:#EDF5EE; color:#475569; font-size:12px; font-weight:800; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-map-line { position:absolute; width:125%; height:58px; border-bottom:4px solid #F97316; border-radius:50%; transform:rotate(-11deg); } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector h2 { margin:0; color:#111827; font-size:20px; line-height:1.3; letter-spacing:-.6px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-category { margin:5px 0 15px; color:#64748B; font-size:13px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 0; border-top:1px solid #EEF2F7; border-bottom:1px solid #EEF2F7; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-stats span { display:flex; flex-direction:column; gap:4px; color:#64748B; font-size:11px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-stats b { color:#111827; font-size:15px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-price { margin:16px 0 12px; color:#C2410C; font-size:22px; font-weight:900; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector-open { width:100%; min-height:46px; border:0; border-radius:12px; background:#F97316; color:#FFFFFF; font:900 14px inherit; cursor:pointer; } @media (min-width:1240px) { html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-workspace-body { grid-template-columns:224px minmax(0,1fr) 292px; grid-template-areas:'sidebar content inspector'; gap:24px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-sidebar { grid-area:sidebar; position:sticky; top:0; display:flex; flex-direction:column; gap:16px; padding:18px; border:1px solid #E2E8F0; border-radius:18px; background:#FFFFFF; box-shadow:0 8px 24px rgba(15,23,42,.045); } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-side-title { color:#111827; font-size:15px; font-weight:900; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-side-copy { margin:0; color:#64748B; font-size:12px; line-height:1.5; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-side-section { display:flex; flex-direction:column; gap:7px; padding-top:14px; border-top:1px solid #EEF2F7; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-side-section > span { margin-bottom:2px; color:#64748B; font-size:12px; font-weight:900; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-sidebar .rm-cat-btn, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-filter-action { width:100%; min-height:34px; padding:0 10px !important; border:1px solid #E2E8F0 !important; border-radius:10px !important; background:#FFFFFF !important; color:#475569 !important; text-align:left; font:800 12px inherit !important; cursor:pointer; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-sidebar .rm-cat-btn.active, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-filter-action:hover { border-color:#FDBA74 !important; background:#FFF7ED !important; color:#C2410C !important; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-advanced-filter { min-height:40px; border:1px solid #CBD5E1; border-radius:11px; background:#FFFFFF; color:#334155; font:800 13px inherit; cursor:pointer; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (min-width:920px) and (max-width:1239px) { html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-workspace-body { grid-template-columns:minmax(0,1fr) 276px; grid-template-areas:'content inspector'; } } @media (max-width:919px) { html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-workspace-body { display:block; width:calc(100% - 32px); padding-top:16px; overflow:auto; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector { position:static; margin-top:16px; } html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list { min-height:420px; } } html:not(.wc-desktop-input) #route-market-overlay.rm-pc-workspace .rm-pc-workspace-body { display:contents !important; } /* PC_DESKTOP_CANVAS_REBUILD_20260904 Desktop is a dedicated working canvas, not an enlarged handset feed. It intentionally activates only for desktop-class input at 960 CSS px and above. */ @media (min-width:960px) { html.wc-desktop-input, html.wc-desktop-input body, html.wc-desktop-input #app, html.wc-desktop-input #main-app { min-width:0 !important; width:100% !important; max-width:none !important; } html.wc-desktop-input #navbar { left:0 !important; transform:none !important; width:100% !important; max-width:none !important; } html.wc-desktop-input #navbar .nav-inner { width:calc(100% - 64px) !important; max-width:1560px !important; height:72px !important; min-height:72px !important; margin:0 auto !important; padding:0 !important; } html.wc-desktop-input #navbar .nav-logo { min-width:144px !important; } html.wc-desktop-input #navbar .nav-logo img { max-width:140px !important; } html.wc-desktop-input #navbar .nav-menu { gap:8px !important; } html.wc-desktop-input #navbar .nav-link-btn { min-height:42px !important; padding:0 14px !important; font-size:14px !important; } html.wc-desktop-input #navbar .nav-actions { gap:8px !important; } html.wc-desktop-input #navbar .nav-icon-btn { width:42px !important; height:42px !important; min-width:42px !important; } html.wc-desktop-input #main-app { padding-top:72px !important; } html.wc-desktop-input #pages { width:calc(100% - 64px) !important; max-width:1560px !important; min-height:calc(100dvh - 72px) !important; margin:0 auto !important; padding:34px 0 72px !important; } html.wc-desktop-input #page-feed, html.wc-desktop-input #page-feed .page-content, html.wc-desktop-input #page-feed #collage-feed { width:100% !important; max-width:none !important; margin:0 !important; } html.wc-desktop-input #page-feed #collage-feed { padding:0 !important; } html.wc-desktop-input #page-feed .cl-score-hero { grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr) !important; min-height:204px !important; margin-bottom:32px !important; border:1px solid #F4D7BD !important; border-radius:20px !important; box-shadow:0 12px 30px rgba(15,23,42,.055) !important; } html.wc-desktop-input #page-feed .cl-score-hero-profile { padding:26px 30px !important; } html.wc-desktop-input #page-feed .cl-score-hero-name { font-size:23px !important; } html.wc-desktop-input #page-feed .cl-score-hero-grade { font-size:13px !important; } html.wc-desktop-input #page-feed .cl-score-hero-accent { min-width:136px !important; padding:16px 20px !important; } html.wc-desktop-input #page-feed .cl-score-hero-accent-val { font-size:32px !important; } html.wc-desktop-input #page-feed .cl-score-hero-stats { padding:18px 16px !important; } html.wc-desktop-input #page-feed .cl-score-hero-stat { min-height:72px !important; } html.wc-desktop-input #page-feed .cl-score-hero-stat-val { font-size:24px !important; } html.wc-desktop-input #page-feed .cl-score-hero-stat-label { font-size:12px !important; } html.wc-desktop-input #page-feed .fd-section-title { font-size:22px !important; } html.wc-desktop-input #page-feed .fd-section-more { font-size:14px !important; } html.wc-desktop-input #page-feed .fd-trade-hscroll { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important; overflow:visible !important; padding:0 !important; margin:0 0 34px !important; } html.wc-desktop-input #page-feed .fd-trade-card { min-width:0 !important; min-height:224px !important; border-radius:16px !important; } html.wc-desktop-input #page-feed .fd-trade-img-wrap { height:126px !important; min-height:126px !important; } html.wc-desktop-input #page-feed .fd-trade-body { padding:14px 15px 15px !important; } html.wc-desktop-input #page-feed .fd-trade-title { font-size:15px !important; } html.wc-desktop-input #page-feed .fd-trade-price { font-size:18px !important; } html.wc-desktop-input #page-feed .fd-trade-meta { margin-top:8px !important; } html.wc-desktop-input #page-feed .fd-trade-cond, html.wc-desktop-input #page-feed .fd-trade-nick { font-size:11px !important; } html.wc-desktop-input #page-feed .mond-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; margin-bottom:18px !important; } html.wc-desktop-input #page-feed .mond-cell, html.wc-desktop-input #page-feed .mond-cell.mond-photo { min-height:302px !important; border-radius:18px !important; } html.wc-desktop-input #page-feed .mond-cell img, html.wc-desktop-input #page-feed .mond-placeholder { flex-basis:184px !important; height:184px !important; } html.wc-desktop-input #page-feed .mond-overlay { min-height:118px !important; padding:16px 18px !important; } html.wc-desktop-input #page-feed .mond-nick { font-size:12px !important; } html.wc-desktop-input #page-feed .mond-title { font-size:17px !important; } html.wc-desktop-input #page-feed .mond-stat { font-size:13px !important; } html.wc-desktop-input #page-feed .fd-act-card, html.wc-desktop-input #page-feed .fd-photo-card, html.wc-desktop-input #page-feed .fd-club-card, html.wc-desktop-input #page-feed .fd-badges-card { min-height:212px !important; border-radius:18px !important; } html.wc-desktop-input #page-feed .fd-act-inner { padding:22px !important; } html.wc-desktop-input #page-feed .fd-act-title { font-size:19px !important; } html.wc-desktop-input #page-feed .fd-act-stat-val { font-size:22px !important; } } @media (min-width:1600px) { html.wc-desktop-input #navbar .nav-inner, html.wc-desktop-input #pages { width:calc(100% - 96px) !important; max-width:1760px !important; } html.wc-desktop-input #page-feed .fd-trade-hscroll { gap:20px !important; } html.wc-desktop-input #page-feed .mond-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:20px !important; } } @media (min-width:960px) and (max-width:1199px) { html.wc-desktop-input #navbar .nav-inner, html.wc-desktop-input #pages { width:calc(100% - 40px) !important; } html.wc-desktop-input #navbar .nav-link-btn { padding:0 10px !important; } html.wc-desktop-input #page-feed .fd-trade-hscroll { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } html.wc-desktop-input #page-feed .mond-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* PC_HOME_DASHBOARD_STYLE_20260904 This is intentionally a desktop-only information workspace. Mobile keeps the existing card feed. */ html.wc-desktop-input #page-feed #collage-feed .pc-home-dashboard { width:100%; max-width:none; color:#111827; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 22px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline p, html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading p { margin:0 0 6px; color:#F97316; font-size:11px; font-weight:900; letter-spacing:.09em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline h1 { margin:0; color:#111827; font-size:32px; line-height:1.12; letter-spacing:-1.3px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline span { display:block; margin-top:8px; color:#64748B; font-size:14px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-top-actions { display:flex; gap:10px; flex-wrap:wrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-primary, html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-secondary { min-height:42px; border-radius:10px; padding:0 16px; font:800 14px inherit; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-primary { border:1px solid #F97316; background:#F97316; color:#FFFFFF; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-secondary { border:1px solid #E2E8F0; background:#FFFFFF; color:#334155; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity { display:grid; grid-template-columns:minmax(250px,1.45fr) repeat(5,minmax(112px,1fr)); align-items:stretch; overflow:hidden; margin-bottom:22px; border:1px solid #E7E5E4; border-radius:18px; background:#FFFFFF; box-shadow:0 10px 28px rgba(15,23,42,.05); } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user { display:flex; align-items:center; gap:14px; min-width:0; padding:22px 24px; background:#FFF7ED; } html.wc-desktop-input #page-feed #collage-feed .pc-home-avatar { width:52px; height:52px; flex:0 0 52px; overflow:hidden; border:2px solid #FED7AA; border-radius:50%; object-fit:cover; } html.wc-desktop-input #page-feed #collage-feed .pc-home-avatar-fallback { display:flex; align-items:center; justify-content:center; background:#F97316; color:#FFFFFF; font-size:22px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user strong { display:block; overflow:hidden; color:#111827; font-size:19px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user span { display:block; margin-top:4px; color:#64748B; font-size:13px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature, html.wc-desktop-input #page-feed #collage-feed .pc-home-stat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:100px; padding:14px; border-left:1px solid #F1F5F9; text-align:center; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature { background:#FFFBEB; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature b { color:#EA580C; font-size:25px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-stat b { color:#111827; font-size:23px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature span, html.wc-desktop-input #page-feed #collage-feed .pc-home-stat span { color:#64748B; font-size:12px; font-weight:700; } html.wc-desktop-input #page-feed #collage-feed .pc-home-grid { display:grid; grid-template-columns:minmax(0,1.62fr) minmax(330px,.78fr); gap:22px; align-items:start; } html.wc-desktop-input #page-feed #collage-feed .pc-home-main, html.wc-desktop-input #page-feed #collage-feed .pc-home-side { display:flex; flex-direction:column; gap:22px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel { overflow:hidden; border:1px solid #E2E8F0; border-radius:16px; background:#FFFFFF; box-shadow:0 8px 22px rgba(15,23,42,.04); } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:20px 20px 16px; border-bottom:1px solid #F1F5F9; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading h2 { margin:0; color:#111827; font-size:19px; line-height:1.2; letter-spacing:-.5px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading button { border:0; background:transparent; color:#EA580C; font:800 13px inherit; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-list, html.wc-desktop-input #page-feed #collage-feed .pc-home-list { display:flex; flex-direction:column; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row { display:grid; width:100%; border:0; border-bottom:1px solid #F1F5F9; background:#FFFFFF; color:#111827; cursor:pointer; text-align:left; transition:background .15s ease; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row:hover, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row:hover { background:#FFF7ED; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row { grid-template-columns:38px minmax(0,1fr) minmax(142px,auto) 18px; align-items:center; gap:14px; min-height:74px; padding:12px 20px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-icon, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-icon { display:flex; align-items:center; justify-content:center; border-radius:10px; background:#FFF7ED; color:#C2410C; font-size:20px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-icon { width:38px; height:38px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-copy, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; gap:4px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-copy strong, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row strong { overflow:hidden; color:#1F2937; font-size:14px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-copy small, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row small { overflow:hidden; color:#94A3B8; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics { display:flex; flex-direction:column; gap:4px; align-items:flex-end; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics b { color:#111827; font-size:14px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics small { color:#64748B; font-size:11px; font-weight:700; } html.wc-desktop-input #page-feed #collage-feed .pc-home-row-arrow, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row i { color:#94A3B8; font-size:22px; font-style:normal; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:16px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; padding:0; border:1px solid #E2E8F0; border-radius:12px; background:#FFFFFF; color:#111827; text-align:left; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card:hover { border-color:#FDBA74; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media { display:flex; align-items:center; justify-content:center; height:112px; overflow:hidden; background:#FFF7ED; font-size:28px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media img { width:100%; height:100%; object-fit:cover; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card > span:last-child { display:flex; min-width:0; flex-direction:column; gap:5px; padding:12px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card strong { overflow:hidden; font-size:13px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card small { overflow:hidden; color:#64748B; font-size:11px; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:16px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button { display:flex; align-items:flex-start; min-width:0; min-height:108px; flex-direction:column; gap:6px; padding:13px; border:1px solid #E2E8F0; border-radius:12px; background:#FFFFFF; color:#111827; text-align:left; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button:hover { border-color:#FDBA74; background:#FFF7ED; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid span { font-size:22px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid b { font-size:14px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid small { color:#64748B; font-size:11px; font-weight:700; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row { grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:62px; padding:10px 16px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-icon { width:34px; height:34px; font-size:17px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-price { color:#C2410C; font-size:12px; font-weight:900; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty { display:flex; min-height:132px; align-items:center; justify-content:center; flex-direction:column; gap:8px; padding:22px; color:#64748B; text-align:center; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty strong { color:#334155; font-size:15px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty span { font-size:13px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty button { border:1px solid #FDBA74; border-radius:9px; background:#FFF7ED; color:#C2410C; padding:8px 12px; font:800 12px inherit; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty.compact { min-height:82px; } @media (max-width:959px) { html.wc-desktop-input #page-feed #collage-feed .pc-home-topline { align-items:flex-start; flex-direction:column; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity { grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(100px,1fr)); } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature { grid-column:2; grid-row:1; } html.wc-desktop-input #page-feed #collage-feed .pc-home-grid { grid-template-columns:1fr; } html.wc-desktop-input #page-feed #collage-feed .pc-home-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } } @media (max-width:660px) { html.wc-desktop-input #page-feed #collage-feed .pc-home-dashboard { padding:0 2px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity { grid-template-columns:repeat(2,minmax(0,1fr)); } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user { grid-column:1 / -1; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature, html.wc-desktop-input #page-feed #collage-feed .pc-home-stat { grid-column:auto; grid-row:auto; min-height:80px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-side { grid-template-columns:1fr; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-grid { grid-template-columns:1fr; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row { grid-template-columns:34px minmax(0,1fr) 16px; gap:10px; padding:12px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics { display:none; } } /* PC_HOME_DASHBOARD_REFINEMENT_20260904 */ html.wc-desktop-input #page-feed .collage-header { display:none !important; } html.wc-desktop-input #page-feed #collage-feed { padding-top:0 !important; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 16px 16px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card { display:grid; grid-template-columns:76px minmax(0,1fr); align-items:stretch; min-height:94px; border-color:#E5E7EB; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media { width:76px; height:auto; min-height:94px; background:#FFF7ED; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card.has-photo .pc-home-community-media img { width:100%; height:100%; object-fit:cover; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-icon { display:flex; width:100%; height:100%; align-items:center; justify-content:center; background:linear-gradient(145deg,#FFF7ED,#FFEDD5); font-size:25px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card > .pc-home-community-copy { display:flex; min-width:0; flex-direction:column; justify-content:center; gap:4px; padding:11px 12px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-copy em { overflow:hidden; color:#EA580C; font-size:10px; font-style:normal; font-weight:900; letter-spacing:.05em; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card strong { overflow:hidden; color:#1F2937; font-size:13px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card small { overflow:hidden; color:#64748B; font-size:11px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row .pc-home-activity-copy small { color:#64748B; } @media (max-width:760px) { html.wc-desktop-input #page-feed #collage-feed .pc-home-community-grid { grid-template-columns:1fr; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card { grid-template-columns:68px minmax(0,1fr); min-height:82px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media { width:68px; min-height:82px; } } /* PC_SCROLL_AND_RAIL_INPUT_RECOVERY_20260904 */ /* Desktop is an application shell: pages own the vertical scroll, never the hidden body. */ html.wc-desktop-input, html.wc-desktop-input body { height:100%; min-height:100%; overflow:hidden !important; } html.wc-desktop-input #main-app { height:100%; min-height:0; overflow:hidden !important; padding-top:0 !important; } html.wc-desktop-input #navbar { position:sticky !important; top:0; z-index:120; flex:0 0 auto; } html.wc-desktop-input #pages { flex:1 1 auto; min-height:0; height:auto !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:#CBD5E1 transparent; } html.wc-desktop-input #pages::-webkit-scrollbar { width:10px; height:10px; } html.wc-desktop-input #pages::-webkit-scrollbar-track { background:transparent; } html.wc-desktop-input #pages::-webkit-scrollbar-thumb { background:#CBD5E1; border:3px solid transparent; border-radius:999px; background-clip:padding-box; } html.wc-desktop-input #pages::-webkit-scrollbar-thumb:hover { background:#94A3B8; } html.wc-desktop-input #pages .page, html.wc-desktop-input #pages .page.active { height:auto !important; min-height:100%; overflow:visible !important; } /* Direct manipulation must begin on card surfaces, while an ordinary click still reaches its existing action. */ html.wc-desktop-input .wc-pc-route-rail, html.wc-desktop-input .wc-pc-route-rail * { touch-action:pan-y; } html.wc-desktop-input .wc-pc-route-rail { cursor:grab; scroll-behavior:auto !important; user-select:none; -webkit-user-select:none; } html.wc-desktop-input .wc-pc-route-rail.is-pointer-dragging { cursor:grabbing; } html.wc-desktop-input .wc-pc-route-rail a, html.wc-desktop-input .wc-pc-route-rail button { user-select:none; -webkit-user-select:none; } @media (max-width:1023px) { html.wc-desktop-input #pages { overflow-y:auto !important; } } /* PC_DESKTOP_WORKSPACE_SHELL_20260904 */ /* A desktop workspace uses persistent context and dense rows; mobile keeps its independent card flow. */ @media (min-width:1024px) { html.wc-desktop-input #page-feed #collage-feed .pc-home-dashboard { width:min(100%, 1680px); margin:0 auto; padding:28px 32px 52px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline { margin-bottom:18px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline h1 { font-size:32px; letter-spacing:-.045em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline > div > span { font-size:14px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity { margin-bottom:18px; border-radius:14px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user { padding:16px 18px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user strong { font-size:17px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-stat, html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature { min-height:76px; padding:12px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-grid { grid-template-columns:236px minmax(0, 1fr) 314px; gap:18px; align-items:start; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail { display:flex; position:sticky; top:16px; flex-direction:column; gap:14px; min-width:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card, html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-tip { overflow:hidden; border:1px solid #E5E7EB; border-radius:14px; background:#FFFFFF; box-shadow:0 5px 18px rgba(15,23,42,.045); } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-profile { padding:16px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-kicker { color:#94A3B8; font-size:10px; font-weight:900; letter-spacing:.095em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-user { display:flex; align-items:center; gap:10px; margin:13px 0 14px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-user .pc-home-avatar { flex:0 0 auto; width:40px; height:40px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-user strong { display:block; color:#111827; font-size:15px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-user span { display:block; margin-top:3px; color:#64748B; font-size:11px; font-weight:700; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-stats { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #F1F5F9; border-bottom:1px solid #F1F5F9; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-stats span { display:flex; flex-direction:column; gap:3px; padding:10px 6px; color:#64748B; font-size:11px; font-weight:700; text-align:center; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-stats span + span { border-left:1px solid #F1F5F9; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-stats b { color:#111827; font-size:16px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-profile-link { display:flex; width:100%; align-items:center; justify-content:space-between; margin-top:12px; padding:0; border:0; background:transparent; color:#EA580C; font:800 12px inherit; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card:not(.pc-home-rail-profile) { padding:14px 10px 10px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card:not(.pc-home-rail-profile) .pc-home-rail-kicker { padding:0 6px 8px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions { display:flex; flex-direction:column; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button { display:flex; width:100%; align-items:center; gap:9px; padding:10px 8px; border:0; border-radius:8px; background:transparent; color:#334155; font:800 13px inherit; text-align:left; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button:hover { background:#FFF7ED; color:#C2410C; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button span { display:inline-flex; width:20px; justify-content:center; color:#F97316; font-size:16px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-tip { padding:13px 14px; background:#FFFBEB; border-color:#FDE68A; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-tip b { display:block; color:#92400E; font-size:12px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-tip span { display:block; margin-top:5px; color:#A16207; font-size:11px; font-weight:600; line-height:1.5; } html.wc-desktop-input #page-feed #collage-feed .pc-home-main, html.wc-desktop-input #page-feed #collage-feed .pc-home-side { gap:18px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row { min-height:64px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row:hover { background:#FFFDFB; } } @media (min-width:1024px) and (max-width:1279px) { html.wc-desktop-input #page-feed #collage-feed .pc-home-dashboard { padding:24px 22px 42px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-grid { grid-template-columns:minmax(0,1fr) 296px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail { display:none; } } /* ROUTE_RAIL_SINGLE_MOUSE_MODEL_20260904 */ /* Mouse input is intentionally handled only once on the physical rail. */ html.wc-desktop-input .wc-route-rail { cursor:grab !important; touch-action:pan-y !important; scroll-behavior:auto !important; user-select:none; -webkit-user-select:none; } html.wc-desktop-input .wc-route-rail.is-direct-dragging { cursor:grabbing !important; scroll-snap-type:none !important; } html.wc-desktop-input .wc-route-rail .route-card, html.wc-desktop-input .wc-route-rail img { -webkit-user-drag:none; user-select:none; } html.wc-desktop-input .wc-pc-rail-hint { min-width:82px; justify-content:center; } /* WC_APPROVED_BRAND_ASSETS_20260905 — approved brand assets, visual-only */ :root { --wc-brand-orange:#F87515; --wc-brand-navy:#0C1628; --wc-brand-ivory:#FCFBF8; } .auth-logo > img { height:clamp(156px,22vw,224px) !important; width:auto !important; max-width:min(420px,86vw) !important; padding:0 !important; border:0 !important; border-radius:22px !important; background:transparent !important; box-shadow:0 18px 40px rgba(12,22,40,.12) !important; } #navbar .nav-logo { min-width:172px; padding:0 10px 0 0; } #navbar .nav-logo img { width:156px; height:38px; max-width:100%; object-fit:contain; object-position:left center; } .site-footer .footer-logo img { width:154px; height:38px !important; max-width:100%; object-fit:contain; object-position:left center; } @media (max-width:699px) { #navbar .nav-logo { min-width:116px; padding-right:4px; } #navbar .nav-logo img { width:110px; height:30px; } .auth-logo > img { height:min(48vw,192px) !important; } } /* WC_PC_HOME_WORKSPACE_20260905 Desktop-only editorial workspace. Existing API data and click handlers are preserved. */ @media (min-width:1024px) { html.wc-desktop-input #page-feed { background:#F6F7F9; } html.wc-desktop-input #page-feed #collage-feed .pc-home-dashboard { width:min(100%, 1640px); padding:34px 42px 72px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline { position:relative; display:flex; min-height:138px; align-items:flex-end; justify-content:space-between; gap:28px; margin:0 0 14px; padding:30px 32px 28px; overflow:hidden; border:1px solid #E6E8EC; border-radius:22px; background:#FFFFFF; box-shadow:0 12px 34px rgba(12,22,40,.055); } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline::after { content:''; position:absolute; inset:0 auto 0 0; width:7px; background:var(--wc-brand-orange); } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline > div:first-child { position:relative; z-index:1; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline p, html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading p, html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-kicker { margin:0 0 8px; color:#8A94A6; font-size:10px; font-weight:900; letter-spacing:.14em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline h1 { margin:0; color:#0C1628; font-size:36px; font-weight:900; line-height:1; letter-spacing:-.055em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline > div > span { display:block; margin-top:10px; color:#64748B; font-size:14px; font-weight:600; line-height:1.5; } html.wc-desktop-input #page-feed #collage-feed .pc-home-top-actions { position:relative; z-index:1; display:flex; align-items:center; gap:10px; flex:0 0 auto; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-primary, html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-secondary { min-height:42px; padding:0 16px; border-radius:10px; font:800 13px inherit; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-primary { border:1px solid var(--wc-brand-orange); background:var(--wc-brand-orange); color:#FFFFFF; box-shadow:0 8px 16px rgba(248,117,21,.18); } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-primary:hover { background:#EA580C; border-color:#EA580C; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-secondary { border:1px solid #D9DEE7; background:#FFFFFF; color:#233044; } html.wc-desktop-input #page-feed #collage-feed .pc-home-btn-secondary:hover { border-color:#F7A559; color:#C2410C; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity { display:grid; grid-template-columns:minmax(250px,1.45fr) repeat(5,minmax(102px,1fr)); min-height:94px; margin:0 0 22px; overflow:hidden; border:1px solid #15233A; border-radius:16px; background:#0C1628; box-shadow:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user { display:flex; align-items:center; gap:13px; padding:16px 22px; color:#FFFFFF; } html.wc-desktop-input #page-feed #collage-feed .pc-home-avatar { width:46px; height:46px; border:2px solid rgba(255,255,255,.86); background:#FFFFFF; box-shadow:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-avatar-fallback { display:flex; align-items:center; justify-content:center; background:var(--wc-brand-orange); color:#FFFFFF; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user strong { color:#FFFFFF; font-size:16px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity-user span { display:block; margin-top:4px; color:#A9B5C8; font-size:12px; font-weight:700; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature, html.wc-desktop-input #page-feed #collage-feed .pc-home-stat { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; padding:13px 10px; border-left:1px solid rgba(255,255,255,.13); background:transparent; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature b, html.wc-desktop-input #page-feed #collage-feed .pc-home-stat b { color:#FFFFFF; font-size:19px; font-weight:900; letter-spacing:-.04em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature b { color:#FDBA74; } html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature span, html.wc-desktop-input #page-feed #collage-feed .pc-home-stat span { margin-top:5px; color:#A9B5C8; font-size:10px; font-weight:800; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-grid { grid-template-columns:218px minmax(0,1fr) 326px; gap:18px; align-items:start; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail { position:sticky; top:18px; gap:12px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-profile, html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-tip { display:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card { overflow:hidden; border:1px solid #E2E6EC; border-radius:14px; background:#FFFFFF; box-shadow:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card:not(.pc-home-rail-profile) { padding:16px 10px 10px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card:not(.pc-home-rail-profile) .pc-home-rail-kicker { padding:0 8px 10px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button { min-height:42px; gap:10px; padding:10px 10px; border-radius:8px; color:#344054; font-size:12px; font-weight:800; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button + button { border-top:1px solid #F0F2F5; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button:hover { background:#FFF7ED; color:#9A3412; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-actions button span { width:21px; color:var(--wc-brand-orange); font-size:17px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-main, html.wc-desktop-input #page-feed #collage-feed .pc-home-side { display:flex; min-width:0; flex-direction:column; gap:18px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel { overflow:hidden; border:1px solid #E2E6EC; border-radius:16px; background:#FFFFFF; box-shadow:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading { display:flex; min-height:74px; align-items:center; justify-content:space-between; padding:17px 20px 15px; border-bottom:1px solid #EDF0F3; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading p { margin:0 0 5px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading h2 { margin:0; color:#121C2E; font-size:18px; font-weight:900; letter-spacing:-.04em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading button { padding:6px 0; border:0; background:transparent; color:#E35E08; font:800 12px inherit; cursor:pointer; } html.wc-desktop-input #page-feed #collage-feed .pc-home-panel-heading button:hover { color:#9A3412; text-decoration:underline; text-underline-offset:3px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-list { padding:0 20px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row { grid-template-columns:40px minmax(0,1fr) minmax(136px,auto) 16px; min-height:76px; gap:14px; padding:12px 0; border:0; border-bottom:1px solid #EDF0F3; border-radius:0; background:transparent; box-shadow:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row:last-child { border-bottom:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-row:hover { background:#FFFDF9; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-icon { width:40px; height:40px; border-radius:11px; background:#FFF1E5; color:#D85A06; font-size:19px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-copy strong { color:#1C2739; font-size:14px; font-weight:850; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-copy small { margin-top:4px; color:#7B8798; font-size:11px; font-weight:650; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics { gap:4px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics b { color:#172235; font-size:14px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-metrics small { color:#8490A0; font-size:11px; font-weight:650; } html.wc-desktop-input #page-feed #collage-feed .pc-home-row-arrow { color:#AAB3C0; font-size:22px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card { min-width:0; min-height:174px; padding:16px; border:0; border-right:1px solid #EDF0F3; border-radius:0; background:#FFFFFF; text-align:left; box-shadow:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card:last-child { border-right:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-card:hover { background:#FFFDF9; transform:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media { display:flex; width:34px; height:34px; align-items:center; justify-content:center; overflow:hidden; border-radius:10px; background:#F3F6FA; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media img { width:100%; height:100%; object-fit:cover; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-icon { font-size:17px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-copy { display:block; margin-top:13px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-copy em { color:#E35E08; font-size:10px; font-style:normal; font-weight:900; letter-spacing:.05em; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-copy strong { display:block; margin-top:6px; overflow:hidden; color:#1C2739; font-size:13px; font-weight:850; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-community-copy small { display:block; margin-top:7px; overflow:hidden; color:#7B8798; font-size:10px; font-weight:650; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button { min-height:112px; padding:15px 8px; border:0; border-right:1px solid #EDF0F3; border-radius:0; background:#FFFFFF; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button:last-child { border-right:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button:hover { background:#FFF7ED; transform:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button span { display:flex; width:30px; height:30px; align-items:center; justify-content:center; margin:0 auto 9px; border-radius:8px; background:#FFF1E5; font-size:17px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button b { color:#253247; font-size:12px; font-weight:900; } html.wc-desktop-input #page-feed #collage-feed .pc-home-quick-grid button small { margin-top:4px; color:#8792A1; font-size:9px; font-weight:700; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list { padding:0 16px 4px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row { min-height:64px; gap:10px; padding:10px 2px; border:0; border-bottom:1px solid #EDF0F3; border-radius:0; background:transparent; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row:last-child { border-bottom:0; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row:hover { background:#FFFDF9; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-icon { width:32px; height:32px; border-radius:9px; background:#F3F6FA; font-size:15px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row strong { color:#263349; font-size:12px; font-weight:850; } html.wc-desktop-input #page-feed #collage-feed .pc-home-list-row small { margin-top:4px; color:#8792A1; font-size:10px; font-weight:650; } html.wc-desktop-input #page-feed #collage-feed .pc-home-price { color:#D65A08; font-size:11px; font-weight:900; white-space:nowrap; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty { min-height:136px; padding:26px 20px; background:#FFFFFF; } html.wc-desktop-input #page-feed #collage-feed .pc-home-empty strong { color:#3A475A; } } @media (min-width:1024px) and (max-width:1279px) { html.wc-desktop-input #page-feed #collage-feed .pc-home-dashboard { padding:26px 26px 56px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-grid { grid-template-columns:minmax(0,1fr) 306px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-rail { display:none; } html.wc-desktop-input #page-feed #collage-feed .pc-home-identity { grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(76px,1fr)); } html.wc-desktop-input #page-feed #collage-feed .pc-home-stat span, html.wc-desktop-input #page-feed #collage-feed .pc-home-temperature span { font-size:9px; } } /* WC_PC_GLOBAL_BOX_SYSTEM_20260905 Desktop has an architectural box language: squared panels, fine rules, and restrained 4–8px corners. It is intentionally scoped away from touch layouts and does not alter pointer/keyboard interaction code. */ @media (min-width:1024px) { html.wc-desktop-input { --wc-pc-panel-radius:6px; --wc-pc-control-radius:5px; --wc-pc-media-radius:4px; --wc-pc-rule:#DDE2E8; --wc-pc-subtle:#F5F7F9; --wc-pc-ink:#0C1628; } html.wc-desktop-input #pages .page { background:#F6F7F9; } html.wc-desktop-input #pages input:not([type="checkbox"]):not([type="radio"]), html.wc-desktop-input #pages select, html.wc-desktop-input #pages textarea { border-radius:var(--wc-pc-control-radius) !important; } html.wc-desktop-input #pages button:not(.nav-icon-btn):not(.tab-item):not(.wc-route-rail-nav):not(.pc-home-avatar) { border-radius:var(--wc-pc-control-radius); } html.wc-desktop-input #pages .filter-tab { border-radius:4px !important; } /* Feed / overview */ html.wc-desktop-input #page-feed #collage-feed .pc-home-topline, html.wc-desktop-input #page-feed #collage-feed .pc-home-identity, html.wc-desktop-input #page-feed #collage-feed .pc-home-rail-card, html.wc-desktop-input #page-feed #collage-feed .pc-home-panel, html.wc-desktop-input #page-feed #collage-feed .pc-home-empty { border-radius:var(--wc-pc-panel-radius) !important; } html.wc-desktop-input #page-feed #collage-feed .pc-home-topline { border-left-width:5px; } html.wc-desktop-input #page-feed #collage-feed .pc-home-activity-icon, html.wc-desktop-input #page-feed #collage-feed .pc-home-community-media, html.wc-desktop-input #page-feed #collage-feed .pc-home-list-icon { border-radius:var(--wc-pc-media-radius) !important; } /* Crew discovery */ html.wc-desktop-input #page-club #club-keyword, html.wc-desktop-input #page-club #region-btn, html.wc-desktop-input #page-club #radius-btn { border-radius:var(--wc-pc-control-radius) !important; } html.wc-desktop-input #page-club .club-card, html.wc-desktop-input #page-club .club-card.cc-compact { border-radius:var(--wc-pc-panel-radius) !important; border-color:var(--wc-pc-rule) !important; box-shadow:none !important; } html.wc-desktop-input #page-club .club-card img, html.wc-desktop-input #page-club .club-card .club-cover, html.wc-desktop-input #page-club .club-card [class*="image"] { border-radius:var(--wc-pc-media-radius) var(--wc-pc-media-radius) 0 0 !important; } html.wc-desktop-input #page-club .club-card:hover { border-color:#B7C0CB !important; box-shadow:0 8px 20px rgba(12,22,40,.06) !important; transform:translateY(-1px); } /* Route workspace: no input behavior is changed; only container geometry. */ html.wc-desktop-input #page-route .wc-pc-route-sidebar, html.wc-desktop-input #page-route .wc-pc-route-section, html.wc-desktop-input #page-route .wc-pc-route-inspector, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-sidebar, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-list, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-inspector { border-radius:var(--wc-pc-panel-radius) !important; box-shadow:none !important; } html.wc-desktop-input #page-route .route-card, html.wc-desktop-input #page-route .wc-pc-market-card, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-route-card { border-radius:var(--wc-pc-panel-radius) !important; box-shadow:none !important; } html.wc-desktop-input #page-route .route-card > div:first-child, html.wc-desktop-input #page-route .wc-pc-market-card > div:first-child, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-route-card > div:first-child { border-radius:var(--wc-pc-media-radius) var(--wc-pc-media-radius) 0 0 !important; } html.wc-desktop-input #page-route .wc-route-rail-nav, html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-header > button { border-radius:4px !important; } /* Existing generic cards used by trade, profile, tracking and static pages. */ html.wc-desktop-input #pages .trade-card, html.wc-desktop-input #pages .item-card, html.wc-desktop-input #pages .profile-card, html.wc-desktop-input #pages .record-card, html.wc-desktop-input #pages .activity-card, html.wc-desktop-input #pages .stats-card, html.wc-desktop-input #pages .settings-card, html.wc-desktop-input #pages .menu-card, html.wc-desktop-input #pages .route-card, html.wc-desktop-input #pages .club-card, html.wc-desktop-input #pages .feed-card, html.wc-desktop-input #pages .content-card { border-radius:var(--wc-pc-panel-radius) !important; box-shadow:none !important; } html.wc-desktop-input #pages .trade-card img, html.wc-desktop-input #pages .item-card img, html.wc-desktop-input #pages .profile-card img:not(.avatar), html.wc-desktop-input #pages .record-card img, html.wc-desktop-input #pages .feed-card img { border-radius:var(--wc-pc-media-radius) !important; } } /* WC_PC_PROFILE_BOX_EXTENSION_20260905 — profile uses rows and rules, not floating rounded cards. */ @media (min-width:1024px) { html.wc-desktop-input #page-profile .profile-header, html.wc-desktop-input #page-profile .ph-stats, html.wc-desktop-input #page-profile .menu-section { border-radius:var(--wc-pc-panel-radius) !important; box-shadow:none !important; border-color:var(--wc-pc-rule) !important; } html.wc-desktop-input #page-profile .ph-stats { overflow:hidden; } html.wc-desktop-input #page-profile .menu-item { border-radius:0 !important; border-color:var(--wc-pc-rule) !important; } html.wc-desktop-input #page-profile .menu-item:first-child { border-radius:var(--wc-pc-media-radius) var(--wc-pc-media-radius) 0 0 !important; } html.wc-desktop-input #page-profile .menu-item:last-child { border-radius:0 0 var(--wc-pc-media-radius) var(--wc-pc-media-radius) !important; } html.wc-desktop-input #page-profile .activity-filter button, html.wc-desktop-input #page-profile .record-sort button { border-radius:4px !important; } } /* WC_PC_BOX_SYSTEM_COMPLETION_20260905 Completes the squared desktop geometry across the actual My, Trade, Tracking and modal roots. Mobile and interaction logic remain untouched. */ @media (min-width:1024px) { /* My page uses #page-my in the production DOM; keep #page-profile for compatibility. */ html.wc-desktop-input #page-my .profile-header, html.wc-desktop-input #page-my .ph-stats, html.wc-desktop-input #page-my .menu-section, html.wc-desktop-input #page-profile .profile-header, html.wc-desktop-input #page-profile .ph-stats, html.wc-desktop-input #page-profile .menu-section { border-radius:var(--wc-pc-panel-radius) !important; box-shadow:none !important; border-color:var(--wc-pc-rule) !important; } html.wc-desktop-input #page-my .ph-stats, html.wc-desktop-input #page-profile .ph-stats { overflow:hidden; } html.wc-desktop-input #page-my .menu-item, html.wc-desktop-input #page-profile .menu-item { border-radius:0 !important; border-color:var(--wc-pc-rule) !important; } html.wc-desktop-input #page-my .menu-item:first-child, html.wc-desktop-input #page-profile .menu-item:first-child { border-radius:var(--wc-pc-media-radius) var(--wc-pc-media-radius) 0 0 !important; } html.wc-desktop-input #page-my .menu-item:last-child, html.wc-desktop-input #page-profile .menu-item:last-child { border-radius:0 0 var(--wc-pc-media-radius) var(--wc-pc-media-radius) !important; } html.wc-desktop-input #page-my .activity-filter button, html.wc-desktop-input #page-my .record-sort button, html.wc-desktop-input #page-profile .activity-filter button, html.wc-desktop-input #page-profile .record-sort button { border-radius:4px !important; } /* Trade / market */ html.wc-desktop-input #page-trade #market-search-input, html.wc-desktop-input #page-trade #trade-used > div button[onclick*="searchMarket"], html.wc-desktop-input #page-trade #trade-used > div button[onclick*="showMyLikes"], html.wc-desktop-input #page-trade .market-card button[title*="찜"], html.wc-desktop-input #page-trade #trade-groupbuy .btn-secondary, html.wc-desktop-input #page-trade #trade-route > div:first-child button { border-radius:var(--wc-pc-control-radius) !important; } html.wc-desktop-input #page-trade #banner-market, html.wc-desktop-input #page-trade .market-card { border-radius:var(--wc-pc-panel-radius) !important; box-shadow:none !important; } html.wc-desktop-input #page-trade .market-card .mc-thumb { border-radius:var(--wc-pc-media-radius) var(--wc-pc-media-radius) 0 0 !important; } html.wc-desktop-input #page-trade .market-card:hover { box-shadow:0 7px 18px rgba(12,22,40,.055) !important; } /* Browser recording: the map remains map-first; HUD and controls become architectural modules. */ html.wc-desktop-input #tracking-overlay .tracking-hud { gap:1px !important; } html.wc-desktop-input #tracking-overlay .hud-stat { border-radius:4px !important; } html.wc-desktop-input #tracking-overlay .tracking-controls button { border-radius:var(--wc-pc-control-radius) !important; } html.wc-desktop-input .tracking-permission-card { border-radius:var(--wc-pc-panel-radius) !important; } html.wc-desktop-input .tracking-permission-icon, html.wc-desktop-input .tracking-permission-browser-tip, html.wc-desktop-input .tracking-permission-actions button { border-radius:var(--wc-pc-control-radius) !important; } /* Desktop overlays and sheets are surfaces, not phone-style bubbles. */ html.wc-desktop-input .modal-sheet, html.wc-desktop-input .modal-content, html.wc-desktop-input .dialog-content, html.wc-desktop-input .search-panel, html.wc-desktop-input .notification-panel { border-radius:var(--wc-pc-panel-radius) !important; } } /* WC_PC_EXPLORE_WORKSPACE_20260905 */ @media (min-width:1024px){ html.wc-desktop-input #page-feed{background:#F8FAFC}html.wc-desktop-input #page-feed #collage-feed{width:100%;max-width:none;padding:0} html.wc-desktop-input #page-feed #collage-feed .pc-explore-workspace{width:min(1540px,calc(100% - 40px));margin:0 auto;padding:22px 0 52px;display:grid;grid-template-columns:250px minmax(0,1fr) 318px;background:#fff;border-top:1px solid #D9E0E8;border-bottom:1px solid #D9E0E8} html.wc-desktop-input .pc-explore-rail{border-right:1px solid #D9E0E8}html.wc-desktop-input .pc-explore-context{border-left:1px solid #D9E0E8;padding:20px 18px}html.wc-desktop-input .pc-explore-user{padding:20px 18px 16px;border-bottom:1px solid #D9E0E8}html.wc-desktop-input .pc-explore-user>div:first-child{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}.pc-explore-avatar{grid-row:span 3;width:38px;height:38px;border-radius:50%;object-fit:cover;background:#172033;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900}.pc-explore-user p,.pc-explore-title p,.pc-explore-table p,.pc-explore-route-context>p{margin:0 0 4px;color:#E96B16;font-size:9px;font-weight:900;letter-spacing:.12em}.pc-explore-user strong{color:#172033;font-size:14px;font-weight:900}.pc-explore-user small{color:#7B8797;font-size:10px;font-weight:750}.pc-explore-user-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:10px;border-top:1px solid #E7ECF2}.pc-explore-user-stats span{color:#7B8797;font-size:10px;font-weight:750}.pc-explore-user-stats b{display:block;color:#172033;font-size:15px;font-weight:900} html.wc-desktop-input .pc-explore-side-section{padding:17px 18px;border-bottom:1px solid #E7ECF2}.pc-explore-side-section header,.pc-explore-table>header,.pc-explore-title,.pc-explore-map-wrap>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-explore-side-section header b{color:#172033;font-size:12px}.pc-explore-side-section header button,.pc-explore-table>header button{border:0;padding:0;background:transparent;color:#64748B;font-size:10px;font-weight:800;cursor:pointer}.pc-explore-side-section>p{margin:14px 0 0;color:#263449;font-size:13px;font-weight:850}.pc-explore-side-section>p small{display:block;margin-top:4px;color:#7B8797;font-size:10px;font-weight:650}.pc-explore-crew-row,.pc-explore-community-row{display:grid;width:100%;grid-template-columns:28px minmax(0,1fr) 14px;gap:8px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid #F0F3F6;background:transparent;text-align:left;cursor:pointer}.pc-explore-crew-row:hover,.pc-explore-community-row:hover{background:#FFF7ED}.pc-explore-crew-row>span,.pc-explore-community-row>span{display:grid;width:26px;height:26px;place-items:center;border-radius:4px;background:#F1F5F9;font-size:13px}.pc-explore-crew-row strong,.pc-explore-community-row strong{display:block;overflow:hidden;color:#263449;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.pc-explore-crew-row small,.pc-explore-community-row small{display:block;overflow:hidden;margin-top:3px;color:#7B8797;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.pc-explore-crew-row i,.pc-explore-community-row i,.pc-explore-context i{color:#94A3B8;font-style:normal;font-size:16px}.pc-explore-rail-empty{color:#7B8797;font-size:10px;line-height:1.55}.pc-explore-rail-empty button{display:block;margin-top:8px;border:0;border-bottom:1px solid #F97316;padding:0 0 2px;background:transparent;color:#C2410C;font-size:10px;font-weight:850;cursor:pointer} html.wc-desktop-input .pc-explore-title{padding:20px 22px 15px;border-bottom:1px solid #D9E0E8}.pc-explore-title h1{margin:0;color:#172033;font-size:25px;font-weight:950;letter-spacing:-.05em}.pc-explore-title>div:last-child{display:flex;gap:8px}.pc-explore-title button,.pc-explore-route-context button{min-height:34px;border:1px solid #D8E0E8;border-radius:5px;padding:0 12px;background:#fff;color:#334155;font-size:11px;font-weight:850;cursor:pointer}.pc-explore-title .pc-explore-primary,.pc-explore-route-context button{border-color:#F97316;background:#F97316;color:#fff}.pc-explore-map-wrap{padding:16px 18px 0}.pc-explore-map-wrap>header{margin-bottom:9px;color:#172033;font-size:12px;font-weight:900}.pc-explore-map-wrap small{color:#7B8797;font-size:10px;font-weight:650}.pc-explore-map{height:405px;overflow:hidden;border:1px solid #D9E0E8;border-radius:6px;background:#EDF2F5}.pc-explore-map>span{display:grid;width:100%;height:100%;place-items:center;color:#7B8797;font-size:12px;font-weight:750}.pc-explore-map .leaflet-container{border:0!important;border-radius:0!important} html.wc-desktop-input .pc-explore-table{margin:16px 18px 20px;border-top:1px solid #D9E0E8;border-bottom:1px solid #D9E0E8}.pc-explore-table>header{padding:13px 0 10px}.pc-explore-table h2{margin:0;color:#172033;font-size:16px;font-weight:900}.pc-explore-table-label,.pc-explore-activity-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 66px 12px;gap:12px;align-items:center}.pc-explore-table-label{padding:8px 0;border-top:1px solid #E7ECF2;color:#94A3B8;font-size:9px;font-weight:850}.pc-explore-activity-row{width:100%;min-height:54px;padding:8px 0;border:0;border-top:1px solid #EEF2F6;background:transparent;text-align:left;cursor:pointer}.pc-explore-activity-row:hover{background:#FFF9F3}.pc-explore-activity-row .pc-explore-type{display:none}.pc-explore-activity-row strong{display:block;overflow:hidden;color:#263449;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.pc-explore-activity-row small{display:block;margin-top:3px;color:#7B8797;font-size:9px;font-weight:650}.pc-explore-activity-row b,.pc-explore-activity-row em{color:#334155;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.pc-explore-activity-row i{color:#94A3B8;font-size:16px;font-style:normal}.pc-explore-empty{display:flex;min-height:145px;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#7B8797;font-size:11px;text-align:center}.pc-explore-empty strong{color:#263449;font-size:12px}.pc-explore-empty button{border:1px solid #F97316;border-radius:4px;padding:7px 10px;background:#fff;color:#C2410C;font-size:10px;font-weight:850;cursor:pointer} html.wc-desktop-input .pc-explore-route-context{min-height:238px;padding-bottom:18px;border-bottom:1px solid #D9E0E8}.pc-explore-route-context h2{margin:0;color:#172033;font-size:19px;font-weight:950;letter-spacing:-.035em;line-height:1.25}.pc-explore-route-context>span{display:block;margin-top:10px;color:#64748B;font-size:11px;font-weight:650;line-height:1.55}.pc-explore-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.pc-explore-tags span{border:1px solid #E2E8F0;border-radius:4px;padding:4px 6px;color:#64748B;font-size:9px;font-weight:800}.pc-explore-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border-top:1px solid #E7ECF2;border-bottom:1px solid #E7ECF2}.pc-explore-metrics span{padding:9px 6px 8px 0;color:#7B8797;font-size:9px;font-weight:700}.pc-explore-metrics b{display:block;margin-bottom:3px;color:#172033;font-size:13px;font-weight:900}.pc-explore-route-context>p:not(:first-child){margin:12px 0;color:#64748B;font-size:10px;font-weight:650;line-height:1.5}.pc-explore-route-context button{width:100%}.pc-explore-context-section{padding-top:18px}.pc-explore-context-section+.pc-explore-context-section{margin-top:18px;border-top:1px solid #E7ECF2}.pc-explore-context-section>b{color:#172033;font-size:12px}.pc-explore-context-section button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #EEF2F6;padding:12px 0;background:transparent;color:#334155;font-size:11px;font-weight:800;text-align:left;cursor:pointer}.pc-explore-context-section button:hover{color:#C2410C} } @media (min-width:1024px) and (max-width:1279px){html.wc-desktop-input #page-feed #collage-feed .pc-explore-workspace{width:calc(100% - 28px);grid-template-columns:210px minmax(0,1fr) 270px}.pc-explore-map{height:350px}.pc-explore-side-section{padding:14px 13px}.pc-explore-context{padding:16px 13px}} /* PC_CREW_DESK_VISUAL_SYSTEM_20260905 A desktop composition for finding and preparing a crew. It does not apply on touch/mobile layouts. */ @media (min-width:1024px) { html.wc-desktop-input #page-club > .wc-pc-crew-layout { display:grid !important; grid-template-columns:232px minmax(0,1fr) 292px !important; grid-template-rows:auto auto !important; column-gap:24px !important; row-gap:12px !important; height:100% !important; min-height:0 !important; padding:26px 32px 36px !important; background:#F8FAFC !important; align-content:start !important; } html.wc-desktop-input #page-club .wc-pc-crew-layout > .section-header { grid-column:1 / -1 !important; grid-row:1 !important; display:flex !important; align-items:flex-end !important; min-height:58px !important; padding:0 0 15px !important; margin:0 0 5px !important; border-bottom:2px solid #172033 !important; } html.wc-desktop-input #page-club .wc-pc-crew-layout > .section-header .section-title { color:#172033 !important; font-size:28px !important; line-height:1 !important; font-weight:850 !important; letter-spacing:-.055em !important; } html.wc-desktop-input #page-club .wc-pc-crew-search, html.wc-desktop-input #page-club .wc-pc-crew-actions, html.wc-desktop-input #page-club .wc-pc-crew-panel, html.wc-desktop-input #page-club .wc-pc-crew-types { grid-column:1 !important; margin:0 !important; width:100% !important; padding:0 !important; } html.wc-desktop-input #page-club .wc-pc-crew-search { grid-row:2 !important; } html.wc-desktop-input #page-club .wc-pc-crew-actions { grid-row:3 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important; padding-top:8px !important; } html.wc-desktop-input #page-club .wc-pc-crew-panel { grid-row:4 !important; margin-top:0 !important; } html.wc-desktop-input #page-club #radius-panel.wc-pc-crew-panel { grid-row:5 !important; } html.wc-desktop-input #page-club .wc-pc-crew-types { grid-row:6 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; padding-top:10px !important; } html.wc-desktop-input #page-club .wc-pc-crew-search > div { width:100% !important; } html.wc-desktop-input #page-club #club-keyword { height:42px !important; padding:0 38px 0 13px !important; border:1px solid #C9D0D9 !important; border-radius:5px !important; background:#FFFFFF !important; color:#172033 !important; font-size:13px !important; } html.wc-desktop-input #page-club #club-keyword:focus { border-color:#F97316 !important; box-shadow:0 0 0 3px rgba(249,115,22,.12) !important; } html.wc-desktop-input #page-club #region-btn, html.wc-desktop-input #page-club #radius-btn, html.wc-desktop-input #page-club #club-filter-clear { justify-content:center !important; min-height:38px !important; padding:7px 8px !important; border-color:#C9D0D9 !important; border-radius:5px !important; background:#FFFFFF !important; color:#334155 !important; font-size:12px !important; } html.wc-desktop-input #page-club .wc-pc-crew-types .filter-tab { justify-content:flex-start !important; min-height:34px !important; padding:7px 10px !important; border:1px solid transparent !important; border-radius:4px !important; background:transparent !important; color:#64748B !important; font-size:12px !important; } html.wc-desktop-input #page-club .wc-pc-crew-types .filter-tab.active { border-color:#FED7AA !important; background:#FFF7ED !important; color:#C2410C !important; font-weight:800 !important; } html.wc-desktop-input #page-club .wc-pc-crew-panel { border:1px solid #D9DEE5 !important; border-radius:5px !important; background:#FFFFFF !important; box-shadow:none !important; } html.wc-desktop-input #page-club #club-list { grid-column:2 !important; grid-row:2 / span 7 !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; align-content:start !important; min-width:0 !important; padding:0 0 40px !important; margin:0 !important; } html.wc-desktop-input #page-club #club-list .cc-section-header { grid-column:1 / -1 !important; display:flex !important; align-items:center !important; min-height:30px !important; margin:0 !important; border-bottom:1px solid #DCE1E7 !important; } html.wc-desktop-input #page-club #club-list .cc-section-label { color:#172033 !important; font-size:13px !important; font-weight:850 !important; letter-spacing:-.015em !important; } html.wc-desktop-input #page-club #club-list .club-card.cc-compact { position:relative !important; display:flex !important; flex-direction:row !important; min-width:0 !important; min-height:145px !important; height:145px !important; margin:0 !important; border:1px solid #D9DEE5 !important; border-radius:6px !important; background:#FFFFFF !important; box-shadow:none !important; cursor:pointer !important; transition:border-color .14s ease, transform .14s ease, box-shadow .14s ease !important; } html.wc-desktop-input #page-club #club-list .club-card.cc-compact:hover, html.wc-desktop-input #page-club #club-list .club-card.cc-compact.is-pc-crew-active { transform:translateY(-1px) !important; border-color:#F97316 !important; box-shadow:inset 3px 0 0 #F97316, 0 8px 18px rgba(23,32,51,.06) !important; } html.wc-desktop-input #page-club #club-list .cc-compact-thumb { width:126px !important; min-width:126px !important; height:143px !important; border-radius:0 !important; background:#EEF2F5 !important; } html.wc-desktop-input #page-club #club-list .cc-compact-body { min-width:0 !important; padding:15px 15px 12px !important; } html.wc-desktop-input #page-club #club-list .cc-compact-name { color:#172033 !important; font-size:15px !important; font-weight:850 !important; letter-spacing:-.035em !important; } html.wc-desktop-input #page-club #club-list .cc-compact-meta { color:#F97316 !important; font-size:11px !important; font-weight:750 !important; margin-top:5px !important; } html.wc-desktop-input #page-club #club-list .cc-compact-desc { color:#64748B !important; font-size:12px !important; line-height:1.45 !important; margin-top:8px !important; } html.wc-desktop-input #page-club #club-list .cc-compact-footer { color:#64748B !important; font-size:11px !important; padding-top:8px !important; } html.wc-desktop-input #page-club .wc-pc-crew-inspector { grid-column:3 !important; grid-row:2 / span 7 !important; position:sticky !important; top:12px !important; align-self:start !important; min-height:410px !important; padding:22px 20px !important; border:1px solid #172033 !important; border-radius:6px !important; background:#172033 !important; color:#FFFFFF !important; box-shadow:none !important; } html.wc-desktop-input #page-club .wc-pc-crew-kicker { color:#FDBA74 !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.14em !important; text-transform:uppercase !important; } html.wc-desktop-input #page-club .wc-pc-crew-inspector h2 { margin:12px 0 9px !important; color:#FFFFFF !important; font-size:25px !important; line-height:1.08 !important; font-weight:850 !important; letter-spacing:-.055em !important; } html.wc-desktop-input #page-club .wc-pc-crew-summary, html.wc-desktop-input #page-club .wc-pc-crew-description { margin:0 !important; color:#B9C3D0 !important; font-size:12px !important; line-height:1.65 !important; } html.wc-desktop-input #page-club .wc-pc-crew-inspector-rule { height:1px !important; margin:22px 0 !important; background:rgba(255,255,255,.16) !important; } html.wc-desktop-input #page-club .wc-pc-crew-inspector-empty { display:flex !important; flex-direction:column !important; gap:8px !important; padding-top:4px !important; color:#8E9BAB !important; font-size:12px !important; line-height:1.5 !important; } html.wc-desktop-input #page-club .wc-pc-crew-inspector-empty b { color:#FFFFFF !important; font-size:15px !important; line-height:1.4 !important; } html.wc-desktop-input #page-club .wc-pc-crew-meta { margin:0 0 14px !important; color:#FDBA74 !important; font-size:12px !important; font-weight:750 !important; } html.wc-desktop-input #page-club .wc-pc-crew-statline { margin:20px 0 12px !important; padding:11px 0 !important; border-top:1px solid rgba(255,255,255,.15) !important; border-bottom:1px solid rgba(255,255,255,.15) !important; color:#FFFFFF !important; font-size:12px !important; font-weight:700 !important; } html.wc-desktop-input #page-club .wc-pc-crew-open { width:100% !important; min-height:42px !important; margin-top:8px !important; border:0 !important; border-radius:5px !important; background:#F97316 !important; color:#FFFFFF !important; font-size:13px !important; font-weight:850 !important; cursor:pointer !important; } html.wc-desktop-input #page-club .wc-pc-crew-note { margin:11px 0 0 !important; color:#8E9BAB !important; font-size:10px !important; line-height:1.5 !important; } } /* WC_PC_RECORD_WORKSPACE_20260905 Browser GPS behavior, permission prompts and save controls are unchanged. The following applies only to mouse-first desktop recording and turns the existing overlay into a map-first workstation. */ @media (min-width:1024px) { html.wc-desktop-input #tracking-overlay.active { display:grid !important; grid-template-columns:minmax(0,1fr) 340px !important; grid-template-rows:68px minmax(0,1fr) !important; height:100dvh !important; background:#EEF2F5 !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(3) { grid-column:1 / -1 !important; grid-row:1 !important; display:flex !important; align-items:center !important; min-height:68px !important; padding:0 28px !important; background:#FFFFFF !important; border-bottom:1px solid #D9DEE5 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(3) > div:first-child { gap:12px !important; } html.wc-desktop-input #tracking-overlay #track-type-icon { width:36px !important; height:36px !important; border-radius:5px !important; box-shadow:none !important; } html.wc-desktop-input #tracking-overlay #track-type-label { color:#172033 !important; font-size:16px !important; font-weight:850 !important; letter-spacing:-.035em !important; } html.wc-desktop-input #tracking-overlay #track-type-label::before { content:'LIVE ACTIVITY' !important; display:block !important; margin-bottom:2px !important; color:#F97316 !important; font-size:9px !important; font-weight:850 !important; letter-spacing:.13em !important; } html.wc-desktop-input #tracking-overlay #track-status { color:#F97316 !important; font-size:11px !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(3) > button { min-width:76px !important; min-height:34px !important; padding:0 13px !important; border:1px solid #FECACA !important; border-radius:5px !important; background:#FFFFFF !important; color:#DC2626 !important; font-size:12px !important; } html.wc-desktop-input #tracking-map { grid-column:1 !important; grid-row:2 !important; width:100% !important; height:100% !important; min-height:0 !important; border-right:1px solid #D9DEE5 !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) { grid-column:2 !important; grid-row:2 !important; display:flex !important; flex-direction:column !important; min-height:0 !important; padding:22px 20px !important; background:#FFFFFF !important; border:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5)::before { content:'ACTIVITY METRICS' !important; display:block !important; margin:0 0 10px !important; color:#64748B !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.14em !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:first-child { display:grid !important; grid-template-columns:1fr 1fr !important; gap:0 !important; margin:0 !important; border-top:1px solid #D9DEE5 !important; border-left:1px solid #D9DEE5 !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:first-child > div { min-height:112px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; padding:15px 13px !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; text-align:left !important; } html.wc-desktop-input #tracking-overlay #t-time, html.wc-desktop-input #tracking-overlay #t-dist, html.wc-desktop-input #tracking-overlay #t-speed, html.wc-desktop-input #tracking-overlay #t-elev { color:#172033 !important; font-size:25px !important; line-height:1 !important; font-weight:850 !important; letter-spacing:-.06em !important; font-variant-numeric:tabular-nums !important; } html.wc-desktop-input #tracking-overlay #t-speed { color:#F97316 !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:first-child > div > div:nth-child(2) { margin-top:7px !important; color:#64748B !important; font-size:10px !important; font-weight:750 !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:last-child { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-top:auto !important; padding-top:18px !important; border-top:1px solid #D9DEE5 !important; } html.wc-desktop-input #tracking-overlay .tracking-controls button, html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:last-child button { min-height:44px !important; padding:0 10px !important; border-radius:5px !important; font-size:12px !important; font-weight:850 !important; box-shadow:none !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:last-child button:first-child { background:#FFFFFF !important; border:1px solid #C9D0D9 !important; color:#334155 !important; } html.wc-desktop-input #tracking-overlay > div:nth-child(5) > div:last-child button:last-child { background:#F97316 !important; border:1px solid #F97316 !important; color:#FFFFFF !important; } html.wc-desktop-input #tracking-overlay #gpx-navi-hud { top:84px !important; left:24px !important; right:auto !important; width:min(430px,calc(100vw - 420px)) !important; } html.wc-desktop-input #tracking-overlay #gpx-navi-hud > div { background:#FFFFFF !important; border-color:#FDBA74 !important; border-radius:6px !important; box-shadow:0 10px 26px rgba(23,32,51,.12) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html.wc-desktop-input #tracking-overlay #navi-direction-text { color:#172033 !important; } html.wc-desktop-input #tracking-overlay #navi-next-dist, html.wc-desktop-input #tracking-overlay #navi-remain-dist, html.wc-desktop-input #tracking-overlay #navi-progress-pct { color:#EA580C !important; } html.wc-desktop-input #tracking-overlay #waypoint-alert-card { bottom:24px !important; left:24px !important; right:auto !important; width:min(430px,calc(100vw - 420px)) !important; } html.wc-desktop-input #tracking-overlay #waypoint-alert-card > div { border-radius:6px !important; background:#FFFFFF !important; border-color:#FED7AA !important; box-shadow:0 10px 26px rgba(23,32,51,.14) !important; } html.wc-desktop-input #tracking-overlay #wp-alert-name { color:#172033 !important; } html.wc-desktop-input #tracking-overlay .tracking-permission-panel { background:#F8FAFC !important; } html.wc-desktop-input #tracking-overlay .tracking-permission-card { width:min(760px,calc(100vw - 80px)) !important; border:1px solid #D9DEE5 !important; border-radius:6px !important; background:#FFFFFF !important; box-shadow:0 20px 50px rgba(23,32,51,.12) !important; } } /* WC_PC_TRACKING_START_MODAL_20260905 Desktop activity registration is a compact command center. Existing onclick handlers and mobile bottom sheet are untouched. */ @media (min-width:1024px) { html.wc-desktop-input #tracking-modal { align-items:center !important; justify-content:center !important; padding:32px !important; background:rgba(15,23,42,.46) !important; } html.wc-desktop-input #tracking-modal .modal-sheet { width:min(980px,calc(100vw - 64px)) !important; max-width:none !important; max-height:calc(100dvh - 64px) !important; overflow:auto !important; border:1px solid #CBD5E1 !important; border-radius:6px !important; border-bottom:1px solid #CBD5E1 !important; background:#FFFFFF !important; color:#172033 !important; box-shadow:0 24px 68px rgba(15,23,42,.24) !important; } html.wc-desktop-input #tracking-modal .modal-handle { display:none !important; } html.wc-desktop-input #tracking-modal .modal-header { min-height:68px !important; padding:0 26px !important; border-bottom:1px solid #D9DEE5 !important; background:#FFFFFF !important; } html.wc-desktop-input #tracking-modal .modal-title { color:#172033 !important; font-size:20px !important; font-weight:850 !important; letter-spacing:-.045em !important; } html.wc-desktop-input #tracking-modal .modal-title::before { content:'ACTIVITY DESK' !important; display:block !important; margin-bottom:3px !important; color:#F97316 !important; font-size:9px !important; font-weight:850 !important; letter-spacing:.15em !important; } html.wc-desktop-input #tracking-modal .modal-close { width:32px !important; height:32px !important; border:1px solid #D9DEE5 !important; border-radius:4px !important; background:#FFFFFF !important; } html.wc-desktop-input #tracking-modal .modal-body { display:grid !important; grid-template-columns:minmax(0,1fr) 285px !important; grid-template-areas: 'gpx gpx' 'gps-label share' 'types share' 'types manual' !important; align-items:start !important; gap:0 28px !important; padding:26px !important; background:#FFFFFF !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(1) { grid-area:gpx !important; display:flex !important; min-height:84px !important; margin:0 0 26px !important; padding:17px 18px !important; border:1px solid #FED7AA !important; border-left:4px solid #F97316 !important; border-radius:0 !important; background:#FFF7ED !important; box-shadow:none !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(1) > div:first-child { width:44px !important; height:44px !important; border-radius:4px !important; background:#F97316 !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(1) [style*="font-size:15px"] { color:#172033 !important; font-size:15px !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(1) [style*="font-size:12px"] { color:#64748B !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(1) > div[style*="position:absolute"] { top:10px !important; right:12px !important; border-radius:3px !important; background:#172033 !important; color:#FFFFFF !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(2) { grid-area:gps-label !important; margin:0 0 10px !important; color:#64748B !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.14em !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(3) { grid-area:types !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; margin:0 !important; border-top:1px solid #D9DEE5 !important; border-left:1px solid #D9DEE5 !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(3) button { min-height:134px !important; padding:16px 8px !important; gap:9px !important; border:0 !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; border-radius:0 !important; background:#FFFFFF !important; box-shadow:none !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(3) button:hover { background:#FFF7ED !important; box-shadow:inset 0 -3px 0 #F97316 !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(3) button img { width:48px !important; height:48px !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(3) button span { color:#172033 !important; font-size:13px !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(4) { grid-area:share !important; align-self:stretch !important; min-height:188px !important; margin:0 !important; padding:18px !important; border:1px solid #D9DEE5 !important; border-top:3px solid #172033 !important; border-radius:0 !important; background:#FFFFFF !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(4) [style*="font-size:14px"] { color:#172033 !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(4) p { color:#64748B !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(4) button { min-height:38px !important; border:1px solid #F97316 !important; border-radius:4px !important; background:#FFFFFF !important; color:#EA580C !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(5) { grid-area:manual !important; align-self:end !important; margin:18px 0 0 !important; padding-top:18px !important; border-top:1px solid #D9DEE5 !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(5) > div:nth-child(2) { min-height:52px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#FFFFFF !important; } html.wc-desktop-input #tracking-modal .modal-body > div:nth-child(5) > div:nth-child(2) > div:first-child { width:34px !important; height:34px !important; border-radius:4px !important; background:#F8FAFC !important; } } /* WC_PC_PROFILE_WORKSPACE_20260905 Desktop profile is a personal workspace: sidebar identity, activity controls, library actions and settings. Existing menu onclick handlers are preserved. */ @media (min-width:1024px) { html.wc-desktop-input #page-my { background:#F8FAFC !important; } html.wc-desktop-input #page-my #my-content { width:min(1240px,calc(100% - 56px)) !important; max-width:none !important; min-height:calc(100dvh - 78px) !important; margin:0 auto !important; padding:34px 0 72px !important; display:grid !important; grid-template-columns:286px minmax(0,1fr) !important; grid-template-areas:'profile activity' 'profile library' 'profile settings' !important; column-gap:38px !important; row-gap:26px !important; align-items:start !important; } html.wc-desktop-input #page-my #my-content > .profile-header { grid-area:profile !important; position:sticky !important; top:98px !important; margin:0 !important; padding:0 30px 0 0 !important; border:0 !important; border-right:1px solid #D9DEE5 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } html.wc-desktop-input #page-my .profile-header::before { content:'MEMBER PROFILE' !important; display:block !important; margin:0 0 18px !important; color:#F97316 !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.15em !important; } html.wc-desktop-input #page-my .profile-header .ph-top { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important; } html.wc-desktop-input #page-my .profile-header .ph-avatar, html.wc-desktop-input #page-my .profile-header .ph-avatar-placeholder { width:74px !important; height:74px !important; min-width:74px !important; border-radius:50% !important; border:0 !important; background:#172033 !important; } html.wc-desktop-input #page-my .profile-header .ph-avatar img { width:74px !important; height:74px !important; border-radius:50% !important; object-fit:cover !important; } html.wc-desktop-input #page-my .profile-header .ph-avatar-placeholder svg { width:33px !important; height:33px !important; stroke:#FFFFFF !important; } html.wc-desktop-input #page-my .profile-header .ph-name { color:#172033 !important; font-size:24px !important; font-weight:900 !important; letter-spacing:-.055em !important; } html.wc-desktop-input #page-my .profile-header .ph-badges { margin-top:7px !important; gap:5px !important; } html.wc-desktop-input #page-my .profile-header .grade-pill, html.wc-desktop-input #page-my .profile-header .type-pill { border-radius:3px !important; min-height:22px !important; padding:3px 7px !important; font-size:10px !important; } html.wc-desktop-input #page-my #crew-level-badge { margin-top:16px !important; } html.wc-desktop-input #page-my #crew-level-badge > div { padding:12px 0 !important; border:0 !important; border-top:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; border-radius:0 !important; background:transparent !important; } html.wc-desktop-input #page-my .profile-header .ph-stats { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:0 !important; margin:26px 0 0 !important; border-top:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; border-radius:0 !important; background:transparent !important; overflow:visible !important; } html.wc-desktop-input #page-my .profile-header .ph-stat { min-height:68px !important; padding:13px 0 !important; border-right:1px solid #E5E7EB !important; background:transparent !important; } html.wc-desktop-input #page-my .profile-header .ph-stat:last-child { border-right:0 !important; } html.wc-desktop-input #page-my .profile-header .ph-stat-val { color:#172033 !important; font-size:17px !important; font-weight:900 !important; } html.wc-desktop-input #page-my .profile-header .ph-stat-lbl { color:#94A3B8 !important; font-size:9px !important; letter-spacing:.04em !important; } html.wc-desktop-input #page-my #my-content > .section-divider, html.wc-desktop-input #page-my #my-content > div[style*="padding:16px 20px 8px"] { display:none !important; } html.wc-desktop-input #page-my #my-content > .menu-section { margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) { grid-area:activity !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; border-top:3px solid #172033 !important; border-left:1px solid #D9DEE5 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child { grid-column:1 / -1 !important; padding:16px 18px !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; background:#FFFFFF !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child > div:first-child > div { color:#172033 !important; font-size:16px !important; font-weight:900 !important; letter-spacing:-.035em !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child > div:first-child > div::before { content:'ACTIVITY LOG / ' !important; color:#F97316 !important; font-size:9px !important; letter-spacing:.13em !important; vertical-align:middle !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child button { min-height:30px !important; border-radius:3px !important; box-shadow:none !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child > div:last-child { gap:0 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child > div:last-child button { border-radius:0 !important; border-right:0 !important; background:#FFFFFF !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child > div:last-child button:first-child { border-radius:3px 0 0 3px !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) > div:first-child > div:last-child button:last-child { border-radius:0 3px 3px 0 !important; border-right:1px solid #FDBA74 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-item { min-height:86px !important; margin:0 !important; padding:0 17px !important; border:0 !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; border-radius:0 !important; background:#FFFFFF !important; box-shadow:none !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-item:hover { background:#FFF7ED !important; box-shadow:inset 3px 0 0 #F97316 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-icon, html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-item-icon { width:34px !important; height:34px !important; min-width:34px !important; border-radius:4px !important; background:#FFF7ED !important; color:#F97316 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-icon svg { stroke:#F97316 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-text .title, html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-item-title { color:#172033 !important; font-size:14px !important; font-weight:850 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-text .subtitle, html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(4) .menu-item-desc { color:#94A3B8 !important; font-size:10px !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(5) { grid-area:settings !important; display:grid !important; grid-template-columns:1fr 1fr !important; border-top:1px solid #D9DEE5 !important; border-left:1px solid #D9DEE5 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(5)::before { content:'SETTINGS' !important; grid-column:1 / -1 !important; padding:13px 17px !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; color:#64748B !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.14em !important; background:#F8FAFC !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(5) .menu-item { min-height:58px !important; margin:0 !important; padding:0 17px !important; border:0 !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; border-radius:0 !important; background:#FFFFFF !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(5) .menu-icon { width:30px !important; height:30px !important; min-width:30px !important; border-radius:4px !important; background:#F8FAFC !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(5) .title { color:#334155 !important; font-size:13px !important; font-weight:800 !important; } html.wc-desktop-input #page-my #my-content > .menu-section:nth-of-type(5) .menu-item[onclick*="logout"] .title { color:#DC2626 !important; } } /* WC_PC_LIVE_TRACKING_WORKSPACE_20260905 The running tracker becomes a desktop map-and-metrics workspace without changing GPS, pause, stop or save handlers. */ @media (min-width:1024px) { html.wc-desktop-input #tracking-overlay.active { display:grid !important; grid-template-columns:minmax(0,1fr) 310px !important; grid-template-rows:72px minmax(0,1fr) !important; background:#F8FAFC !important; color:#172033 !important; } html.wc-desktop-input #tracking-overlay > div[style*="backdrop-filter:blur(14px)"] { grid-column:1 / -1 !important; grid-row:1 !important; min-height:72px !important; padding:0 28px !important; background:#FFFFFF !important; border-bottom:1px solid #D9DEE5 !important; box-shadow:none !important; } html.wc-desktop-input #tracking-overlay #track-type-icon { width:38px !important; height:38px !important; border-radius:4px !important; background:#F97316 !important; } html.wc-desktop-input #tracking-overlay #track-type-label { color:#172033 !important; font-size:16px !important; font-weight:900 !important; } html.wc-desktop-input #tracking-overlay #track-status { color:#EA580C !important; font-size:11px !important; font-weight:850 !important; letter-spacing:.07em !important; } html.wc-desktop-input #tracking-overlay > div[style*="backdrop-filter:blur(14px)"] > button[onclick="stopTracking()"] { min-height:34px !important; padding:0 13px !important; border:1px solid #FECACA !important; border-radius:4px !important; background:#FFFFFF !important; color:#B91C1C !important; font-size:12px !important; font-weight:800 !important; } html.wc-desktop-input #tracking-overlay #tracking-map { grid-column:1 !important; grid-row:2 !important; min-height:0 !important; height:auto !important; border-right:1px solid #D9DEE5 !important; background:#E7EDF2 !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] { grid-column:2 !important; grid-row:2 !important; display:flex !important; flex-direction:column !important; min-width:0 !important; padding:24px !important; background:#FFFFFF !important; border:0 !important; backdrop-filter:none !important; box-shadow:none !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"]::before { content:'LIVE TRACKING' !important; display:block !important; margin-bottom:12px !important; color:#F97316 !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.16em !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:first-child { display:grid !important; grid-template-columns:1fr 1fr !important; gap:0 !important; margin:0 0 auto !important; border-top:3px solid #172033 !important; border-left:1px solid #D9DEE5 !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:first-child > div { min-height:104px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; padding:14px !important; border-right:1px solid #D9DEE5 !important; border-bottom:1px solid #D9DEE5 !important; text-align:left !important; background:#FFFFFF !important; } html.wc-desktop-input #tracking-overlay #t-time, html.wc-desktop-input #tracking-overlay #t-dist, html.wc-desktop-input #tracking-overlay #t-speed, html.wc-desktop-input #tracking-overlay #t-elev { color:#172033 !important; font-size:24px !important; font-weight:900 !important; line-height:1.1 !important; letter-spacing:-.05em !important; } html.wc-desktop-input #tracking-overlay #t-speed { color:#EA580C !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:first-child > div > div:last-child { margin-top:6px !important; color:#64748B !important; font-size:10px !important; letter-spacing:.08em !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:last-child { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-top:22px !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:last-child button { min-height:46px !important; padding:0 10px !important; border-radius:4px !important; font-size:12px !important; font-weight:850 !important; box-shadow:none !important; } html.wc-desktop-input #tracking-overlay #track-pause-btn { border:1px solid #CBD5E1 !important; background:#FFFFFF !important; color:#334155 !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:last-child button[onclick="stopTracking()"] { border:1px solid #F97316 !important; background:#F97316 !important; color:#FFFFFF !important; } html.wc-desktop-input #tracking-overlay #gpx-navi-hud { top:88px !important; left:20px !important; right:auto !important; width:360px !important; } html.wc-desktop-input #tracking-overlay #gpx-navi-hud > div { border-radius:4px !important; background:rgba(23,32,51,.95) !important; } html.wc-desktop-input #tracking-overlay #waypoint-alert-card { bottom:24px !important; left:20px !important; right:auto !important; width:360px !important; } html.wc-desktop-input #tracking-overlay #waypoint-alert-card > div { border-radius:4px !important; } } /* WC_PC_ROUTE_INSPECTOR_LEAFLET_PREVIEW_20260905 */ @media (min-width:1024px) { html.wc-desktop-input #page-route .wc-pc-inspector-map { position:relative !important; display:block !important; height:176px !important; overflow:hidden !important; border:1px solid #E2E8F0 !important; border-radius:4px !important; background:#EEF4F6 !important; } html.wc-desktop-input #page-route .wc-pc-route-preview-map { width:100% !important; height:100% !important; background:#EEF4F6 !important; } html.wc-desktop-input #page-route .wc-pc-route-preview-map.is-unavailable { display:flex !important; align-items:center !important; justify-content:center !important; padding:18px !important; color:#64748B !important; font-size:12px !important; font-weight:700 !important; text-align:center !important; } html.wc-desktop-input #page-route .wc-pc-route-preview-label { position:absolute !important; top:10px !important; left:10px !important; z-index:500 !important; padding:5px 7px !important; border:1px solid rgba(255,255,255,.88) !important; border-radius:3px !important; background:rgba(255,255,255,.94) !important; color:#334155 !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.04em !important; box-shadow:0 2px 8px rgba(15,23,42,.12) !important; } html.wc-desktop-input #page-route .wc-pc-route-map-marker { width:12px !important; height:12px !important; margin:0 !important; border:2px solid #FFFFFF !important; border-radius:50% !important; box-sizing:border-box !important; box-shadow:0 1px 4px rgba(15,23,42,.25) !important; } html.wc-desktop-input #page-route .wc-pc-route-map-marker-start { background:#172033 !important; } html.wc-desktop-input #page-route .wc-pc-route-map-marker-end { background:#F97316 !important; } html.wc-desktop-input #page-route .wc-pc-route-preview-map .leaflet-control-container { display:none !important; } } /* WC_PC_TRADE_ROUTE_DENSE_TABLE_20260905 */ @media (min-width:1024px) { html.wc-desktop-input #trade-route-list { border:1px solid #D9DEE5 !important; border-top:3px solid #172033 !important; border-radius:4px !important; background:#FFFFFF !important; overflow:hidden !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-head { display:grid !important; grid-template-columns:minmax(250px,1.45fr) minmax(220px,1fr) 94px 110px 28px !important; gap:16px !important; align-items:center !important; min-height:38px !important; padding:0 16px !important; border-bottom:1px solid #D9DEE5 !important; background:#F8FAFC !important; color:#64748B !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.075em !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-row { display:grid !important; grid-template-columns:minmax(250px,1.45fr) minmax(220px,1fr) 94px 110px 28px !important; gap:16px !important; align-items:center !important; min-height:82px !important; padding:8px 16px !important; border:0 !important; border-bottom:1px solid #EEF2F7 !important; background:#FFFFFF !important; transition:background .12s ease, box-shadow .12s ease !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-row:hover { background:#FFF9F3 !important; box-shadow:inset 3px 0 0 #F97316 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-thumb { grid-column:1 !important; display:flex !important; align-items:center !important; gap:12px !important; width:auto !important; height:64px !important; overflow:visible !important; background:transparent !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-thumb img, html.wc-desktop-input #trade-route-list .wc-pc-trade-route-thumb > span { width:64px !important; height:64px !important; flex:0 0 64px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; border:1px solid #E2E8F0 !important; border-radius:3px !important; background:#F1F5F9 !important; color:#F97316 !important; font-size:24px !important; object-fit:cover !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-thumb::after { content:attr(data-route-title) !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-summary { grid-column:1 !important; min-width:0 !important; padding-left:76px !important; align-self:center !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-title { color:#172033 !important; font-size:14px !important; font-weight:850 !important; line-height:1.35 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-mobile-meta, html.wc-desktop-input #trade-route-list .wc-pc-trade-route-mobile-price { display:none !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-metrics { grid-column:2 !important; display:flex !important; flex-wrap:wrap !important; gap:4px 8px !important; color:#64748B !important; font-size:11px !important; font-weight:700 !important; line-height:1.35 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-metrics > span:not(.wc-pc-trade-route-category)::before { content:'·'; margin-right:8px; color:#CBD5E1; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-category { color:#0F766E !important; font-weight:850 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-rating { grid-column:3 !important; display:flex !important; flex-direction:column !important; gap:3px !important; color:#64748B !important; font-size:10px !important; line-height:1.25 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-rating b { color:#334155 !important; font-size:12px !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-price { grid-column:4 !important; color:#C2410C !important; font-size:14px !important; font-weight:900 !important; letter-spacing:-.02em !important; text-align:right !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-open { grid-column:5 !important; color:#94A3B8 !important; font-size:18px !important; font-weight:800 !important; text-align:right !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-all-wrap { padding:12px 16px !important; background:#F8FAFC !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-all { width:100% !important; min-height:38px !important; border:1px solid #CBD5E1 !important; border-radius:4px !important; background:#FFFFFF !important; color:#334155 !important; font:800 12px inherit !important; cursor:pointer !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-all:hover { border-color:#F97316 !important; color:#C2410C !important; } } /* WC_PC_TRADE_ROUTE_IDENTITY_ALIGNMENT_20260905 */ @media (min-width:1024px) { html.wc-desktop-input #trade-route-list .wc-pc-trade-route-identity { grid-column:1 !important; display:flex !important; align-items:center !important; gap:12px !important; min-width:0 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-identity .wc-pc-trade-route-thumb { grid-column:auto !important; flex:0 0 64px !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-identity .wc-pc-trade-route-summary { grid-column:auto !important; width:auto !important; padding-left:0 !important; } html.wc-desktop-input #trade-route-list .wc-pc-trade-route-thumb::after { content:none !important; } } /* WC_PC_TWO_COLUMN_DENSITY_20260905 PC is a two-column work surface: a concise navigation rail plus a full-size working canvas. Context is embedded below the canvas rather than reserving an empty third rail. Mobile and existing pointer/route handlers are untouched. */ @media (min-width:1024px) { html.wc-desktop-input #navbar .nav-inner { width:calc(100% - 48px) !important; max-width:1740px !important; height:76px !important; min-height:76px !important; } html.wc-desktop-input #pages { width:calc(100% - 48px) !important; max-width:1740px !important; min-height:calc(100dvh - 76px) !important; padding:26px 0 56px !important; } html.wc-desktop-input #page-feed, html.wc-desktop-input #page-feed #collage-feed, html.wc-desktop-input #page-feed .page-content { width:100% !important; max-width:none !important; margin:0 !important; } html.wc-desktop-input #page-feed #collage-feed .pc-explore-workspace { display:grid !important; grid-template-columns:248px minmax(0,1fr) !important; grid-template-areas: 'rail main' 'rail context' !important; width:100% !important; max-width:none !important; min-height:calc(100dvh - 158px) !important; gap:0 !important; overflow:hidden !important; background:#FFFFFF !important; border:1px solid #D9E0E8 !important; border-top:3px solid #172033 !important; border-radius:6px !important; box-shadow:0 10px 28px rgba(15,23,42,.045) !important; } html.wc-desktop-input #page-feed .pc-explore-rail { grid-area:rail !important; align-self:stretch !important; min-width:0 !important; padding:28px 22px !important; background:#FBFCFD !important; border-right:1px solid #D9E0E8 !important; } html.wc-desktop-input #page-feed .pc-explore-main { grid-area:main !important; min-width:0 !important; padding:28px 32px 0 !important; } html.wc-desktop-input #page-feed .pc-explore-context { grid-area:context !important; display:grid !important; grid-template-columns:minmax(300px,1.25fr) minmax(190px,.9fr) minmax(190px,.9fr) !important; align-items:stretch !important; gap:0 !important; margin:22px 32px 32px !important; padding:0 !important; overflow:hidden !important; background:#FFFFFF !important; border:1px solid #D9E0E8 !important; border-radius:5px !important; } html.wc-desktop-input #page-feed .pc-explore-context > section { min-width:0 !important; margin:0 !important; padding:20px 22px !important; border:0 !important; } html.wc-desktop-input #page-feed .pc-explore-context > section + section { border-left:1px solid #E5EAF0 !important; } html.wc-desktop-input #page-feed .pc-explore-title { min-height:70px !important; padding:0 0 18px !important; margin:0 0 22px !important; border-bottom:2px solid #172033 !important; } html.wc-desktop-input #page-feed .pc-explore-title p, html.wc-desktop-input #page-feed .pc-explore-table header p, html.wc-desktop-input #page-feed .pc-explore-route-context > p:first-child { font-size:11px !important; letter-spacing:.15em !important; } html.wc-desktop-input #page-feed .pc-explore-title h1 { font-size:34px !important; letter-spacing:-.065em !important; line-height:1.08 !important; } html.wc-desktop-input #page-feed .pc-explore-title button, html.wc-desktop-input #page-feed .pc-explore-context button { min-height:40px !important; padding:0 14px !important; font-size:13px !important; font-weight:800 !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap { border:1px solid #D9E0E8 !important; border-radius:5px !important; overflow:hidden !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap > header { min-height:48px !important; padding:0 16px !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap > header b { font-size:14px !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap > header small { font-size:11px !important; } html.wc-desktop-input #page-feed .pc-explore-map { height:480px !important; } html.wc-desktop-input #page-feed .pc-explore-table { margin-top:26px !important; border:1px solid #D9E0E8 !important; border-radius:5px !important; overflow:hidden !important; } html.wc-desktop-input #page-feed .pc-explore-table > header { min-height:70px !important; padding:0 18px !important; } html.wc-desktop-input #page-feed .pc-explore-table h2, html.wc-desktop-input #page-feed .pc-explore-route-context h2 { font-size:22px !important; line-height:1.15 !important; } html.wc-desktop-input #page-feed .pc-explore-table-label { min-height:36px !important; padding:0 18px !important; font-size:11px !important; } html.wc-desktop-input #page-feed .pc-explore-user > div > strong { font-size:17px !important; } html.wc-desktop-input #page-feed .pc-explore-user > div > p { font-size:10px !important; letter-spacing:.13em !important; } html.wc-desktop-input #page-feed .pc-explore-user > div > small, html.wc-desktop-input #page-feed .pc-explore-side-section p small, html.wc-desktop-input #page-feed .pc-explore-crew-row small, html.wc-desktop-input #page-feed .pc-explore-community-row small { font-size:11px !important; } html.wc-desktop-input #page-feed .pc-explore-user-stats span { font-size:11px !important; } html.wc-desktop-input #page-feed .pc-explore-user-stats b { font-size:19px !important; } html.wc-desktop-input #page-feed .pc-explore-side-section { padding:20px 0 !important; } html.wc-desktop-input #page-feed .pc-explore-side-section header b { font-size:14px !important; } html.wc-desktop-input #page-feed .pc-explore-side-section p { font-size:14px !important; line-height:1.35 !important; } html.wc-desktop-input #page-feed .pc-explore-crew-row, html.wc-desktop-input #page-feed .pc-explore-community-row { min-height:54px !important; } html.wc-desktop-input #page-feed .pc-explore-crew-row strong, html.wc-desktop-input #page-feed .pc-explore-community-row strong { font-size:13px !important; } html.wc-desktop-input #page-feed .pc-explore-route-context > span, html.wc-desktop-input #page-feed .pc-explore-route-context > p:not(:first-child) { font-size:12px !important; line-height:1.62 !important; } html.wc-desktop-input #page-feed .pc-explore-metrics b { font-size:18px !important; } html.wc-desktop-input #page-feed .pc-explore-metrics span, html.wc-desktop-input #page-feed .pc-explore-tags span { font-size:11px !important; } /* Crew finder: a filter rail plus the list canvas. The detailed modal remains the existing click path. */ html.wc-desktop-input #page-club > .wc-pc-crew-layout { grid-template-columns:248px minmax(0,1fr) !important; column-gap:0 !important; row-gap:0 !important; padding:0 !important; overflow:hidden !important; background:#FFFFFF !important; border:1px solid #D9E0E8 !important; border-top:3px solid #172033 !important; border-radius:6px !important; } html.wc-desktop-input #page-club .wc-pc-crew-layout > .section-header { grid-column:1 / -1 !important; min-height:78px !important; padding:0 28px !important; margin:0 !important; } html.wc-desktop-input #page-club .wc-pc-crew-layout > .section-header .section-title { font-size:30px !important; } html.wc-desktop-input #page-club .wc-pc-crew-search, html.wc-desktop-input #page-club .wc-pc-crew-actions, html.wc-desktop-input #page-club .wc-pc-crew-panel, html.wc-desktop-input #page-club .wc-pc-crew-types { padding-left:20px !important; padding-right:20px !important; } html.wc-desktop-input #page-club #club-list { grid-column:2 !important; padding:20px 28px 32px !important; gap:16px !important; } html.wc-desktop-input #page-club .wc-pc-crew-inspector { display:none !important; } /* Personal and live-record workspaces inherit readable desktop scale, without touching mobile controls. */ html.wc-desktop-input #page-my .profile-header .ph-name { font-size:28px !important; } html.wc-desktop-input #page-my .profile-header .ph-stat-val { font-size:21px !important; } html.wc-desktop-input #page-my .profile-header .ph-stat-lbl, html.wc-desktop-input #page-my .menu-item-desc { font-size:11px !important; } html.wc-desktop-input #page-my .menu-item-title { font-size:15px !important; } html.wc-desktop-input #tracking-overlay.active { grid-template-columns:minmax(0,1fr) 360px !important; } html.wc-desktop-input #tracking-overlay #t-time, html.wc-desktop-input #tracking-overlay #t-dist, html.wc-desktop-input #tracking-overlay #t-speed, html.wc-desktop-input #tracking-overlay #t-elev { font-size:29px !important; } html.wc-desktop-input #tracking-overlay > div[style*="background:rgba(0,0,0,0.82)"] > div:first-child > div > div:last-child { font-size:11px !important; } /* Route Market keeps its proven rail/input model; only size and context density are raised. */ html.wc-desktop-input #route-market-overlay.rm-pc-workspace .rm-pc-workspace-body { width:calc(100% - 56px) !important; max-width:1680px !important; gap:20px !important; padding:28px 0 36px !important; } html.wc-desktop-input #route-market-overlay .rm-pc-header { min-height:74px !important; } html.wc-desktop-input #route-market-overlay .rm-pc-side-title { font-size:15px !important; } html.wc-desktop-input #route-market-overlay .rm-pc-list .route-card-title, html.wc-desktop-input #route-market-overlay .rm-pc-inspector h2 { font-size:18px !important; } html.wc-desktop-input #route-market-overlay .rm-pc-list .route-card-meta, html.wc-desktop-input #route-market-overlay .rm-pc-inspector-note { font-size:12px !important; } } @media (min-width:1280px) { html.wc-desktop-input #page-feed .pc-explore-workspace { grid-template-columns:270px minmax(0,1fr) !important; } html.wc-desktop-input #page-feed .pc-explore-main { padding-left:38px !important; padding-right:38px !important; } html.wc-desktop-input #page-feed .pc-explore-context { margin-left:38px !important; margin-right:38px !important; } html.wc-desktop-input #page-feed .pc-explore-map { height:520px !important; } } @media (min-width:1024px) and (max-width:1199px) { html.wc-desktop-input #page-feed #collage-feed .pc-explore-workspace { grid-template-columns:220px minmax(0,1fr) !important; } html.wc-desktop-input #page-feed .pc-explore-main { padding:24px 24px 0 !important; } html.wc-desktop-input #page-feed .pc-explore-context { grid-template-columns:1fr 1fr !important; margin:18px 24px 26px !important; } html.wc-desktop-input #page-feed .pc-explore-context > section:first-child { grid-column:1 / -1 !important; border-bottom:1px solid #E5EAF0 !important; } html.wc-desktop-input #page-feed .pc-explore-map { height:440px !important; } } /* WC_PC_PIXEL_GRID_20260905 Measured grid at 1280px: main content axis is a single 38px inset from the rail boundary. Outer frames share this axis; internal copy uses one 18px inset. */ @media (min-width:1024px) { html.wc-desktop-input #page-feed #collage-feed .pc-explore-workspace { padding:0 !important; } html.wc-desktop-input #page-feed .pc-explore-main { padding:28px 38px 0 !important; } html.wc-desktop-input #page-feed .pc-explore-title { min-height:70px !important; margin:0 0 22px !important; padding:0 0 18px !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap { width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap > header { min-height:52px !important; padding:0 18px !important; border-bottom:1px solid #E3E8EE !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap > header b { font-size:15px !important; } html.wc-desktop-input #page-feed .pc-explore-map-wrap > header small { font-size:12px !important; } html.wc-desktop-input #page-feed .pc-explore-map { width:100% !important; height:500px !important; margin:0 !important; border-radius:0 !important; } html.wc-desktop-input #page-feed .pc-explore-table { width:100% !important; box-sizing:border-box !important; margin:24px 0 0 !important; padding:0 !important; } html.wc-desktop-input #page-feed .pc-explore-table > header { padding:0 18px !important; } html.wc-desktop-input #page-feed .pc-explore-table-label { padding:0 18px !important; font-size:12px !important; } html.wc-desktop-input #page-feed .pc-explore-table header button { font-size:13px !important; min-height:38px !important; } html.wc-desktop-input #page-feed .pc-explore-context { width:auto !important; box-sizing:border-box !important; margin:24px 38px 38px !important; } html.wc-desktop-input #page-feed .pc-explore-context > section { padding:22px 18px !important; } html.wc-desktop-input #page-feed .pc-explore-context-section > b { font-size:14px !important; } html.wc-desktop-input #page-feed .pc-explore-context-section button { font-size:13px !important; min-height:42px !important; } html.wc-desktop-input #page-feed .pc-explore-route-context h2 { font-size:23px !important; } html.wc-desktop-input #page-feed .pc-explore-route-context > p:not(:first-child), html.wc-desktop-input #page-feed .pc-explore-route-context > span { font-size:13px !important; } html.wc-desktop-input #page-feed .pc-explore-tags span, html.wc-desktop-input #page-feed .pc-explore-metrics span { font-size:12px !important; } html.wc-desktop-input #page-feed .pc-explore-metrics b { font-size:20px !important; } html.wc-desktop-input #page-feed .pc-explore-rail { padding:28px 22px !important; } html.wc-desktop-input #page-feed .pc-explore-side-section header b, html.wc-desktop-input #page-feed .pc-explore-side-section header button { font-size:14px !important; } html.wc-desktop-input #page-feed .pc-explore-side-section p, html.wc-desktop-input #page-feed .pc-explore-crew-row strong, html.wc-desktop-input #page-feed .pc-explore-community-row strong { font-size:14px !important; } html.wc-desktop-input #page-feed .pc-explore-side-section p small, html.wc-desktop-input #page-feed .pc-explore-crew-row small, html.wc-desktop-input #page-feed .pc-explore-community-row small { font-size:12px !important; line-height:1.45 !important; } html.wc-desktop-input #page-feed .pc-explore-user > div > p { font-size:11px !important; } html.wc-desktop-input #page-feed .pc-explore-user > div > strong { font-size:18px !important; } html.wc-desktop-input #page-feed .pc-explore-user > div > small, html.wc-desktop-input #page-feed .pc-explore-user-stats span { font-size:12px !important; } html.wc-desktop-input #page-feed .pc-explore-user-stats b { font-size:21px !important; } } @media (min-width:1280px) { html.wc-desktop-input #page-feed .pc-explore-map { height:520px !important; } } @media (min-width:1024px) and (max-width:1199px) { html.wc-desktop-input #page-feed .pc-explore-main { padding:26px 28px 0 !important; } html.wc-desktop-input #page-feed .pc-explore-context { margin:24px 28px 30px !important; } } /* WC_PC_SQUARE_RADIUS_AUDIT_20260905 Desktop only: rectangular product surfaces. Circles are semantic only. */ @media (min-width:1024px) { html.wc-desktop-input .nav-link-btn, html.wc-desktop-input #navbar .nav-menu button, html.wc-desktop-input #pages button, html.wc-desktop-input #pages input:not([type="checkbox"]):not([type="radio"]), html.wc-desktop-input #pages select, html.wc-desktop-input #pages textarea, html.wc-desktop-input #pages [class*="card"], html.wc-desktop-input #pages [class*="panel"], html.wc-desktop-input #pages [class*="modal"], html.wc-desktop-input #pages [class*="sheet"], html.wc-desktop-input #pages [class*="filter"], html.wc-desktop-input #pages [class*="search"], html.wc-desktop-input #pages [class*="input"], html.wc-desktop-input #pages [class*="table"], html.wc-desktop-input #pages [class*="list"], html.wc-desktop-input #pages [class*="row"], html.wc-desktop-input #pages [class*="route"], html.wc-desktop-input #pages [class*="market"], html.wc-desktop-input #pages [class*="crew"], html.wc-desktop-input #pages [class*="record"], html.wc-desktop-input #pages [class*="profile"], html.wc-desktop-input #pages [class*="stats"], html.wc-desktop-input #pages [class*="activity"], html.wc-desktop-input #pages [class*="context"], html.wc-desktop-input #pages [class*="workspace"], html.wc-desktop-input .toast, html.wc-desktop-input .pwa-install-banner, html.wc-desktop-input .pwa-install-toast, html.wc-desktop-input .pwa-prompt, html.wc-desktop-input #pwa-install-toast, html.wc-desktop-input #pwa-install-banner { border-radius:4px !important; } html.wc-desktop-input #page-feed .pc-explore-workspace, html.wc-desktop-input #page-feed .pc-explore-map-wrap, html.wc-desktop-input #page-feed .pc-explore-table, html.wc-desktop-input #page-feed .pc-explore-context, html.wc-desktop-input #page-feed .pc-explore-map, html.wc-desktop-input #pages .leaflet-container { border-radius:0 !important; } html.wc-desktop-input #pages :is(.avatar,.avatar-sm,.avatar-lg,.profile-avatar,.profile-image,.user-avatar,.user-img,.member-avatar,.crew-avatar,.seller-avatar,.chat-avatar,.notification-avatar,.map-marker,.route-marker,.waypoint-marker,.status-dot,.presence-dot,.online-dot), html.wc-desktop-input #pages :is(.avatar,.avatar-sm,.avatar-lg,.profile-avatar,.profile-image,.user-avatar,.user-img,.member-avatar,.crew-avatar,.seller-avatar,.chat-avatar,.notification-avatar,.map-marker,.route-marker,.waypoint-marker,.status-dot,.presence-dot,.online-dot) img { border-radius:50% !important; } html.wc-desktop-input #pages .leaflet-marker-icon, html.wc-desktop-input #pages .leaflet-marker-shadow, html.wc-desktop-input #pages .leaflet-control-zoom a { border-radius:0 !important; } } /* WC_PC_PWA_SQUARE_EXCEPTION_20260905 */ @media (min-width:1024px) { html.wc-desktop-input #pwa-install-popup > div, html.wc-desktop-input #pwa-install-popup .pwa-popup-card, html.wc-desktop-input #pwa-install-popup button, html.wc-desktop-input #toast, html.wc-desktop-input .toast { border-radius:4px !important; } } /* WC_PC_WORKSPACE_FINAL_SQUARE_20260905 */ @media (min-width:1024px) { html.wc-desktop-input #page-feed #collage-feed .pc-explore-workspace { border-radius:0 !important; } } /* WC_PC_PWA_SUBCOMPONENTS_SQUARE_20260905 */ @media (min-width:1024px) { html.wc-desktop-input #pwa-install-banner .pwa-banner-install, html.wc-desktop-input #pwa-install-banner .pwa-banner-dismiss, html.wc-desktop-input #pwa-install-banner .pwa-banner-icon { border-radius:4px !important; } } /* WC_PC_ACTIVITY_DESK_FINAL_SQUARE_20260905 Desktop only: activity-registration sheet and its 44px GPX icon are ordinary boxes. */ @media (min-width: 1024px) { html.wc-desktop-input #tracking-modal .modal-sheet { border-radius: 4px !important; } html.wc-desktop-input #tracking-modal div[style*="width:44px"][style*="height:44px"][style*="border-radius:10px"] { border-radius: 4px !important; } } /* WC_PC_NAV_ACTIONS_FINAL_SQUARE_20260905 Desktop action buttons are ordinary controls, not avatar/status exceptions. */ @media (min-width: 1024px) { html.wc-desktop-input #navbar .nav-actions .nav-icon-btn, html.wc-desktop-input #navbar .nav-icon-btn { border-radius: 4px !important; } } /* WC_PC_PRODUCT_REBUILD_20260906 Product hierarchy: one work surface, real feed, deliberate empty media states. */ @media (min-width:1024px) { html.wc-desktop-input #pages { padding:26px 32px 40px !important; } html.wc-desktop-input #page-home, html.wc-desktop-input #page-feed, html.wc-desktop-input #page-club, html.wc-desktop-input #page-route, html.wc-desktop-input #page-trade, html.wc-desktop-input #page-my { width:100% !important; max-width:1440px !important; margin:0 auto !important; } html.wc-desktop-input .wc-home-workspace { min-height:760px; } html.wc-desktop-input .wc-home-layout { display:grid; grid-template-columns:224px minmax(0,1fr) 250px; gap:0; background:#fff; border:1px solid #E2E8F0; border-radius:0 !important; min-height:760px; } html.wc-desktop-input .wc-home-rail { padding:24px 18px; border-right:1px solid #E2E8F0; background:#FBFCFE; } html.wc-desktop-input .wc-home-profile { display:grid; grid-template-columns:42px 1fr; column-gap:11px; align-items:center; padding-bottom:18px; border-bottom:1px solid #E2E8F0; } html.wc-desktop-input .wc-home-avatar, html.wc-desktop-input .wc-home-avatar-fallback { width:42px; height:42px; border-radius:50% !important; object-fit:cover; background:#172033; color:#fff; display:grid; place-items:center; font-size:16px; font-weight:800; grid-row:1 / span 2; } html.wc-desktop-input .wc-home-avatar + .wc-home-avatar-fallback { display:none; } html.wc-desktop-input .wc-home-profile p, html.wc-desktop-input .wc-home-heading p, html.wc-desktop-input .wc-home-activity-section p, html.wc-desktop-input .wc-feed-heading p, html.wc-desktop-input .wc-feed-side-profile p { margin:0 0 4px; font-size:10px; letter-spacing:.11em; font-weight:800; color:#F97316; } html.wc-desktop-input .wc-home-profile strong { font-size:15px; color:#111827; } html.wc-desktop-input .wc-home-profile small { font-size:12px; color:#64748B; } html.wc-desktop-input .wc-home-stats { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; } html.wc-desktop-input .wc-home-stats span { display:grid; gap:2px; color:#64748B; font-size:11px; } html.wc-desktop-input .wc-home-stats b { color:#111827; font-size:19px; line-height:1; } html.wc-desktop-input .wc-home-rail-section { padding:18px 0 0; } html.wc-desktop-input .wc-home-rail-section header, html.wc-desktop-input .wc-feed-side-section header, html.wc-desktop-input .wc-home-activity-section header, html.wc-desktop-input .wc-home-map-section header { display:flex; align-items:center; justify-content:space-between; gap:10px; } html.wc-desktop-input .wc-home-rail-section header b, html.wc-desktop-input .wc-feed-side-section header b { font-size:13px; color:#172033; } html.wc-desktop-input .wc-home-rail-section header button, html.wc-desktop-input .wc-feed-side-section header button, html.wc-desktop-input .wc-home-map-section header > button, html.wc-desktop-input .wc-home-activity-section header > button { border:0; background:transparent; color:#C2410C; font-size:12px; font-weight:700; padding:4px 0; } html.wc-desktop-input .wc-home-crew, html.wc-desktop-input .wc-home-news { width:100%; display:grid; grid-template-columns:32px minmax(0,1fr) 12px; align-items:center; gap:8px; border:0; border-bottom:1px solid #EEF2F6; background:transparent; padding:12px 0; text-align:left; color:#111827; } html.wc-desktop-input .wc-home-crew > b, html.wc-desktop-input .wc-home-news > span { color:#F97316; font-size:10px; letter-spacing:.04em; font-weight:800; } html.wc-desktop-input .wc-home-crew strong, html.wc-desktop-input .wc-home-news strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; } html.wc-desktop-input .wc-home-crew small, html.wc-desktop-input .wc-home-news small { display:block; margin-top:3px; color:#64748B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; } html.wc-desktop-input .wc-home-crew i { color:#94A3B8; font-style:normal; } html.wc-desktop-input .wc-home-empty-row { padding:14px 0; font-size:12px; line-height:1.55; color:#64748B; } html.wc-desktop-input .wc-home-empty-row button { border:0; background:transparent; padding:0; color:#C2410C; font-weight:700; } html.wc-desktop-input .wc-home-main { min-width:0; padding:26px 28px 30px; } html.wc-desktop-input .wc-home-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding-bottom:22px; border-bottom:2px solid #172033; } html.wc-desktop-input .wc-home-heading h1 { margin:0; color:#111827; font-size:30px; letter-spacing:-.055em; line-height:1.1; } html.wc-desktop-input .wc-home-heading span { display:block; margin-top:8px; color:#64748B; font-size:13px; } html.wc-desktop-input .wc-home-heading > div:last-child { display:flex; gap:8px; } html.wc-desktop-input .wc-home-heading > div:last-child button { min-height:38px; padding:0 12px; border:1px solid #CBD5E1; background:#fff; color:#334155; font-size:12px; font-weight:800; } html.wc-desktop-input .wc-home-heading > div:last-child .wc-home-primary { border-color:#F97316; background:#F97316; color:#fff; } html.wc-desktop-input .wc-home-map-section { margin-top:20px; border:1px solid #E2E8F0; } html.wc-desktop-input .wc-home-map-section header { min-height:52px; padding:0 16px; border-bottom:1px solid #E2E8F0; } html.wc-desktop-input .wc-home-map-section header b { display:block; color:#172033; font-size:14px; } html.wc-desktop-input .wc-home-map-section header small { display:block; margin-top:3px; color:#64748B; font-size:11px; } html.wc-desktop-input .wc-home-map-section .pc-explore-map { height:430px !important; border:0 !important; } html.wc-desktop-input .wc-home-activity-section { margin-top:20px; border:1px solid #E2E8F0; } html.wc-desktop-input .wc-home-activity-section header { min-height:64px; padding:0 16px; border-bottom:1px solid #E2E8F0; } html.wc-desktop-input .wc-home-activity-section h2 { margin:0; font-size:20px; letter-spacing:-.04em; color:#111827; } html.wc-desktop-input .wc-home-activity-label { display:grid; grid-template-columns:minmax(0,1fr) 94px 72px 14px; gap:8px; padding:10px 16px; background:#F8FAFC; color:#94A3B8; font-size:11px; font-weight:800; } html.wc-desktop-input .wc-home-activity { width:100%; min-height:64px; display:grid; grid-template-columns:48px minmax(0,1fr) 94px 72px 14px; gap:8px; align-items:center; padding:0 16px; border:0; border-top:1px solid #EEF2F6; background:#fff; color:#172033; text-align:left; } html.wc-desktop-input .wc-home-activity:hover, html.wc-desktop-input .wc-feed-entry:hover { background:#FFF8F2; } html.wc-desktop-input .wc-home-type { color:#F97316; font-size:10px; letter-spacing:.04em; font-weight:900; } html.wc-desktop-input .wc-home-activity strong { display:block; font-size:13px; } html.wc-desktop-input .wc-home-activity small { display:block; margin-top:3px; color:#64748B; font-size:11px; } html.wc-desktop-input .wc-home-activity b, html.wc-desktop-input .wc-home-activity em { color:#334155; font-size:12px; font-style:normal; text-align:right; } html.wc-desktop-input .wc-home-activity i { color:#94A3B8; font-style:normal; } html.wc-desktop-input .wc-home-zero { padding:36px 16px; color:#64748B; text-align:center; } html.wc-desktop-input .wc-home-zero strong, html.wc-desktop-input .wc-home-zero span { display:block; } html.wc-desktop-input .wc-home-zero strong { color:#172033; font-size:15px; } html.wc-desktop-input .wc-home-zero span { margin:7px auto 16px; max-width:360px; font-size:12px; line-height:1.6; } html.wc-desktop-input .wc-home-zero button, html.wc-desktop-input .wc-product-empty button { border:1px solid #F97316; background:#F97316; color:#fff; min-height:36px; padding:0 12px; font-size:12px; font-weight:800; } html.wc-desktop-input .wc-home-context { padding:26px 18px; border-left:1px solid #E2E8F0; background:#FBFCFE; } html.wc-desktop-input .wc-home-route-context { padding-bottom:22px; border-bottom:1px solid #E2E8F0; } html.wc-desktop-input .wc-home-route-context p { margin:0 0 8px; color:#F97316; font-size:10px; letter-spacing:.1em; font-weight:900; } html.wc-desktop-input .wc-home-route-context h2 { margin:0; color:#172033; font-size:20px; letter-spacing:-.05em; line-height:1.2; } html.wc-desktop-input .wc-home-route-context span { display:block; margin-top:10px; color:#64748B; font-size:12px; line-height:1.65; } html.wc-desktop-input .wc-home-context-section { padding-top:20px; } html.wc-desktop-input .wc-home-context-section b { display:block; margin-bottom:6px; color:#172033; font-size:13px; } html.wc-desktop-input .wc-home-context-section button { width:100%; display:flex; justify-content:space-between; border:0; border-bottom:1px solid #EEF2F6; background:transparent; padding:12px 0; color:#334155; font-size:12px; text-align:left; } html.wc-desktop-input .wc-home-context-section i { color:#94A3B8; font-style:normal; } html.wc-desktop-input #page-feed .collage-header { display:none !important; } html.wc-desktop-input .wc-feed-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:start; } html.wc-desktop-input .wc-feed-main { min-width:0; background:#fff; border:1px solid #E2E8F0; } html.wc-desktop-input .wc-feed-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:24px; border-bottom:2px solid #172033; } html.wc-desktop-input .wc-feed-heading h1 { margin:0; color:#111827; font-size:30px; letter-spacing:-.055em; line-height:1.1; } html.wc-desktop-input .wc-feed-heading span { display:block; margin-top:8px; color:#64748B; font-size:13px; } html.wc-desktop-input .wc-feed-heading > button { border:1px solid #CBD5E1; background:#fff; color:#334155; min-height:36px; padding:0 11px; font-size:12px; font-weight:800; } html.wc-desktop-input .wc-feed-entry { position:relative; width:100%; display:grid; grid-template-columns:52px minmax(0,1fr) 96px 14px; align-items:center; gap:12px; padding:18px 20px; border:0; border-bottom:1px solid #E8EDF3; background:#fff; color:#172033; text-align:left; } html.wc-desktop-input .wc-feed-entry-mark { align-self:stretch; display:grid; place-items:center; border-left:3px solid #F97316; background:#FFF7ED; color:#C2410C; font-size:10px; font-weight:900; letter-spacing:.04em; } html.wc-desktop-input .wc-feed-entry-meta { display:flex; align-items:baseline; gap:8px; min-width:0; } html.wc-desktop-input .wc-feed-entry-meta b { color:#334155; font-size:12px; } html.wc-desktop-input .wc-feed-entry-meta span { color:#94A3B8; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html.wc-desktop-input .wc-feed-entry h2 { margin:5px 0 8px; color:#111827; font-size:17px; letter-spacing:-.035em; } html.wc-desktop-input .wc-feed-entry-stats { display:flex; gap:9px; color:#64748B; font-size:11px; } html.wc-desktop-input .wc-feed-entry-media { position:relative; align-self:stretch; min-height:76px; overflow:hidden; background:#F8FAFC; border-left:1px solid #E2E8F0; } html.wc-desktop-input .wc-feed-entry-media img { width:100%; height:100%; object-fit:cover; } html.wc-desktop-input .wc-feed-entry-media .wc-feed-entry-photo-label { position:absolute; inset:auto 0 0; padding:5px 6px; background:rgba(17,24,39,.72); color:#fff; font-size:10px; font-weight:700; } html.wc-desktop-input .wc-feed-entry-media:not(:has(img)), html.wc-desktop-input .wc-feed-entry-media.wc-feed-photo-missing { display:grid; place-items:center; } html.wc-desktop-input .wc-feed-entry-media:not(:has(img)) .wc-feed-entry-photo-label, html.wc-desktop-input .wc-feed-entry-media.wc-feed-photo-missing .wc-feed-entry-photo-label { position:static; background:transparent; color:#94A3B8; font-size:10px; } html.wc-desktop-input .wc-feed-entry > i { color:#94A3B8; font-style:normal; } html.wc-desktop-input .wc-feed-side { display:grid; gap:14px; } html.wc-desktop-input .wc-feed-side-profile, html.wc-desktop-input .wc-feed-side-section { background:#fff; border:1px solid #E2E8F0; padding:18px; } html.wc-desktop-input .wc-feed-side-profile strong { display:block; color:#172033; font-size:20px; letter-spacing:-.05em; } html.wc-desktop-input .wc-feed-side-profile span { display:block; margin-top:6px; color:#64748B; font-size:12px; } html.wc-desktop-input .wc-feed-side-profile button { width:100%; margin-top:16px; min-height:38px; border:1px solid #F97316; background:#F97316; color:#fff; font-size:12px; font-weight:800; } html.wc-desktop-input .wc-feed-trade { width:100%; display:grid; grid-template-columns:50px minmax(0,1fr) auto; gap:8px; align-items:center; padding:12px 0; border:0; border-top:1px solid #EEF2F6; background:transparent; color:#172033; text-align:left; } html.wc-desktop-input .wc-feed-trade > span { color:#C2410C; font-size:10px; font-weight:900; } html.wc-desktop-input .wc-feed-trade strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; } html.wc-desktop-input .wc-feed-trade small { display:block; margin-top:3px; color:#94A3B8; font-size:11px; } html.wc-desktop-input .wc-feed-trade b { color:#334155; font-size:11px; white-space:nowrap; } html.wc-desktop-input .wc-feed-next { width:100%; display:flex; justify-content:space-between; border:0; border-top:1px solid #EEF2F6; background:transparent; padding:13px 0; color:#334155; font-size:12px; text-align:left; } html.wc-desktop-input .wc-feed-next i { color:#94A3B8; font-style:normal; } html.wc-desktop-input .wc-product-empty { padding:56px 24px; background:#fff; border:1px solid #E2E8F0; text-align:center; } html.wc-desktop-input .wc-product-empty strong, html.wc-desktop-input .wc-product-empty span { display:block; } html.wc-desktop-input .wc-product-empty strong { color:#172033; font-size:16px; } html.wc-desktop-input .wc-product-empty span { margin:8px auto 16px; max-width:420px; color:#64748B; font-size:12px; line-height:1.6; } html.wc-desktop-input #page-club #club-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px !important; } html.wc-desktop-input #page-club #club-list .cc-section-header { grid-column:1 / -1; margin:18px 0 2px !important; padding:0 0 8px; border-bottom:1px solid #E2E8F0; } html.wc-desktop-input #page-club #club-list .club-card { min-height:124px !important; border:1px solid #E2E8F0 !important; box-shadow:none !important; } html.wc-desktop-input #page-club #club-list .cc-compact-thumb { width:108px !important; min-width:108px !important; background:#FFF7ED; } html.wc-desktop-input #page-club #club-list .cc-compact-thumb.wc-club-image-missing { display:grid; place-items:center; } html.wc-desktop-input #page-club #club-list .cc-compact-thumb.wc-club-image-missing::after { content:'이미지 준비 중'; color:#C2410C; font-size:11px; font-weight:800; text-align:center; } html.wc-desktop-input #page-club #club-list .cc-compact-body { padding:14px 14px !important; } html.wc-desktop-input #page-club #club-list .cc-compact-name { color:#172033 !important; font-size:15px !important; } html.wc-desktop-input #page-club #club-list .cc-compact-meta { margin-top:5px !important; color:#C2410C !important; font-size:12px !important; } html.wc-desktop-input #page-club #club-list .cc-compact-desc { margin-top:8px !important; color:#64748B !important; font-size:12px !important; line-height:1.45 !important; } html.wc-desktop-input #page-club #club-list .cc-compact-footer { margin-top:10px !important; padding-top:9px !important; border-top:1px solid #EEF2F6; } html.wc-desktop-input #page-club #club-list .cc-compact-stat { color:#64748B !important; font-size:11px !important; } html.wc-desktop-input #page-trade #market-list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; } html.wc-desktop-input #page-trade .market-card { min-height:126px; display:grid !important; grid-template-columns:72px minmax(0,1fr); align-items:stretch; border:1px solid #E2E8F0 !important; box-shadow:none !important; } html.wc-desktop-input #page-trade .market-card .mc-thumb { min-height:124px; height:auto !important; display:grid; place-items:center; overflow:hidden; background:#FFF7ED; } html.wc-desktop-input #page-trade .market-card .mc-thumb-ph { width:38px; height:38px; display:grid; place-items:center; color:#F97316; } html.wc-desktop-input #page-trade .market-card .mc-thumb-ph::after { content:'사진 없음'; margin-top:50px; margin-left:-38px; width:76px; color:#C2410C; font-size:10px; font-weight:800; text-align:center; white-space:nowrap; } html.wc-desktop-input #page-trade .market-card .mc-body { min-width:0; padding:14px !important; display:flex; flex-direction:column; justify-content:center; } html.wc-desktop-input #page-trade .market-card .mc-title { color:#172033 !important; font-size:14px !important; line-height:1.4 !important; } html.wc-desktop-input #page-trade .market-card .mc-price { margin-top:8px; color:#C2410C !important; font-size:17px !important; } html.wc-desktop-input #page-trade .market-card .mc-meta { margin-top:8px; color:#94A3B8 !important; font-size:11px !important; } html.wc-desktop-input #page-my #my-content { grid-template-columns:250px minmax(0,1fr) !important; grid-template-areas:'profile activity' 'profile settings' !important; gap:18px 28px !important; align-content:start !important; padding:18px 0 34px !important; } html.wc-desktop-input #page-my #my-content .profile-header { width:auto !important; min-height:0 !important; height:auto !important; padding:22px 18px !important; border:1px solid #E2E8F0 !important; background:#fff; } html.wc-desktop-input #page-my #my-content .menu-section { width:auto !important; border:1px solid #E2E8F0 !important; background:#fff; } html.wc-desktop-input #page-my #my-content .menu-section .menu-item { min-height:74px !important; height:auto !important; } html.wc-desktop-input #page-my #my-content .menu-section:last-of-type { margin-top:0 !important; } html.wc-desktop-input #page-route .section-header { padding-top:0 !important; } html.wc-desktop-input #page-route .wc-pc-route-workspace { gap:16px !important; } html.wc-desktop-input #page-route .wc-pc-route-sidebar, html.wc-desktop-input #page-route .wc-pc-route-inspector, html.wc-desktop-input #page-route .wc-pc-route-section { border-color:#E2E8F0 !important; box-shadow:none !important; } html.wc-desktop-input #page-route .wc-pc-route-section { margin-bottom:14px !important; } html.wc-desktop-input #page-route .wc-pc-route-rail { min-height:0 !important; } html.wc-desktop-input #page-route .wc-pc-route-list, html.wc-desktop-input #page-route .wc-pc-route-results { margin-top:14px !important; } html.wc-desktop-input #page-route .filter-tabs { margin-bottom:12px !important; } } @media (min-width:1024px) and (max-width:1239px) { html.wc-desktop-input .wc-home-layout { grid-template-columns:210px minmax(0,1fr); } html.wc-desktop-input .wc-home-context { grid-column:2; display:grid; grid-template-columns:1fr 1fr; gap:18px; border-left:0; border-top:1px solid #E2E8F0; } html.wc-desktop-input .wc-feed-layout { grid-template-columns:minmax(0,1fr) 244px; } } /* WC_PC_FEED_COMPOSITING_FIX_20260906 Feed content has normal layout/data but requires its own composited paint layer after SPA page switches. */ @media (min-width:1024px) { html.wc-desktop-input #page-feed { position:relative; z-index:1; isolation:isolate; transform:translateZ(0); backface-visibility:hidden; } html.wc-desktop-input #page-feed .wc-feed-layout { position:relative; z-index:1; transform:translateZ(0); } } /* WC_STUDIO_SHELL_20260906 Independent desktop product shell. Legacy mobile remains untouched. */ @media (min-width: 1024px) { body.wc-studio-ready { background:#f6f7f8 !important; color:#17202b !important; } body.wc-studio-ready #navbar, body.wc-studio-ready #pages { display:none !important; } body.wc-studio-ready.wc-studio-legacy-escape #wc-studio-shell { display:none !important; } body.wc-studio-ready.wc-studio-legacy-escape #navbar, body.wc-studio-ready.wc-studio-legacy-escape #pages { display:block !important; } #wc-studio-shell { --ink:#142131; --muted:#6e7885; --line:#dce1e5; --canvas:#f6f7f8; --paper:#ffffff; --orange:#f97316; --green:#0f8a72; --navy:#152638; display:grid; grid-template-columns:236px minmax(0,1fr); min-height:100vh; background:var(--canvas); color:var(--ink); font-family:Inter,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.018em; } #wc-studio-shell * { box-sizing:border-box; } .wc-studio-rail { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:25px 18px 18px; border-right:1px solid var(--line); background:#fff; } .wc-studio-brand { display:flex; align-items:center; gap:11px; width:100%; padding:0 7px 28px; border:0; background:transparent; color:var(--ink); text-align:left; cursor:pointer; } .wc-studio-brand-mark { display:grid; place-items:center; width:39px; height:39px; background:var(--orange); color:#fff; font-size:11px; font-weight:900; letter-spacing:-.09em; } .wc-studio-brand b { display:block; font-size:17px; line-height:1; letter-spacing:-.055em; } .wc-studio-brand small { display:block; margin-top:5px; color:#8a949e; font-size:8px; font-weight:800; letter-spacing:.13em; } .wc-studio-rail-label { padding:15px 8px 8px; color:#99a3ad; font-size:9px; font-weight:800; letter-spacing:.14em; } .wc-studio-nav { display:grid; gap:2px; } .wc-studio-nav button { display:flex; align-items:center; gap:12px; width:100%; min-height:43px; padding:0 9px; border:1px solid transparent; background:transparent; color:#6f7984; text-align:left; font-size:13px; font-weight:700; cursor:pointer; transition:background .15s,color .15s,border-color .15s; } .wc-studio-nav button i { display:inline-grid; width:22px; color:#abb4bd; font-size:9px; font-style:normal; font-weight:900; letter-spacing:.04em; } .wc-studio-nav button:hover { background:#f7f8f9; color:var(--ink); } .wc-studio-nav button.is-active { border-color:#f1d0b5; background:#fff7f0; color:#c95c0d; } .wc-studio-nav button.is-active i { color:var(--orange); } .wc-studio-rail-spacer { flex:1; } .wc-studio-rail-footer { margin:18px 7px 0; padding-top:16px; border-top:1px solid var(--line); color:#89939d; font-size:10px; font-weight:700; } .wc-studio-online { display:inline-block; width:6px; height:6px; margin-right:5px; background:#1e9e70; border-radius:50%; vertical-align:1px; } .wc-studio-stage { min-width:0; } .wc-studio-topbar { position:sticky; z-index:20; top:0; display:flex; align-items:center; justify-content:space-between; min-height:74px; padding:0 48px; border-bottom:1px solid var(--line); background:rgba(246,247,248,.94); backdrop-filter:blur(12px); } .wc-studio-location { color:#99a3ad; font-size:10px; font-weight:800; letter-spacing:.11em; } .wc-studio-location b { margin-left:7px; color:var(--ink); font-size:11px; } .wc-studio-top-actions { display:flex; align-items:center; gap:10px; } .wc-studio-top-actions button { font-family:inherit; cursor:pointer; } .wc-studio-text-action { padding:8px 10px; border:0; background:transparent; color:#63707b; font-size:12px; font-weight:800; } .wc-studio-primary, .wc-studio-secondary, .wc-studio-link { font-family:inherit; cursor:pointer; } .wc-studio-primary { min-height:36px; padding:0 14px; border:1px solid #d9610d; background:var(--orange); color:white; font-size:12px; font-weight:800; letter-spacing:-.02em; } .wc-studio-primary i { margin-right:5px; font-style:normal; font-size:16px; vertical-align:-1px; } .wc-studio-secondary { min-height:36px; padding:0 13px; border:1px solid var(--line); background:#fff; color:#53606d; font-size:12px; font-weight:800; } .wc-studio-avatar { display:grid; place-items:center; width:33px; height:33px; border:0; border-radius:50%; background:var(--navy); color:#fff; font-size:9px; font-weight:900; } .wc-studio-view { width:min(1370px,calc(100vw - 236px)); min-height:calc(100vh - 74px); margin:0 auto; padding:44px 48px 58px; transform:translateZ(0); } .wc-studio-kicker, .wc-studio-pagehead p, .wc-studio-panel header p, .wc-studio-note p, .wc-studio-profile-block p { margin:0 0 9px; color:#c75d12; font-size:9px; font-weight:900; letter-spacing:.15em; } .wc-studio-hero { border-bottom:1px solid var(--ink); padding-bottom:32px; } .wc-studio-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 218px; gap:40px; align-items:end; } .wc-studio-hero h1 { max-width:690px; margin:0; color:var(--ink); font-size:48px; line-height:1.04; letter-spacing:-.065em; } .wc-studio-hero h1 strong { color:var(--orange); font-weight:900; } .wc-studio-hero p { margin:17px 0 22px; color:#68737e; font-size:15px; } .wc-studio-hero-actions { display:flex; gap:8px; } .wc-studio-hero aside { display:grid; grid-template-columns:1fr 1fr; gap:4px 16px; padding:13px 0 4px 20px; border-left:1px solid var(--line); } .wc-studio-hero aside span { color:#9aa3ad; font-size:8px; font-weight:900; letter-spacing:.12em; } .wc-studio-hero aside b { color:var(--ink); font-size:24px; line-height:1; letter-spacing:-.06em; } .wc-studio-hero aside small { grid-column:span 2; color:#7a8490; font-size:10px; } .wc-studio-home-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr); gap:22px; padding:26px 0 22px; } .wc-studio-panel, .wc-studio-map-panel, .wc-studio-feed-stream, .wc-studio-feed-side > *, .wc-studio-route-shell, .wc-studio-directory, .wc-studio-profile-block { border:1px solid var(--line); background:var(--paper); } .wc-studio-panel header, .wc-studio-map-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:19px 20px 15px; border-bottom:1px solid #edf0f2; } .wc-studio-panel h2, .wc-studio-map-panel h2 { margin:0; color:var(--ink); font-size:18px; line-height:1.15; letter-spacing:-.05em; } .wc-studio-link { padding:3px 0; border:0; background:transparent; color:#b35a19; font-size:11px; font-weight:800; white-space:nowrap; } .wc-studio-map { height:336px; background:#e8ecee; } .wc-studio-map-placeholder { display:grid; place-content:center; height:100%; color:#53626f; text-align:center; } .wc-studio-map-placeholder b { color:#d86215; font-size:15px; letter-spacing:.09em; } .wc-studio-map-placeholder span { margin-top:8px; font-size:11px; } .wc-studio-map-panel footer { display:flex; align-items:center; gap:16px; padding:13px 20px; color:#697582; font-size:11px; } .wc-studio-map-panel footer button { margin-left:auto; border:0; background:transparent; color:#be5712; font:800 11px inherit; cursor:pointer; } .wc-studio-activity-list { display:grid; } .wc-studio-activity { display:grid; grid-template-columns:48px minmax(0,1fr) 100px 16px; align-items:center; gap:10px; width:100%; min-height:65px; padding:10px 20px; border:0; border-bottom:1px solid #edf0f2; background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; } .wc-studio-activity:last-child { border-bottom:0; } .wc-studio-activity:hover, .wc-studio-route-row:hover, .wc-studio-compact-row:hover, .wc-studio-feed-entry:hover { background:#fbfcfc; } .wc-studio-type { display:grid; place-items:center; width:37px; height:34px; border-left:3px solid var(--orange); background:#fff8f2; color:#c85e13; font-size:8px; font-style:normal; font-weight:900; letter-spacing:.06em; } .wc-studio-type.hike { border-color:#14856f; background:#f0f8f5; color:#10705e; } .wc-studio-type.ride { border-color:#266fbe; background:#f2f7fc; color:#1f5f9f; } .wc-studio-type.tour { border-color:#59616b; background:#f5f6f7; color:#47505b; } .wc-studio-activity-main b { display:block; overflow:hidden; color:var(--ink); font-size:12px; text-overflow:ellipsis; white-space:nowrap; } .wc-studio-activity-main small, .wc-studio-activity-metric small { display:block; margin-top:4px; color:#89939d; font-size:10px; } .wc-studio-activity-metric { text-align:right; } .wc-studio-activity-metric b { color:#354352; font-size:13px; } .wc-studio-activity-metric b small { display:inline; margin:0 0 0 1px; color:#576472; font-size:10px; } .wc-studio-activity em, .wc-studio-compact-row em, .wc-studio-route-row em, .wc-studio-club-card em, .wc-studio-feed-entry em, .wc-studio-action-grid em { color:#a4adb5; font-size:20px; font-style:normal; } .wc-studio-split { display:grid; grid-template-columns:1fr 1fr; gap:22px; padding-top:0; } .wc-studio-compact-list { display:grid; } .wc-studio-compact-row { display:grid; grid-template-columns:35px minmax(0,1fr) 14px; align-items:center; gap:10px; width:100%; min-height:60px; padding:9px 20px; border:0; border-bottom:1px solid #edf0f2; background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; } .wc-studio-compact-row:last-child { border-bottom:0; } .wc-studio-initial { display:grid; place-items:center; width:31px; height:31px; background:#f1f4f5; color:#314253; font-size:11px; font-weight:900; } .wc-studio-route-dot { width:11px; height:11px; border:3px solid #138570; } .wc-studio-route-dot.run { border-color:#e36413; }.wc-studio-route-dot.ride { border-color:#2f78c2; }.wc-studio-route-dot.tour { border-color:#5b6570; } .wc-studio-compact-row b { display:block; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; } .wc-studio-compact-row small { display:block; margin-top:4px; color:#89939d; font-size:10px; } .wc-studio-pagehead { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:2px 0 29px; border-bottom:1px solid var(--ink); } .wc-studio-pagehead h1 { margin:0; color:var(--ink); font-size:35px; letter-spacing:-.06em; line-height:1.05; } .wc-studio-pagehead span { display:block; margin-top:10px; color:#74808c; font-size:13px; } .wc-studio-feed-grid { display:grid; grid-template-columns:minmax(0,1.35fr) 320px; gap:22px; padding-top:26px; } .wc-studio-sectionbar { display:flex; justify-content:space-between; align-items:center; min-height:51px; padding:0 20px; border-bottom:1px solid #edf0f2; } .wc-studio-sectionbar b { color:var(--ink); font-size:13px; } .wc-studio-sectionbar span { color:#8a949e; font-size:10px; } .wc-studio-feed-entry { display:grid; grid-template-columns:45px minmax(0,1fr) 82px 15px; align-items:center; gap:12px; width:100%; min-height:88px; padding:11px 20px; border:0; border-bottom:1px solid #edf0f2; background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; } .wc-studio-feed-entry > div:nth-child(2) small, .wc-studio-feed-entry > div:nth-child(2) span { display:block; color:#89939d; font-size:10px; } .wc-studio-feed-entry > div:nth-child(2) b { display:block; margin:4px 0; color:var(--ink); font-size:13px; } .wc-studio-media { position:relative; overflow:hidden; display:grid; place-items:center; width:100%; height:100%; min-height:52px; background:#edf1f2; color:#8b959e; } .wc-studio-media img { width:100%; height:100%; object-fit:cover; } .wc-studio-media span { position:absolute; inset:auto 0 0; padding:3px 5px; background:rgba(21,38,56,.73); color:#fff; font-size:8px; font-weight:700; text-align:left; } .wc-studio-media.is-fallback::before { content:""; width:15px; height:15px; border:2px solid currentColor; transform:rotate(30deg); opacity:.7; } .wc-studio-media.is-fallback span { position:static; background:transparent; color:inherit; font-size:8px; } .wc-studio-feed-side { display:grid; align-content:start; gap:16px; } .wc-studio-market-mini { display:grid; grid-template-columns:54px minmax(0,1fr) auto; column-gap:7px; align-items:center; width:100%; padding:12px 17px; border:0; border-bottom:1px solid #edf0f2; background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; } .wc-studio-market-mini span { color:#be5a18; font-size:8px; font-weight:900; letter-spacing:.08em; }.wc-studio-market-mini b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.wc-studio-market-mini small { grid-column:2; margin-top:3px; color:#909aa3; font-size:9px; }.wc-studio-market-mini em { grid-row:span 2; color:#384756; font-size:10px; font-style:normal; font-weight:800; } .wc-studio-note { padding:20px; background:var(--navy); color:#fff; }.wc-studio-note p { color:#f3a166; }.wc-studio-note b { display:block; margin-bottom:19px; font-size:19px; line-height:1.2; letter-spacing:-.05em; }.wc-studio-note button { display:block; width:100%; padding:11px 0; border:0; border-top:1px solid rgba(255,255,255,.18); background:transparent; color:#e7edf2; text-align:left; font:700 11px inherit; cursor:pointer; } .wc-studio-directory { display:grid; grid-template-columns:202px minmax(0,1fr); margin-top:26px; }.wc-studio-directory-side { display:flex; flex-direction:column; align-items:stretch; padding:20px; border-right:1px solid var(--line); }.wc-studio-directory-side p { margin:0 0 8px; color:#c55d11; font-size:9px; font-weight:900; letter-spacing:.13em; }.wc-studio-directory-side b { font-size:20px; letter-spacing:-.05em; }.wc-studio-directory-side > span { margin:10px 0 18px; color:#7d8791; font-size:11px; line-height:1.5; }.wc-studio-directory-side button { padding:10px 0; border:0; border-top:1px solid #edf0f2; background:transparent; color:#66717d; text-align:left; font:700 12px inherit; cursor:pointer; }.wc-studio-directory-side button.is-selected { color:#c65d12; }.wc-studio-directory-side em { float:right; font-style:normal; } .wc-studio-club-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.wc-studio-club-card { display:grid; grid-template-columns:118px minmax(0,1fr); min-height:150px; padding:0; border:0; border-right:1px solid #edf0f2; border-bottom:1px solid #edf0f2; background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; }.wc-studio-club-card:nth-child(2n) { border-right:0; }.wc-studio-club-card .wc-studio-media { min-height:100%; }.wc-studio-club-card > div:last-child { padding:17px 15px; }.wc-studio-club-card small { color:#a4591c; font-size:10px; font-weight:800; }.wc-studio-club-card b { display:block; margin:6px 0; font-size:14px; letter-spacing:-.04em; }.wc-studio-club-card > div:last-child > span { display:-webkit-box; overflow:hidden; color:#7d8791; font-size:10px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.wc-studio-club-card footer { display:flex; justify-content:space-between; align-items:center; margin-top:11px; color:#74808c; font-size:10px; } .wc-studio-route-shell { margin-top:25px; }.wc-studio-route-tools { display:flex; justify-content:space-between; align-items:center; min-height:62px; padding:0 19px; border-bottom:1px solid #edf0f2; }.wc-studio-route-tools > span { color:#8a949d; font-size:11px; }.wc-studio-filterbar { display:flex; gap:5px; }.wc-studio-filterbar button { min-height:27px; padding:0 10px; border:1px solid #dfe4e7; background:#fff; color:#6e7984; font:800 10px inherit; cursor:pointer; }.wc-studio-filterbar button.is-selected { border-color:#e56713; background:#fff7f0; color:#cf5d0c; } .wc-studio-route-table > header, .wc-studio-route-row { display:grid; grid-template-columns:minmax(250px,1.5fr) minmax(140px,.75fr) 90px 72px 92px 16px; align-items:center; gap:14px; }.wc-studio-route-table > header { min-height:35px; padding:0 20px; background:#fbfcfc; color:#98a2ab; font-size:9px; font-weight:900; letter-spacing:.07em; }.wc-studio-route-row { width:100%; min-height:68px; padding:8px 20px; border:0; border-top:1px solid #edf0f2; background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; }.wc-studio-route-row .wc-studio-media { width:50px; height:50px; min-height:50px; float:left; margin-right:11px; }.wc-studio-route-name { min-width:0; }.wc-studio-route-name b { display:block; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.wc-studio-route-name small, .wc-studio-route-stat small { display:block; margin-top:4px; color:#89939d; font-size:9px; }.wc-studio-route-stat b { font-size:11px; }.wc-studio-route-stat b small { display:inline; margin:0 0 0 1px; }.wc-studio-route-rating b { color:#5b6570; }.wc-studio-route-price { color:#c85c11; font-size:12px; font-weight:900; text-align:right; } .wc-studio-market-head { display:flex; align-items:center; gap:11px; padding:20px 0 13px; border-bottom:1px solid var(--line); }.wc-studio-market-head b { font-size:14px; }.wc-studio-market-head span { color:#89939d; font-size:10px; }.wc-studio-market-head button { margin-left:auto; padding:0; border:0; background:transparent; color:#7d8791; font:700 10px inherit; }.wc-studio-market-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-left:1px solid var(--line); }.wc-studio-market-card { display:flex; flex-direction:column; align-items:flex-start; min-height:144px; padding:16px; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; }.wc-studio-market-card:hover { background:#fffaf5; }.wc-studio-market-card-top { display:flex; justify-content:space-between; width:100%; color:#acb4bb; font-size:9px; font-weight:900; letter-spacing:.08em; }.wc-studio-market-card-top i { color:#d36718; font-style:normal; }.wc-studio-market-card b { display:-webkit-box; overflow:hidden; margin:18px 0 6px; font-size:13px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.wc-studio-market-card strong { color:#c85c11; font-size:16px; letter-spacing:-.04em; }.wc-studio-market-card small { margin-top:auto; color:#8b959f; font-size:10px; } .wc-studio-my-grid { display:grid; grid-template-columns:260px minmax(0,1fr); gap:22px; padding-top:26px; }.wc-studio-profile-block { align-self:start; padding:22px; }.wc-studio-profile-avatar { display:grid; place-items:center; width:58px; height:58px; margin-bottom:22px; border-radius:50%; background:var(--navy); color:#fff; font-size:20px; font-weight:900; }.wc-studio-profile-block h2 { margin:0; font-size:23px; letter-spacing:-.06em; }.wc-studio-profile-block > span { display:block; margin-top:7px; color:#c65d12; font-size:11px; font-weight:800; }.wc-studio-profile-block > div:last-child { display:grid; grid-template-columns:repeat(3,1fr); margin-top:24px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.wc-studio-profile-block > div:last-child b { padding:12px 4px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); color:#283747; font-size:14px; text-align:center; }.wc-studio-profile-block > div:last-child small { display:block; margin-top:5px; color:#8e98a1; font-size:8px; }.wc-studio-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:22px 0 0 282px; border:1px solid var(--line); border-bottom:0; }.wc-studio-action-grid button { display:grid; grid-template-columns:30px minmax(0,1fr) 14px; align-items:center; gap:8px; min-height:76px; padding:12px 17px; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; color:var(--ink); text-align:left; font-family:inherit; cursor:pointer; }.wc-studio-action-grid button:nth-child(2n) { border-right:0; }.wc-studio-action-grid button:hover { background:#fffaf5; }.wc-studio-action-grid i { color:#c85d14; font-size:9px; font-style:normal; font-weight:900; }.wc-studio-action-grid b { display:block; font-size:12px; }.wc-studio-action-grid span { display:block; margin-top:4px; color:#8a949d; font-size:9px; } .wc-studio-loading, .wc-studio-empty { display:grid; place-items:center; min-height:460px; border:1px solid var(--line); background:#fff; color:#67727d; text-align:center; }.wc-studio-loading span { width:24px; height:24px; margin-bottom:12px; border:2px solid #e1e5e7; border-top-color:var(--orange); border-radius:50%; animation:wcStudioSpin .8s linear infinite; }.wc-studio-loading b { color:#31404f; font-size:14px; }.wc-studio-loading small { margin-top:6px; color:#9099a2; font-size:10px; }.wc-studio-empty p { margin:0; color:#c65d12; font-size:9px; font-weight:900; letter-spacing:.14em; }.wc-studio-empty h2 { margin:10px 0 7px; color:#263646; font-size:22px; letter-spacing:-.05em; }.wc-studio-empty span { max-width:360px; color:#7e8993; font-size:12px; }.wc-studio-empty button { margin-top:18px; } @keyframes wcStudioSpin { to { transform:rotate(360deg); } } } @media (min-width:1024px) and (max-width:1250px) { #wc-studio-shell { grid-template-columns:202px minmax(0,1fr); }.wc-studio-view { width:calc(100vw - 202px); padding:34px 30px 48px; }.wc-studio-topbar { padding:0 30px; }.wc-studio-hero h1 { font-size:40px; }.wc-studio-feed-grid { grid-template-columns:minmax(0,1fr) 280px; }.wc-studio-route-table > header, .wc-studio-route-row { grid-template-columns:minmax(210px,1fr) 130px 78px 65px 80px 12px; gap:8px; }.wc-studio-route-table > header { padding:0 14px; }.wc-studio-route-row { padding:8px 14px; }.wc-studio-route-row .wc-studio-media { width:42px; height:42px; min-height:42px; margin-right:7px; }.wc-studio-my-grid { grid-template-columns:220px minmax(0,1fr); }.wc-studio-action-grid { margin-left:242px; } } /* WC_STUDIO_PROFILE_GRID_FIX_20260906 */ @media (min-width:1024px) { .wc-studio-action-grid button { grid-template-rows:auto auto; } .wc-studio-action-grid button > i { grid-column:1; grid-row:1 / span 2; } .wc-studio-action-grid button > b { grid-column:2; grid-row:1; } .wc-studio-action-grid button > span { grid-column:2; grid-row:2; align-self:start; } .wc-studio-action-grid button > em { grid-column:3; grid-row:1 / span 2; } } /* WC_MOVE_BOARD_20260906 */ @media (min-width:1024px) { :root { --move-ink:#14212d; --move-night:#0b1720; --move-paper:#f5f2ec; --move-white:#fffdf9; --move-line:#d9d7d0; --move-orange:#f15a24; --move-moss:#54654b; --move-muted:#74808a; } body.wc-move-ready { background:var(--move-paper) !important; color:var(--move-ink); overflow:hidden; } body.wc-move-ready #navbar, body.wc-move-ready #pages, body.wc-move-ready .tab-bar { display:none !important; } body.wc-move-ready #main-app { display:block !important; height:100vh !important; min-height:100vh !important; padding:0 !important; overflow:hidden !important; background:var(--move-paper); } #wc-move-board { display:grid; grid-template-columns:188px minmax(0,1fr); width:100vw; height:100vh; min-height:650px; background:var(--move-paper); color:var(--move-ink); font-family:Inter,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } #wc-move-board *, #wc-move-board *::before, #wc-move-board *::after { box-sizing:border-box; } #wc-move-board button { font:inherit; } .wc-move-rail { display:flex; position:relative; flex-direction:column; padding:28px 18px 22px; border-right:1px solid #24333d; background:var(--move-night); color:#f4f0e8; } .wc-move-brand { display:flex; align-items:center; gap:11px; padding:0; border:0; background:none; color:#fff; cursor:pointer; text-align:left; } .wc-move-brand > span { display:grid; place-items:center; width:44px; height:44px; background:var(--move-orange); color:#fff9ee; font-size:18px; font-weight:950; letter-spacing:-.12em; } .wc-move-brand b { font-size:13px; line-height:.94; letter-spacing:-.08em; } .wc-move-rail-rule { height:1px; margin:33px 0 20px; background:rgba(255,255,255,.2); } .wc-move-nav { display:grid; gap:4px; } .wc-move-nav button { display:grid; grid-template-columns:28px 1fr; align-items:center; min-height:42px; padding:0 9px; border:0; border-left:2px solid transparent; background:transparent; color:#9da8ae; cursor:pointer; text-align:left; transition:background .16s ease,color .16s ease; } .wc-move-nav button i { color:#71818b; font-size:9px; font-style:normal; font-weight:900; letter-spacing:.09em; } .wc-move-nav button span { font-size:12px; font-weight:750; letter-spacing:-.03em; } .wc-move-nav button:hover { background:rgba(255,255,255,.055); color:#fff; } .wc-move-nav button.is-active { border-left-color:var(--move-orange); background:rgba(255,255,255,.08); color:#fff; } .wc-move-nav button.is-active i { color:#ff8a61; } .wc-move-rail-bottom { margin-top:auto; padding-top:18px; border-top:1px solid rgba(255,255,255,.18); } .wc-move-rail-bottom button { display:grid; grid-template-columns:28px 1fr; column-gap:9px; width:100%; padding:9px 5px 13px; border:0; background:transparent; color:#fff; cursor:pointer; text-align:left; } .wc-move-person-dot { grid-row:1 / span 2; display:grid; place-items:center; width:26px; height:26px; background:#f3eee4; color:var(--move-night); font-size:8px; font-weight:950; } .wc-move-rail-bottom b { font-size:11px; letter-spacing:-.04em; } .wc-move-rail-bottom small { color:#94a0a6; font-size:9px; } .wc-move-live { display:flex; align-items:center; gap:6px; color:#97a3a9; font-size:8px; font-weight:800; letter-spacing:.14em; } .wc-move-live i { width:5px; height:5px; background:#81d39b; border-radius:50%; } .wc-move-stage { min-width:0; height:100vh; overflow:hidden; } .wc-move-topbar { display:flex; align-items:center; justify-content:space-between; height:66px; padding:0 42px; border-bottom:1px solid var(--move-line); background:rgba(245,242,236,.94); } .wc-move-topbar > div:first-child { display:flex; align-items:baseline; gap:9px; } .wc-move-topbar p { margin:0; color:#9c968c; font-size:9px; font-weight:900; letter-spacing:.13em; } .wc-move-topbar b { font-size:11px; letter-spacing:-.03em; } .wc-move-top-actions { display:flex; align-items:center; gap:10px; } .wc-move-search { padding:8px 12px; border:0; background:none; color:#5b6871; font-size:11px; font-weight:800; cursor:pointer; } .wc-move-track { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:40px; padding:0 16px; border:1px solid var(--move-orange); background:var(--move-orange); color:#fff; font-size:11px; font-weight:900; cursor:pointer; transition:transform .15s ease,background .15s ease; } .wc-move-track:hover { background:#d84a18; transform:translateY(-1px); } .wc-move-track i, .wc-move-open-route i, .wc-move-departure button i, .wc-move-goods-hero button i { font-style:normal; } .wc-move-view { height:calc(100vh - 66px); overflow:auto; padding:0 42px 48px; scrollbar-color:#a5aaa9 transparent; } .wc-move-view::-webkit-scrollbar { width:10px; }.wc-move-view::-webkit-scrollbar-thumb { border:3px solid var(--move-paper); background:#b5bab7; } .wc-move-loading, .wc-move-empty { display:grid; place-items:center; align-content:center; min-height:520px; text-align:center; } .wc-move-loading i { width:27px; height:27px; border:2px solid #d4d4cf; border-top-color:var(--move-orange); border-radius:50%; animation:wcMoveSpin .75s linear infinite; } .wc-move-loading p { margin:17px 0 5px; font-size:16px; font-weight:850; letter-spacing:-.05em; }.wc-move-loading small { color:#89939a; font-size:10px; } .wc-move-empty p { margin:0; color:var(--move-orange); font-size:9px; font-weight:900; letter-spacing:.18em; }.wc-move-empty h2 { margin:12px 0 8px; font-size:28px; letter-spacing:-.07em; }.wc-move-empty span { max-width:350px; color:#78838a; font-size:12px; line-height:1.6; }.wc-move-empty .wc-move-track { margin-top:20px; } @keyframes wcMoveSpin { to { transform:rotate(360deg); } } .wc-move-intro { display:grid; grid-template-columns:minmax(410px,1.06fr) minmax(370px,.94fr); min-height:328px; margin:36px 0 30px; border-bottom:1px solid var(--move-ink); } .wc-move-intro-copy { display:flex; flex-direction:column; justify-content:center; padding:18px 34px 23px 0; } .wc-move-intro-copy > p, .wc-move-page-intro > p, .wc-move-atlas-hero p, .wc-move-goods-hero p, .wc-move-personal-hero p, .wc-move-command header p, .wc-move-home-lower header p, .wc-move-crew-feature p, .wc-move-crew-board header p, .wc-move-goods-board header p { margin:0 0 11px; color:var(--move-orange); font-size:9px; font-weight:950; letter-spacing:.16em; } .wc-move-intro h1, .wc-move-page-intro h1, .wc-move-atlas-hero h1, .wc-move-goods-hero h1, .wc-move-personal-hero h1 { margin:0; color:var(--move-ink); font-size:clamp(42px,4vw,66px); line-height:.93; letter-spacing:-.09em; } .wc-move-intro h1 strong, .wc-move-page-intro h1 strong, .wc-move-atlas-hero h1 strong, .wc-move-goods-hero h1 strong, .wc-move-personal-hero h1 strong { color:var(--move-orange); font-weight:950; } .wc-move-intro-copy > span, .wc-move-page-intro > span, .wc-move-atlas-hero > div > span, .wc-move-goods-hero > div > span, .wc-move-personal-hero > div > span { display:block; max-width:480px; margin-top:19px; color:#68747d; font-size:13px; line-height:1.65; } .wc-move-decisions { display:grid; grid-template-columns:1.3fr 1fr 1fr; margin-top:27px; border-top:1px solid var(--move-line); border-left:1px solid var(--move-line); } .wc-move-decisions button { display:grid; grid-template-columns:24px 1fr; grid-template-rows:auto auto; gap:2px 7px; min-height:66px; padding:11px 12px; border:0; border-right:1px solid var(--move-line); border-bottom:1px solid var(--move-line); background:var(--move-white); color:var(--move-ink); cursor:pointer; text-align:left; transition:background .15s ease,color .15s ease; } .wc-move-decisions button i { grid-row:1 / span 2; color:#9aa1a3; font-size:9px; font-style:normal; font-weight:950; }.wc-move-decisions button b { font-size:11px; letter-spacing:-.04em; }.wc-move-decisions button small { color:#78838a; font-size:9px; }.wc-move-decisions button:hover { background:#ece8df; }.wc-move-decisions .is-primary { background:var(--move-orange); color:#fff; }.wc-move-decisions .is-primary i,.wc-move-decisions .is-primary small { color:#ffcfbd; }.wc-move-decisions .is-primary:hover { background:#d84a18; } .wc-move-intro-visual { position:relative; min-height:328px; margin:0; overflow:hidden; background-position:center; background-size:cover; }.wc-move-intro-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,23,32,.56),rgba(11,23,32,.02) 65%); }.wc-move-intro-visual figcaption { position:absolute; z-index:1; left:29px; bottom:26px; color:#fff; }.wc-move-intro-visual figcaption span { display:block; margin-bottom:8px; color:#ffc7b2; font-size:9px; font-weight:900; letter-spacing:.16em; }.wc-move-intro-visual figcaption b { font-size:22px; line-height:1.1; letter-spacing:-.07em; } .wc-move-command { display:grid; grid-template-columns:minmax(0,1.34fr) minmax(280px,.66fr); gap:18px; }.wc-move-map-card { border:1px solid var(--move-line); background:var(--move-white); }.wc-move-map-card header { display:flex; align-items:end; justify-content:space-between; min-height:78px; padding:18px 20px 13px; border-bottom:1px solid var(--move-line); }.wc-move-map-card header h2,.wc-move-home-lower h2,.wc-move-crew-feature h2,.wc-move-crew-board h2,.wc-move-goods-board h2 { margin:0; font-size:20px; letter-spacing:-.07em; }.wc-move-map-card header button,.wc-move-home-lower header button,.wc-move-crew-feature button,.wc-move-goods-board header button,.wc-move-personal-log header button { padding:0; border:0; background:none; color:var(--move-orange); font-size:10px; font-weight:900; cursor:pointer; }.wc-move-map { height:335px; background:#d2d6d0; }.wc-move-map .leaflet-control-container { display:none; }.wc-move-map-fallback { display:grid; place-items:end start; height:335px; padding:20px; background-position:center; background-size:cover; color:#fff; }.wc-move-map-fallback span { padding:7px 8px; background:var(--move-night); font-size:9px; font-weight:900; letter-spacing:.14em; }.wc-move-map-card footer { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:72px; padding:12px 17px; border-top:1px solid var(--move-line); }.wc-move-map-card footer > div { display:flex; gap:17px; }.wc-move-metric { display:inline-flex; flex-direction:column; gap:3px; }.wc-move-metric small { color:#929a9c; font-size:8px; font-weight:850; letter-spacing:.1em; }.wc-move-metric b { color:var(--move-ink); font-size:11px; }.wc-move-metric em { color:#809078; font-size:9px; font-style:normal; }.wc-move-open-route { padding:10px 12px; border:1px solid var(--move-ink); background:var(--move-ink); color:#fff; font-size:10px; font-weight:900; cursor:pointer; }.wc-move-open-route:hover { background:#263b4d; } .wc-move-departure { position:relative; display:flex; min-height:486px; overflow:hidden; background-position:center; background-size:cover; color:#fff; }.wc-move-departure-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,18,25,.12),rgba(8,18,25,.89)); }.wc-move-departure-copy { position:relative; z-index:1; display:flex; flex:1; flex-direction:column; justify-content:end; align-items:start; padding:24px; }.wc-move-departure-copy p { margin:0 0 7px; color:#ffb397; font-size:9px; font-weight:950; letter-spacing:.16em; }.wc-move-departure-copy > span { color:#dce2df; font-size:11px; }.wc-move-departure-copy h2 { margin:11px 0 6px; color:#fff; font-size:27px; line-height:1; letter-spacing:-.08em; }.wc-move-departure-copy small { color:#d4d8d4; font-size:10px; }.wc-move-departure-copy button { margin-top:21px; padding:11px 13px; border:1px solid #fff; background:#fff; color:var(--move-night); font-size:10px; font-weight:900; cursor:pointer; } .wc-move-home-lower { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; margin-top:18px; }.wc-move-story-board,.wc-move-atlas-teaser { border-top:2px solid var(--move-ink); background:var(--move-white); }.wc-move-home-lower header { display:flex; align-items:end; justify-content:space-between; min-height:87px; padding:19px 19px 15px; border-bottom:1px solid var(--move-line); }.wc-move-stories { padding:0 19px 7px; }.wc-move-story { display:grid; grid-template-columns:42px 42px minmax(0,1fr) 75px; align-items:center; gap:10px; width:100%; min-height:67px; border:0; border-bottom:1px solid var(--move-line); background:transparent; color:var(--move-ink); cursor:pointer; text-align:left; }.wc-move-story:hover { background:#f5f0e6; }.wc-move-story-time { color:#979e9f; font-size:9px; font-weight:850; }.wc-move-story > i { display:grid; place-items:center; width:36px; height:23px; color:#fff; font-size:8px; font-style:normal; font-weight:950; letter-spacing:.06em; }.wc-move-story > i.run { background:#d7613a; }.wc-move-story > i.ride { background:#3b7090; }.wc-move-story > i.hike { background:#607752; }.wc-move-story > i.tour { background:#4f5961; }.wc-move-story span:not(.wc-move-story-time) { display:flex; flex-direction:column; min-width:0; }.wc-move-story b { font-size:11px; }.wc-move-story em { overflow:hidden; color:#78838a; font-size:10px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.wc-move-story strong { justify-self:end; font-size:13px; letter-spacing:-.05em; }.wc-move-story strong small { margin-left:2px; color:#919b9d; font-size:8px; } .wc-move-atlas-teaser { background:var(--move-night); color:#fff; }.wc-move-atlas-teaser header { border-color:#34454c; }.wc-move-atlas-teaser header p { color:#ff9d7c; }.wc-move-atlas-teaser header h2 { color:#fff; }.wc-move-atlas-teaser header button { color:#ffc2ad; }.wc-move-route-lines { padding:0 19px 10px; }.wc-move-route-line { display:grid; grid-template-columns:25px 55px minmax(0,1fr) 44px 70px 14px; align-items:center; gap:9px; width:100%; min-height:83px; border:0; border-bottom:1px solid #34454c; background:transparent; color:#fff; cursor:pointer; text-align:left; }.wc-move-route-line:hover { background:rgba(255,255,255,.07); }.wc-move-order { color:#ff9d7c; font-size:9px; font-weight:900; }.wc-move-cover { display:block; width:54px; height:48px; overflow:hidden; background-position:center; background-size:cover; }.wc-move-cover img { width:100%; height:100%; object-fit:cover; }.wc-move-route-copy { display:flex; flex-direction:column; min-width:0; }.wc-move-route-copy small { color:#aeb8bb; font-size:9px; }.wc-move-route-copy b { overflow:hidden; margin:3px 0; color:inherit; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.wc-move-route-copy em { color:#89989a; font-size:8px; font-style:normal; }.wc-move-profile { display:flex; }.wc-move-profile i { width:11px; height:11px; margin-left:-3px; border:1px solid var(--move-night); border-radius:50%; background:#d4d6d3; }.wc-move-route-line strong { justify-self:end; color:#fff; font-size:11px; }.wc-move-route-line strong small { color:#abb5b8; font-size:8px; }.wc-move-price { color:#ffaf90; font-size:9px; font-weight:850; text-align:right; }.wc-move-arrow { color:#ff9d7c; font-size:15px; font-style:normal; } .wc-move-page-intro { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-content:center; min-height:236px; padding:35px 0 29px; border-bottom:2px solid var(--move-ink); }.wc-move-page-intro > span { grid-column:1; }.wc-move-page-intro::after { content:"WHERE\A CREW"; grid-column:2; grid-row:1 / span 2; align-self:end; justify-self:end; color:#d9d6cd; font-size:58px; font-weight:950; line-height:.78; letter-spacing:-.12em; white-space:pre; } .wc-move-story-layout { display:grid; grid-template-columns:.86fr 1.14fr; min-height:500px; border-bottom:1px solid var(--move-line); }.wc-move-feed-hero { position:relative; display:flex; align-items:end; min-height:500px; padding:29px; background-position:center; background-size:cover; }.wc-move-feed-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,23,32,.04),rgba(11,23,32,.88)); }.wc-move-feed-hero div { position:relative; z-index:1; color:#fff; }.wc-move-feed-hero p { margin:0 0 12px; color:#ffc1a9; font-size:9px; font-weight:900; letter-spacing:.14em; }.wc-move-feed-hero h2 { margin:0; font-size:37px; line-height:.95; letter-spacing:-.09em; }.wc-move-feed-hero button { margin-top:25px; padding:11px 14px; border:1px solid #fff; background:#fff; color:var(--move-night); font-size:10px; font-weight:900; cursor:pointer; }.wc-move-feed-list { background:var(--move-white); }.wc-move-feed-list > header { display:flex; justify-content:space-between; align-items:center; min-height:69px; padding:0 20px; border-bottom:1px solid var(--move-line); }.wc-move-feed-list > header b { font-size:14px; letter-spacing:-.05em; }.wc-move-feed-list > header span { color:#899398; font-size:9px; font-weight:800; letter-spacing:.08em; }.wc-move-feed-list .wc-move-story { margin:0 20px; width:calc(100% - 40px); }.wc-move-market-pulse { margin:28px 0 0; border-top:2px solid var(--move-ink); }.wc-move-market-pulse header,.wc-move-goods-board header { display:flex; align-items:end; justify-content:space-between; min-height:95px; }.wc-move-market-pulse h2,.wc-move-goods-board h2 { margin:0; font-size:24px; letter-spacing:-.07em; }.wc-move-market-pulse header button { border:0; background:none; color:var(--move-orange); font-size:10px; font-weight:900; cursor:pointer; }.wc-move-market-pulse > div { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--move-line); border-left:1px solid var(--move-line); }.wc-move-good { display:grid; grid-template-columns:28px minmax(0,1fr) 18px; grid-template-rows:auto auto auto; align-content:center; gap:4px 7px; min-height:134px; padding:18px 14px; border:0; border-right:1px solid var(--move-line); border-bottom:1px solid var(--move-line); background:var(--move-white); color:var(--move-ink); cursor:pointer; text-align:left; }.wc-move-good:hover { background:#efeae0; }.wc-move-good > span { grid-row:1 / span 3; color:var(--move-orange); font-size:9px; font-weight:900; }.wc-move-good b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.wc-move-good small { color:#879197; font-size:9px; }.wc-move-good strong { color:#d84e1d; font-size:14px; }.wc-move-good em { grid-column:3; grid-row:1 / span 3; color:#899297; font-style:normal; } .wc-move-crew-feature { display:grid; grid-template-columns:1.1fr .9fr; min-height:375px; border-bottom:2px solid var(--move-ink); }.wc-move-crew-feature figure { margin:0; background-position:center; background-size:cover; }.wc-move-crew-feature > div { display:flex; flex-direction:column; justify-content:center; align-items:start; padding:42px; background:var(--move-night); color:#fff; }.wc-move-crew-feature > div > span { max-width:360px; color:#b7c1c3; font-size:13px; line-height:1.6; }.wc-move-crew-feature h2 { margin:0 0 14px; color:#fff; font-size:36px; line-height:.96; }.wc-move-crew-feature .wc-move-metric { margin:28px 22px 0 0; }.wc-move-crew-feature .wc-move-metric b { color:#fff; }.wc-move-crew-feature button { margin-top:29px; padding:11px 14px; border:1px solid var(--move-orange); background:var(--move-orange); color:#fff; }.wc-move-crew-board { margin-top:28px; }.wc-move-crew-board header { display:grid; grid-template-columns:1fr 1fr; align-items:end; min-height:108px; border-bottom:1px solid var(--move-line); }.wc-move-crew-board header span { justify-self:end; max-width:250px; color:#79848b; font-size:10px; line-height:1.5; }.wc-move-crew-board > div { border-top:0; }.wc-move-crew-row { display:grid; grid-template-columns:48px 96px minmax(0,1fr) 82px 20px; align-items:center; gap:17px; width:100%; min-height:114px; padding:0; border:0; border-bottom:1px solid var(--move-line); background:transparent; color:var(--move-ink); cursor:pointer; text-align:left; }.wc-move-crew-row:hover { background:#ede9e0; }.wc-move-crew-row > span { color:var(--move-orange); font-size:10px; font-weight:900; }.wc-move-crew-row .wc-move-cover { width:96px; height:76px; }.wc-move-crew-row div { display:flex; flex-direction:column; min-width:0; }.wc-move-crew-row div small { color:#8a9497; font-size:9px; }.wc-move-crew-row div b { margin:5px 0; font-size:16px; letter-spacing:-.05em; }.wc-move-crew-row div em { overflow:hidden; color:#69757c; font-size:10px; font-style:normal; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }.wc-move-crew-row strong { color:#657178; font-size:10px; font-weight:800; }.wc-move-crew-row > i { color:var(--move-orange); font-size:15px; font-style:normal; } .wc-move-atlas-hero { display:grid; grid-template-columns:1fr 1fr; min-height:390px; margin-top:35px; background:var(--move-night); color:#fff; }.wc-move-atlas-hero figure { grid-column:2; grid-row:1; margin:0; background-position:center; background-size:cover; }.wc-move-atlas-hero > div { display:flex; grid-column:1; grid-row:1; flex-direction:column; justify-content:center; align-items:start; padding:44px; }.wc-move-atlas-hero h1 { color:#fff; font-size:48px; }.wc-move-atlas-hero > div > span { color:#bdc7c8; }.wc-move-atlas-hero .wc-move-metric { margin:25px 23px 0 0; }.wc-move-atlas-hero .wc-move-metric b { color:#fff; }.wc-move-atlas-hero button { margin-top:26px; }.wc-move-atlas-controls { display:flex; justify-content:space-between; align-items:center; min-height:72px; border-bottom:1px solid var(--move-line); }.wc-move-atlas-controls div { display:flex; }.wc-move-atlas-controls button { min-height:32px; padding:0 11px; border:0; border-bottom:2px solid transparent; background:none; color:#748086; font-size:10px; font-weight:850; cursor:pointer; }.wc-move-atlas-controls button.is-active { border-color:var(--move-orange); color:var(--move-ink); }.wc-move-atlas-controls > span { color:#78838b; font-size:9px; }.wc-move-route-board { border-top:1px solid var(--move-line); }.wc-move-route-board > header { display:grid; grid-template-columns:minmax(0,1fr) 150px 88px 100px; align-items:center; min-height:47px; padding:0 18px; border-bottom:1px solid var(--move-line); color:#899398; font-size:9px; font-weight:900; letter-spacing:.11em; }.wc-move-route-board .wc-move-route-line { grid-template-columns:35px 72px minmax(180px,1fr) 50px 90px 16px; min-height:98px; padding:0 18px; border-bottom:1px solid var(--move-line); color:var(--move-ink); }.wc-move-route-board .wc-move-route-line:hover { background:#ebe7dc; }.wc-move-route-board .wc-move-route-line .wc-move-cover { width:72px; height:60px; }.wc-move-route-board .wc-move-route-line .wc-move-profile { display:none; }.wc-move-route-board .wc-move-route-line strong { color:var(--move-ink); }.wc-move-route-board .wc-move-route-line strong small { color:#7b858a; }.wc-move-route-board .wc-move-route-line .wc-move-price { color:#c55123; }.wc-move-route-board .wc-move-route-line .wc-move-arrow { color:var(--move-orange); } .wc-move-goods-hero { display:grid; grid-template-columns:1fr 1fr; min-height:370px; margin-top:35px; border-bottom:2px solid var(--move-ink); }.wc-move-goods-hero > div { display:flex; flex-direction:column; justify-content:center; align-items:start; padding-right:35px; }.wc-move-goods-hero figure { position:relative; margin:0; overflow:hidden; background-position:center; background-size:cover; }.wc-move-goods-hero figure::after { content:""; position:absolute; inset:0; background:rgba(11,23,32,.43); }.wc-move-goods-hero figcaption { position:absolute; z-index:1; right:22px; bottom:19px; color:#fff; font-size:22px; font-weight:900; line-height:.88; letter-spacing:-.08em; text-align:right; }.wc-move-goods-hero button { margin-top:25px; padding:11px 14px; border:1px solid var(--move-ink); background:var(--move-ink); color:#fff; font-size:10px; font-weight:900; cursor:pointer; }.wc-move-goods-board { margin-top:28px; }.wc-move-goods-board header > span { color:#818b90; font-size:10px; }.wc-move-goods-board > div { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--move-line); border-left:1px solid var(--move-line); }.wc-move-good-card { position:relative; display:flex; flex-direction:column; min-height:320px; padding:14px; border:0; border-right:1px solid var(--move-line); border-bottom:1px solid var(--move-line); background:var(--move-white); color:var(--move-ink); cursor:pointer; text-align:left; }.wc-move-good-card:hover { background:#eee9df; }.wc-move-good-card > span { color:var(--move-orange); font-size:9px; font-weight:950; }.wc-move-good-art { height:148px; margin:16px 0 14px; background-position:center; background-size:cover; filter:saturate(.74); }.wc-move-good-card small { color:#8c9599; font-size:9px; }.wc-move-good-card b { min-height:36px; margin:7px 0; font-size:13px; line-height:1.35; letter-spacing:-.04em; }.wc-move-good-card strong { color:#c95324; font-size:17px; letter-spacing:-.05em; }.wc-move-good-card em { display:flex; justify-content:space-between; margin-top:auto; color:#78838a; font-size:9px; font-style:normal; }.wc-move-good-card em i { color:var(--move-orange); font-size:13px; font-style:normal; } .wc-move-personal-hero { display:grid; grid-template-columns:minmax(0,1fr) 290px; min-height:270px; align-items:center; border-bottom:2px solid var(--move-ink); }.wc-move-personal-hero > div { padding:27px 0; }.wc-move-personal-hero h1 { font-size:47px; }.wc-move-personal-hero aside { display:grid; grid-template-columns:repeat(3,1fr); gap:0; align-self:stretch; align-content:end; padding-bottom:29px; }.wc-move-personal-hero aside > span { grid-column:1 / -1; display:grid; place-items:center; width:56px; height:56px; margin-bottom:18px; border-radius:50%; background:var(--move-night); color:#fff; font-size:18px; font-weight:900; }.wc-move-personal-grid { display:grid; grid-template-columns:minmax(0,1.23fr) minmax(270px,.77fr); gap:34px; margin-top:30px; }.wc-move-personal-log header { display:flex; align-items:end; justify-content:space-between; min-height:76px; border-bottom:1px solid var(--move-line); }.wc-move-personal-log h2 { margin:0; font-size:23px; letter-spacing:-.06em; }.wc-move-personal-log .wc-move-story { grid-template-columns:42px 42px minmax(0,1fr) 75px; }.wc-move-personal-actions { border-top:2px solid var(--move-ink); }.wc-move-personal-actions > p { margin:0; padding:15px 0; color:var(--move-orange); font-size:9px; font-weight:900; letter-spacing:.15em; }.wc-move-personal-actions button { display:grid; grid-template-columns:28px minmax(0,1fr) 18px; grid-template-rows:auto auto; gap:4px 8px; width:100%; min-height:82px; padding:13px 0; border:0; border-top:1px solid var(--move-line); background:transparent; color:var(--move-ink); cursor:pointer; text-align:left; }.wc-move-personal-actions button:hover { background:#eee9df; }.wc-move-personal-actions i { grid-row:1 / span 2; color:var(--move-orange); font-size:9px; font-style:normal; font-weight:950; }.wc-move-personal-actions b { font-size:13px; }.wc-move-personal-actions span { color:#7d878d; font-size:10px; }.wc-move-personal-actions em { grid-column:3; grid-row:1 / span 2; align-self:center; color:var(--move-orange); font-style:normal; } .wc-move-muted { display:block; padding:21px 0; color:#c3c8c9; font-size:11px; } } @media (min-width:1024px) and (max-width:1230px) { #wc-move-board { grid-template-columns:164px minmax(0,1fr); }.wc-move-rail { padding:24px 13px 18px; }.wc-move-view { padding:0 28px 42px; }.wc-move-topbar { padding:0 28px; }.wc-move-intro { grid-template-columns:minmax(350px,1fr) minmax(310px,.82fr); }.wc-move-intro h1 { font-size:46px; }.wc-move-route-line { grid-template-columns:24px 48px minmax(0,1fr) 0 60px 13px; }.wc-move-route-line .wc-move-profile { display:none; }.wc-move-route-board .wc-move-route-line { grid-template-columns:28px 58px minmax(150px,1fr) 46px 72px 13px; }.wc-move-route-board .wc-move-route-line .wc-move-cover { width:58px; }.wc-move-goods-board > div { grid-template-columns:repeat(3,1fr); }.wc-move-crew-row { grid-template-columns:38px 76px minmax(0,1fr) 70px 16px; gap:12px; }.wc-move-crew-row .wc-move-cover { width:76px; }.wc-move-story-layout { grid-template-columns:.72fr 1.28fr; } } /* ===== WC_DEPARTURE_BOARD_20260906 ===== Desktop product reset: Departure Board replaces the modular Move Board. It keeps the existing API/detail contracts; only the PC experience is re-authored. */ @media (min-width: 1024px) { html.wc-desktop-input body.wc-departure-ready { background:#f5f1ea !important; color:#101b25 !important; } html.wc-desktop-input body.wc-departure-ready #main-app { background:#f5f1ea !important; } html.wc-desktop-input body.wc-departure-ready #navbar, html.wc-desktop-input body.wc-departure-ready #pages, html.wc-desktop-input body.wc-departure-ready .tab-bar { display:none !important; } html.wc-desktop-input body.wc-departure-ready #wc-move-board { display:block !important; min-height:100vh; background:#f5f1ea; color:#101b25; font-family:Inter,"Noto Sans KR",sans-serif; } html.wc-desktop-input body.wc-departure-ready .wc-departure-header { position:sticky; top:0; z-index:1200; display:grid; grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr); align-items:stretch; min-height:78px; padding:0 42px; border-bottom:1px solid #c8c4bc; background:rgba(245,241,234,.96); backdrop-filter:blur(12px); } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand { display:flex; align-items:center; gap:10px; padding:0; border:0; background:transparent; color:#101b25; cursor:pointer; text-align:left; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand span { display:grid; place-items:center; width:31px; height:31px; background:#f15a24; color:#fff; font-size:12px; font-weight:950; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand b { font-size:18px; letter-spacing:-.07em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand em { margin-left:5px; color:#7a8282; font-size:9px; font-style:normal; font-weight:800; letter-spacing:.11em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav { display:flex; align-items:stretch; justify-content:center; gap:0; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button { position:relative; min-width:72px; padding:0 16px; border:0; background:transparent; color:#667177; cursor:pointer; font-size:13px; font-weight:850; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button i { display:none; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button.is-active { color:#f15a24; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button.is-active::after { content:""; position:absolute; right:16px; bottom:0; left:16px; height:3px; background:#f15a24; } html.wc-desktop-input body.wc-departure-ready .wc-departure-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-actions button { border:0; cursor:pointer; font-family:inherit; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-me { padding:10px 12px; background:transparent; color:#35424a; font-size:12px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-start { min-width:112px; padding:12px 14px; background:#101b25; color:#fff; font-size:12px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-start i { margin-left:6px; color:#ff7d4d; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-departure-view { width:min(1440px,100%); margin:0 auto; padding:0 42px 76px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero { display:grid; grid-template-columns:34% 43% 23%; min-height:600px; margin:0 -42px; border-bottom:2px solid #101b25; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy { display:flex; flex-direction:column; justify-content:center; padding:55px 34px 42px 42px; background:#f5f1ea; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy p, html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule header p, html.wc-desktop-input body.wc-departure-ready .wc-departure-community p, html.wc-desktop-input body.wc-departure-ready .wc-departure-log header p { margin:0 0 14px; color:#f15a24; font-size:10px; font-weight:950; letter-spacing:.16em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy h1 { margin:0; color:#101b25; font-size:clamp(56px,5.4vw,92px); line-height:.82; letter-spacing:-.105em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy h1 strong { color:#f15a24; font-weight:950; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts { display:flex; gap:28px; margin-top:36px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts span { display:flex; flex-direction:column; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts small { color:#69737a; font-size:8px; font-weight:900; letter-spacing:.08em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts b { color:#101b25; font-size:34px; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts em { margin-left:3px; color:#f15a24; font-size:12px; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero-actions button { padding:12px 14px; border:1px solid #101b25; background:#101b25; color:#fff; cursor:pointer; font-size:11px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero-actions button + button { background:transparent; color:#101b25; } html.wc-desktop-input body.wc-departure-ready .wc-departure-photo { position:relative; margin:0; background-position:center; background-size:cover; } html.wc-desktop-input body.wc-departure-ready .wc-departure-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(16,27,37,.13),rgba(16,27,37,.02) 58%,rgba(16,27,37,.28)); } html.wc-desktop-input body.wc-departure-ready .wc-departure-photo figcaption { position:absolute; right:24px; bottom:22px; z-index:1; color:#fff; font-size:19px; font-weight:950; line-height:.83; letter-spacing:-.08em; text-align:right; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route { display:flex; flex-direction:column; justify-content:space-between; padding:37px 28px 30px; background:#101b25; color:#f4f1e9; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route header p { margin:0 0 15px; color:#ff7d4d; font-size:9px; font-weight:950; letter-spacing:.14em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route header b { display:block; font-size:21px; line-height:1.05; letter-spacing:-.07em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route header span { display:block; margin-top:10px; color:#b8c2c5; font-size:11px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route-line { display:grid; grid-template-columns:12px 1fr; gap:0 12px; align-items:center; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route-line i { width:9px; height:9px; border:2px solid #f15a24; border-radius:50%; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route-line i:not(:last-of-type)::after { content:""; position:absolute; width:1px; height:35px; margin:7px 0 0 2px; background:#657077; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route-line span { padding:11px 0; border-bottom:1px solid rgba(231,236,234,.17); color:#dbe2df; font-size:10px; font-weight:900; letter-spacing:.09em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route footer small { display:block; color:#9aa5a8; font-size:10px; line-height:1.45; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route footer button { width:100%; margin-top:17px; padding:11px 0; border:1px solid #f5f1ea; background:transparent; color:#fff; cursor:pointer; font-size:10px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule { padding:55px 0 0; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule header { display:grid; grid-template-columns:minmax(300px,.6fr) 1fr auto; align-items:end; gap:25px; padding-bottom:20px; border-bottom:2px solid #101b25; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2 { margin:0; color:#101b25; font-size:31px; line-height:.98; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2 strong { color:#f15a24; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule header > span { padding-bottom:4px; color:#778187; font-size:10px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row { display:grid; grid-template-columns:106px 72px minmax(220px,1fr) 160px 84px 100px; align-items:center; gap:16px; width:100%; min-height:86px; padding:0; border:0; border-bottom:1px solid #c8c4bc; background:transparent; color:#101b25; cursor:pointer; text-align:left; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row:hover { background:#e9e4db; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row strong { font-size:31px; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > span { color:#f15a24; font-size:11px; font-weight:950; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > span small { display:block; color:#788287; font-size:8px; font-weight:800; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row b { font-size:16px; letter-spacing:-.05em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row em { color:#747e83; font-size:10px; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row i { color:#e05728; font-size:12px; font-style:normal; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row u { text-decoration:none; color:#101b25; font-size:10px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-after { display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:55px; border-top:2px solid #101b25; border-bottom:1px solid #c8c4bc; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community { position:relative; min-height:350px; background-position:center; background-size:cover; color:#fff; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community::after { content:""; position:absolute; inset:0; background:rgba(10,21,30,.48); } html.wc-desktop-input body.wc-departure-ready .wc-departure-community > div { position:absolute; z-index:1; right:0; bottom:0; left:0; padding:28px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community h2 { margin:0; font-size:32px; line-height:.97; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community span { display:block; margin-top:14px; color:#e0e7e5; font-size:11px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community button { margin-top:20px; padding:11px 13px; border:0; background:#f15a24; color:#fff; cursor:pointer; font-size:10px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log { padding:28px; background:#fdfcf8; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log header { position:relative; padding-bottom:23px; border-bottom:1px solid #c8c4bc; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log h2 { margin:0; font-size:32px; line-height:.97; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log h2 strong { color:#f15a24; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log header button { position:absolute; right:0; bottom:22px; padding:0; border:0; background:transparent; color:#101b25; cursor:pointer; font-size:10px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div > span { display:grid; grid-template-columns:32px 45px minmax(0,1fr) 45px; align-items:center; gap:9px; min-height:66px; border-bottom:1px solid #d9d5cd; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div i { color:#e05728; font-size:9px; font-style:normal; font-weight:950; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div b { color:#101b25; font-size:10px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div em { overflow:hidden; color:#26343d; font-size:11px; font-style:normal; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div small { color:#8a9397; font-size:10px; text-align:right; } /* Shared independent editorial system for every remaining functional page. */ html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro { max-width:none; margin:0; padding:67px 0 35px; border-bottom:2px solid #101b25; background:transparent; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro h1 { color:#101b25; font-size:52px; line-height:.9; letter-spacing:-.09em; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro h1 strong { color:#f15a24; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro > span { color:#667177; font-size:13px; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro > p { color:#f15a24; font-size:10px; font-weight:950; letter-spacing:.16em; } html.wc-desktop-input body.wc-departure-ready .wc-move-story-layout, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-grid { gap:0; margin-top:35px; border-top:2px solid #101b25; } html.wc-desktop-input body.wc-departure-ready .wc-move-story-panel, html.wc-desktop-input body.wc-departure-ready .wc-move-market-pulse, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions { padding:24px; border:0; border-right:1px solid #c8c4bc; background:#fdfcf8; box-shadow:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-story-panel:last-child, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions { border-right:0; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero { margin:35px 0 0; border:1px solid #c8c4bc; border-top:0; box-shadow:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-board, html.wc-desktop-input body.wc-departure-ready .wc-move-route-board, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-board { box-shadow:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-row, html.wc-desktop-input body.wc-departure-ready .wc-move-route-line, html.wc-desktop-input body.wc-departure-ready .wc-move-good-card { border-radius:0 !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-controls { margin:0; padding:18px 0; border-bottom:1px solid #c8c4bc; } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-controls button { border-radius:0 !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero { margin:0; border-bottom:2px solid #101b25; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero h1 { color:#101b25; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero h1 strong { color:#f15a24; } } @media (min-width: 1024px) and (max-width: 1220px) { html.wc-desktop-input body.wc-departure-ready .wc-departure-header { padding:0 24px; grid-template-columns:220px auto 220px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-view { padding-right:24px; padding-left:24px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero { margin-right:-24px; margin-left:-24px; grid-template-columns:36% 41% 23%; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy { padding-left:24px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand em { display:none; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button { min-width:56px; padding:0 11px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row { grid-template-columns:86px 62px minmax(160px,1fr) 125px 72px 80px; gap:10px; } } /* ===== /WC_DEPARTURE_BOARD_20260906 ===== */ /* ===== WC_DEPARTURE_NIGHT_LIME_20260906 ===== Night movement is a photographic, data-led departure experience. Lime is reserved for live intent, not decorative surfaces. */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready { background:#070a08; color:#eef5e7; } html.wc-desktop-input body.wc-departure-ready #main-app { background:#070a08; } html.wc-desktop-input body.wc-departure-ready #wc-move-board { min-height:100vh; background:#070a08; color:#eef5e7; } html.wc-desktop-input body.wc-departure-ready .wc-departure-header { height:68px; border-bottom:1px solid rgba(197,255,0,.28); background:rgba(7,10,8,.96); } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand b { background:#c6ff00; color:#071008; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand span { color:#e9f1e3; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand em { color:#91a28a; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button, html.wc-desktop-input body.wc-departure-ready .wc-departure-me { color:#90a08d; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button:hover, html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button.active, html.wc-desktop-input body.wc-departure-ready .wc-departure-me:hover { color:#c6ff00; background:rgba(198,255,0,.07); } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button.active::after { background:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-start { background:#c6ff00; color:#071008; border-color:#c6ff00; box-shadow:0 0 0 1px rgba(198,255,0,.15),0 0 26px rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-departure-start:hover { background:#deff5e; box-shadow:0 0 35px rgba(198,255,0,.36); } html.wc-desktop-input body.wc-departure-ready .wc-departure-view { background:#070a08; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero { min-height:520px; border-bottom:1px solid rgba(198,255,0,.32); background:#070a08; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy { position:relative; background:#0b100d; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy::before { content:''; position:absolute; top:0; bottom:0; left:0; width:4px; background:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy p, html.wc-desktop-input body.wc-departure-ready .wc-departure-route header p, html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule header p, html.wc-desktop-input body.wc-departure-ready .wc-departure-after p { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy h1 { color:#f4f7ef; font-size:68px; letter-spacing:-.085em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy h1 strong { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts { border-top:1px solid rgba(198,255,0,.25); border-bottom:1px solid rgba(198,255,0,.25); } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts small { color:#8fa08b; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts b { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-facts em { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero-actions button:first-child { background:#c6ff00; color:#071008; border-color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-hero-actions button:last-child { background:transparent; color:#e9f1e3; border-color:rgba(233,241,227,.48); } html.wc-desktop-input body.wc-departure-ready .wc-departure-photo { filter:saturate(.92) contrast(1.12) brightness(.86); } html.wc-desktop-input body.wc-departure-ready .wc-departure-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,10,8,.3),transparent 48%,rgba(7,10,8,.2)); pointer-events:none; } html.wc-desktop-input body.wc-departure-ready .wc-departure-photo figcaption { color:#e9f1e3; text-shadow:0 0 18px rgba(198,255,0,.34); } html.wc-desktop-input body.wc-departure-ready .wc-departure-route { background:#0a0f0c; border-left:1px solid rgba(198,255,0,.24); } html.wc-desktop-input body.wc-departure-ready .wc-departure-route header { border-bottom:1px solid rgba(198,255,0,.19); } html.wc-desktop-input body.wc-departure-ready .wc-departure-route header b { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route header span, html.wc-desktop-input body.wc-departure-ready .wc-departure-route footer small { color:#98a594; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route-line { color:#d7e0d1; } html.wc-desktop-input body.wc-departure-ready .wc-departure-route-line i { border-color:#c6ff00; background:#071008; box-shadow:0 0 0 2px #071008,0 0 12px rgba(198,255,0,.52); } html.wc-desktop-input body.wc-departure-ready .wc-departure-route footer { border-top:1px solid rgba(198,255,0,.19); } html.wc-desktop-input body.wc-departure-ready .wc-departure-route footer button { color:#c6ff00; border-color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule { background:#0b100d; border-bottom:1px solid rgba(198,255,0,.28); } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule header { border-bottom:1px solid rgba(198,255,0,.18); } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2, html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2 strong { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2 strong { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule header > span { color:#859581; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row { background:transparent; border-bottom:1px solid rgba(233,241,227,.13); color:#e9f1e3; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row:hover { background:rgba(198,255,0,.08); box-shadow:inset 5px 0 0 #c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > strong { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > span, html.wc-desktop-input body.wc-departure-ready .wc-departure-row > em { color:#98a594; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > b { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > i { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-row > u { color:#dfe9d9; } html.wc-desktop-input body.wc-departure-ready .wc-departure-after { background:#070a08; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community { min-height:360px; filter:saturate(.9) contrast(1.12) brightness(.78); } html.wc-desktop-input body.wc-departure-ready .wc-departure-community::before { background:linear-gradient(90deg,rgba(7,10,8,.88),rgba(7,10,8,.28)); } html.wc-desktop-input body.wc-departure-ready .wc-departure-community h2, html.wc-desktop-input body.wc-departure-ready .wc-departure-community span { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-community button { background:#c6ff00; border-color:#c6ff00; color:#071008; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log { background:#101611; border-left:1px solid rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-departure-log header { border-bottom:1px solid rgba(198,255,0,.18); } html.wc-desktop-input body.wc-departure-ready .wc-departure-log h2 { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log h2 strong { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log header button { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div > span { border-bottom-color:rgba(233,241,227,.12); } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div i { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div b { color:#f4f7ef; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div em { color:#c4d0bf; } html.wc-desktop-input body.wc-departure-ready .wc-departure-log > div small { color:#8c9b88; } html.wc-desktop-input body.wc-departure-ready .wc-departure-footer { background:#070a08; border-top:1px solid rgba(198,255,0,.2); color:#8c9b88; } html.wc-desktop-input body.wc-departure-ready .wc-move-loading { color:#c6ff00; background:#070a08; } } /* ===== /WC_DEPARTURE_NIGHT_LIME_20260906 ===== */ /* ===== WC_DEPARTURE_NIGHT_LIME_CONTRAST_20260906 ===== */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready .wc-departure-copy h1 { color:#f4f7ef !important; } html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2 { color:#f4f7ef !important; } html.wc-desktop-input body.wc-departure-ready .wc-departure-copy h1 strong, html.wc-desktop-input body.wc-departure-ready .wc-departure-schedule h2 strong { color:#c6ff00 !important; } } /* ===== /WC_DEPARTURE_NIGHT_LIME_CONTRAST_20260906 ===== */ /* ===== WC_AFTERDARK_CONTROL_CANVAS_20260906 ===== Full-width desktop operating canvas. The home surface is intentionally not a card board. */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready, html.wc-desktop-input body.wc-departure-ready #main-app, html.wc-desktop-input body.wc-departure-ready #wc-move-board { background:#050706; } html.wc-desktop-input body.wc-departure-ready #wc-move-board, html.wc-desktop-input body.wc-departure-ready #wc-move-view { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } html.wc-desktop-input body.wc-departure-ready .wc-departure-header { height:62px; padding:0 clamp(24px,3vw,64px) !important; border-bottom-color:rgba(198,255,0,.22); background:#060806; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand { min-width:310px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand span { font-size:15px; letter-spacing:-.04em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-brand em { font-size:9px; letter-spacing:.16em; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav { gap:7px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-nav button { min-width:52px; padding:22px 10px 18px; font-size:12px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-tools { gap:14px; } html.wc-desktop-input body.wc-departure-ready .wc-departure-me { font-size:12px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-canvas { min-height:calc(100vh - 62px); background:#050706; color:#f2f7ee; overflow:hidden; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-stage { display:grid; grid-template-columns:minmax(320px,.86fr) minmax(480px,1.55fr) minmax(310px,.72fr); min-height:min(67vw,720px); border-bottom:1px solid rgba(198,255,0,.25); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; padding:clamp(42px,6vw,110px) clamp(30px,4vw,76px); background:linear-gradient(90deg,#070a08 0%,#080d09 75%,rgba(7,10,8,.78) 100%); border-right:1px solid rgba(198,255,0,.3); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission::before { content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:#c6ff00; box-shadow:0 0 32px rgba(198,255,0,.42); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission > p { margin:0 0 34px; color:#aab7a5; font-size:10px; font-weight:800; letter-spacing:.18em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission > p i, html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook > p i, html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > p i { display:inline-block; width:8px; height:8px; margin-right:8px; background:#c6ff00; box-shadow:0 0 14px rgba(198,255,0,.8); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission > p span { float:right; color:#c6ff00; letter-spacing:.1em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission h1 { margin:0; color:#eef5e8 !important; font-size:clamp(44px,4.25vw,92px); line-height:.88; letter-spacing:-.09em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission h1 strong { color:#c6ff00 !important; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:46px 0 30px; border-top:1px solid rgba(198,255,0,.22); border-bottom:1px solid rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics span { display:block; min-height:80px; padding:15px 12px 12px 0; border-right:1px solid rgba(198,255,0,.16); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics span + span { padding-left:12px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics span:last-child { border:0; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics small { display:block; color:#84907f; font-size:8px; font-weight:800; letter-spacing:.12em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics b { display:block; margin-top:8px; color:#f2f7ee; font-size:clamp(16px,1.3vw,26px); letter-spacing:-.06em; white-space:nowrap; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-metrics em { color:#c6ff00; font-size:12px; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-actions { display:flex; gap:9px; align-items:center; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-actions button { min-height:48px; padding:0 18px; border-radius:0; font-size:13px; font-weight:850; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-go { background:#c6ff00; border:1px solid #c6ff00; color:#050706; box-shadow:0 0 28px rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-go:hover { background:#e0ff62; box-shadow:0 0 42px rgba(198,255,0,.38); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-ghost { background:transparent; border:1px solid rgba(233,242,229,.5); color:#edf4e9; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-note { display:block; margin-top:16px; color:#82907e; font-size:10px; line-height:1.55; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-visual { position:relative; min-height:100%; margin:0; background-position:center; background-size:cover; overflow:hidden; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-visual::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,7,6,.18),transparent 38%,rgba(5,7,6,.18)),linear-gradient(0deg,rgba(5,7,6,.42),transparent 48%); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-visual figcaption { position:absolute; right:30px; bottom:28px; text-align:right; color:#eff7ea; text-shadow:0 0 22px rgba(198,255,0,.3); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-visual figcaption span { display:block; margin-bottom:5px; color:#c6ff00; font-size:9px; font-weight:800; letter-spacing:.18em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-visual figcaption b { display:block; font-size:clamp(16px,1.45vw,28px); line-height:.82; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-command { display:grid; grid-template-rows:minmax(195px,.9fr) minmax(290px,1.1fr); background:#0a100c; border-left:1px solid rgba(198,255,0,.25); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-map { position:relative; min-height:195px; overflow:hidden; border-bottom:1px solid rgba(198,255,0,.18); background:repeating-linear-gradient(0deg,rgba(198,255,0,.08) 0 1px,transparent 1px 36px),repeating-linear-gradient(90deg,rgba(198,255,0,.08) 0 1px,transparent 1px 36px),#071009; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-map #wc-move-map { position:absolute; inset:0; filter:grayscale(1) brightness(.34) contrast(1.55) saturate(.2); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-map > span { position:absolute; z-index:500; left:18px; top:16px; padding:5px 7px; background:rgba(5,7,6,.75); color:#c6ff00; font-size:8px; font-weight:900; letter-spacing:.13em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook { padding:24px 22px 22px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook > p { margin:0 0 14px; color:#b7c2b2; font-size:9px; font-weight:900; letter-spacing:.14em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook h2 { margin:0; color:#f1f6ed; font-size:clamp(17px,1.25vw,25px); line-height:1.02; letter-spacing:-.06em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook > span { display:block; margin-top:8px; color:#93a18f; font-size:10px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook ol { list-style:none; margin:26px 0 20px; padding:0; border-top:1px solid rgba(239,247,234,.13); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook li { display:grid; grid-template-columns:24px 1fr; gap:0 10px; padding:12px 0; border-bottom:1px solid rgba(239,247,234,.13); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook li i { grid-row:span 2; color:#c6ff00; font-style:normal; font-size:11px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook li b { color:#eef6e9; font-size:12px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook li em { color:#879584; font-size:10px; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-runbook button { width:100%; min-height:42px; border:1px solid rgba(198,255,0,.76); background:transparent; color:#c6ff00; font-size:10px; font-weight:900; letter-spacing:.08em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-departures { display:grid; grid-template-columns:minmax(250px,.75fr) minmax(520px,1.6fr) minmax(250px,.8fr); min-height:260px; border-bottom:1px solid rgba(198,255,0,.2); background:#070a08; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-strip-title { display:flex; flex-direction:column; justify-content:center; padding:36px clamp(24px,4vw,72px); border-right:1px solid rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-strip-title p, html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > p { margin:0 0 14px; color:#a9b6a4; font-size:9px; font-weight:900; letter-spacing:.16em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-strip-title h2 { margin:0; color:#eef6e9; font-size:clamp(26px,2.3vw,48px); line-height:.92; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-strip-title h2 strong { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-strip-title > span { margin-top:12px; color:#8f9d8b; font-size:11px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route-list { display:flex; flex-direction:column; justify-content:center; padding:18px 0; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route { display:grid; grid-template-columns:80px minmax(0,1fr) 110px 18px; align-items:center; min-height:62px; padding:0 26px; border:0; border-bottom:1px solid rgba(239,247,234,.12); background:transparent; color:#eef6e9; text-align:left; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route:hover { background:rgba(198,255,0,.07); box-shadow:inset 4px 0 #c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route small { color:#c6ff00; font-size:10px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route b { overflow:hidden; padding-right:12px; color:#eef6e9; font-size:13px; text-overflow:ellipsis; white-space:nowrap; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route span { color:#899784; font-size:10px; white-space:nowrap; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route strong { color:#c6ff00; font-size:11px; text-align:right; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route i { margin-left:12px; color:#c6ff00; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community { display:flex; flex-direction:column; justify-content:center; padding:28px clamp(22px,3vw,52px); border-left:1px solid rgba(198,255,0,.22); background:#0a100c; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > b { color:#edf5e8; font-size:18px; letter-spacing:-.05em; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > span { margin-top:6px; color:#8f9d8b; font-size:10px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > button { width:max-content; margin:18px 0 18px; padding:0; border:0; background:none; color:#c6ff00; font-size:11px; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > div { display:flex; gap:8px; padding-top:13px; border-top:1px solid rgba(239,247,234,.13); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > div span { display:grid; grid-template-columns:20px 28px 1fr; align-items:center; gap:4px; min-width:0; color:#9dac98; font-size:9px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > div i { color:#657460; font-style:normal; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > div b { color:#c6ff00; font-size:9px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-community > div em { overflow:hidden; color:#dce6d7; font-style:normal; text-overflow:ellipsis; white-space:nowrap; } } @media (min-width:1024px) and (max-width:1320px) { html.wc-desktop-input body.wc-departure-ready .wc-afterdark-stage { grid-template-columns:minmax(290px,.8fr) minmax(390px,1.25fr) minmax(270px,.7fr); } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-departures { grid-template-columns:240px 1fr 250px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-mission { padding:48px 32px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route { grid-template-columns:64px minmax(0,1fr) 92px 16px; padding:0 18px; } html.wc-desktop-input body.wc-departure-ready .wc-afterdark-route span { display:none; } } /* ===== /WC_AFTERDARK_CONTROL_CANVAS_20260906 ===== */ /* ===== WC_AFTERDARK_SECONDARY_SYSTEM_20260906 ===== Secondary screens are full-width operational surfaces, not leftover boards. */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready #wc-move-view > section:not(.wc-afterdark-canvas) { width:100%; max-width:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero { position:relative; display:grid; grid-template-columns:minmax(420px,.9fr) minmax(480px,1.3fr); min-height:340px; margin:0 !important; padding:0 !important; border-bottom:1px solid rgba(198,255,0,.25); background:#08100b; overflow:hidden; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro { display:block; min-height:260px; padding:68px clamp(42px,7vw,132px) !important; background:radial-gradient(circle at 72% 12%,rgba(198,255,0,.13),transparent 32%),linear-gradient(105deg,#071008,#0a120d); } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro::after { content:'WHERECREW'; position:absolute; right:5vw; bottom:-.13em; color:rgba(198,255,0,.05); font-size:clamp(90px,14vw,290px); font-weight:950; letter-spacing:-.12em; pointer-events:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro p, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero p, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero p, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero p { position:relative; z-index:1; margin:0 0 18px; color:#c6ff00; font-size:10px; font-weight:900; letter-spacing:.18em; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro h1, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero h1, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero h1, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero h1 { position:relative; z-index:1; margin:0; color:#f0f7eb; font-size:clamp(38px,4.5vw,88px); line-height:.9; letter-spacing:-.09em; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro h1 strong, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero h1 strong, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero h1 strong, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero h1 strong { color:#c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-move-page-intro > span, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero > div > span, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero > div > span, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero > div > span { position:relative; z-index:1; display:block; max-width:520px; margin-top:20px; color:#aeb9aa; font-size:14px; line-height:1.65; } html.wc-desktop-input body.wc-departure-ready .wc-move-story-layout, html.wc-desktop-input body.wc-departure-ready .wc-move-crew-board, html.wc-desktop-input body.wc-departure-ready .wc-move-route-board, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-board, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-grid { width:100%; max-width:none; margin:0 !important; padding:clamp(28px,4vw,72px) clamp(24px,5vw,110px) !important; background:#070a08; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero { margin:0 !important; padding:36px clamp(24px,5vw,110px) !important; border-bottom:1px solid rgba(198,255,0,.22); background:#0a110d; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero h2 { color:#edf6e8; font-size:clamp(26px,3vw,48px); letter-spacing:-.07em; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero p, html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero span { color:#aab7a5; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid rgba(198,255,0,.18); border-left:1px solid rgba(198,255,0,.18); } html.wc-desktop-input body.wc-departure-ready .wc-move-story { min-height:150px; padding:24px !important; border-right:1px solid rgba(198,255,0,.18) !important; border-bottom:1px solid rgba(198,255,0,.18) !important; background:#0a100c; } html.wc-desktop-input body.wc-departure-ready .wc-move-story:hover { background:rgba(198,255,0,.075); box-shadow:inset 4px 0 #c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-move-story b, html.wc-desktop-input body.wc-departure-ready .wc-move-story strong { color:#eff7ea !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-story em, html.wc-desktop-input body.wc-departure-ready .wc-move-story-time { color:#aab6a5 !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-market-pulse { margin:0 !important; padding:clamp(30px,4vw,72px) clamp(24px,5vw,110px) !important; background:#050706; } html.wc-desktop-input body.wc-departure-ready .wc-move-market-pulse header h2, html.wc-desktop-input body.wc-departure-ready .wc-move-crew-board h2, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-board h2, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log h2 { color:#eef7e9; font-size:30px; letter-spacing:-.06em; } html.wc-desktop-input body.wc-departure-ready .wc-move-market-pulse > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(198,255,0,.18); } html.wc-desktop-input body.wc-departure-ready .wc-move-good { min-height:126px; padding:22px; background:#0a100c; color:#eff7ea; } html.wc-desktop-input body.wc-departure-ready .wc-move-good:hover { background:rgba(198,255,0,.08); } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature { display:grid; grid-template-columns:1.1fr .9fr; min-height:380px; margin:0 !important; background:#090f0b; border-bottom:1px solid rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature figure { min-height:380px; margin:0 !important; background-position:center; background-size:cover; filter:saturate(.65) contrast(1.08) brightness(.68); } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature > div { display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,6vw,104px); border-left:1px solid rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature h2 { color:#edf6e8; font-size:clamp(34px,4vw,70px); line-height:.92; letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature span { color:#a7b4a2; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-feature button, html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero button, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero button, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero button { width:max-content; margin-top:28px; padding:14px 20px; border:1px solid #c6ff00; border-radius:0; background:#c6ff00; color:#050706; font-weight:900; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-board > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(198,255,0,.18); border-left:1px solid rgba(198,255,0,.18); } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-row { min-height:132px; padding:20px; border-right:1px solid rgba(198,255,0,.18) !important; border-bottom:1px solid rgba(198,255,0,.18) !important; border-radius:0 !important; background:#0a100c; color:#eff7ea; } html.wc-desktop-input body.wc-departure-ready .wc-move-crew-row:hover { background:rgba(198,255,0,.075); box-shadow:inset 4px 0 #c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero > figure, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero > figure { order:2; min-height:340px; margin:0; background-position:center; background-size:cover; filter:saturate(.6) contrast(1.08) brightness(.72); } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-hero > div, html.wc-desktop-input body.wc-departure-ready .wc-move-goods-hero > div, html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero > div { display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,6vw,104px); } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-controls { display:flex; justify-content:space-between; align-items:center; min-height:74px; margin:0 !important; padding:0 clamp(24px,5vw,110px); background:#0a100c; border-bottom:1px solid rgba(198,255,0,.2); } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-controls button { border:0; border-right:1px solid rgba(198,255,0,.2); border-radius:0; background:transparent; color:#aab7a5; } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-controls button.is-active { background:#c6ff00; color:#050706; } html.wc-desktop-input body.wc-departure-ready .wc-move-atlas-controls > span { color:#aab7a5; font-size:11px; } html.wc-desktop-input body.wc-departure-ready .wc-move-route-board { padding-top:0 !important; padding-bottom:0 !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-route-board > header, html.wc-desktop-input body.wc-departure-ready .wc-move-route-line { border-bottom:1px solid rgba(198,255,0,.18) !important; background:#080d09; } html.wc-desktop-input body.wc-departure-ready .wc-move-route-line:hover { background:rgba(198,255,0,.075); box-shadow:inset 4px 0 #c6ff00; } html.wc-desktop-input body.wc-departure-ready .wc-move-route-line b, html.wc-desktop-input body.wc-departure-ready .wc-move-route-line strong { color:#eff7ea; } html.wc-desktop-input body.wc-departure-ready .wc-move-route-line small, html.wc-desktop-input body.wc-departure-ready .wc-move-route-line em, html.wc-desktop-input body.wc-departure-ready .wc-move-route-line span { color:#a7b4a2; } html.wc-desktop-input body.wc-departure-ready .wc-move-goods-board > header { padding-bottom:24px; color:#eff7ea; } html.wc-desktop-input body.wc-departure-ready .wc-move-goods-board > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(198,255,0,.17); } html.wc-desktop-input body.wc-departure-ready .wc-move-good-card { min-height:290px; border:0 !important; border-radius:0 !important; background:#0a100c; color:#eff7ea; } html.wc-desktop-input body.wc-departure-ready .wc-move-good-card:hover { background:rgba(198,255,0,.075); } html.wc-desktop-input body.wc-departure-ready .wc-move-good-card strong, html.wc-desktop-input body.wc-departure-ready .wc-move-good-card b { color:#eff7ea; } html.wc-desktop-input body.wc-departure-ready .wc-move-good-card small, html.wc-desktop-input body.wc-departure-ready .wc-move-good-card em { color:#aab7a5; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero { grid-template-columns:1.3fr .7fr; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero > aside { display:grid; grid-template-columns:repeat(3,1fr); align-items:center; padding:34px; border-left:1px solid rgba(198,255,0,.22); background:#0a100c; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-hero > aside > span { display:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:0; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log { padding-right:clamp(26px,4vw,70px); } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions { padding-left:clamp(26px,4vw,70px); border-left:1px solid rgba(198,255,0,.22); } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions button { border-radius:0 !important; background:#0a100c; color:#edf6e8; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions button:hover { background:rgba(198,255,0,.08); } } @media (min-width:1024px) and (max-width:1320px) { html.wc-desktop-input body.wc-departure-ready .wc-move-feed-list { grid-template-columns:repeat(2,minmax(0,1fr)); } html.wc-desktop-input body.wc-departure-ready .wc-move-goods-board > div { grid-template-columns:repeat(3,minmax(0,1fr)); } html.wc-desktop-input body.wc-departure-ready .wc-move-market-pulse > div { grid-template-columns:repeat(2,minmax(0,1fr)); } } /* ===== /WC_AFTERDARK_SECONDARY_SYSTEM_20260906 ===== */ /* ===== WC_AFTERDARK_EMPTY_STATE_FIX_20260906 ===== */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready .wc-move-empty { min-height:360px; margin:0 !important; border:1px solid rgba(198,255,0,.22) !important; border-radius:0 !important; background:radial-gradient(circle at 72% 18%,rgba(198,255,0,.12),transparent 30%),#08100b !important; color:#edf6e8 !important; box-shadow:none !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-empty p { color:#c6ff00 !important; letter-spacing:.16em; } html.wc-desktop-input body.wc-departure-ready .wc-move-empty h2 { color:#edf6e8 !important; font-size:clamp(25px,2.6vw,46px); letter-spacing:-.08em; } html.wc-desktop-input body.wc-departure-ready .wc-move-empty span { color:#aeb9aa !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-empty .wc-move-track, html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero .wc-move-track { border:1px solid #c6ff00 !important; border-radius:0 !important; background:#c6ff00 !important; color:#050706 !important; box-shadow:0 0 24px rgba(198,255,0,.2) !important; } } /* ===== /WC_AFTERDARK_EMPTY_STATE_FIX_20260906 ===== */ /* ===== WC_AFTERDARK_FEED_BLEND_FIX_20260906 ===== */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero { background-color:#071008 !important; background-blend-mode:multiply !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,7,6,.34),rgba(5,7,6,.68)); pointer-events:none; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero > * { position:relative; z-index:1; } } /* ===== /WC_AFTERDARK_FEED_BLEND_FIX_20260906 ===== */ /* ===== WC_AFTERDARK_FEED_OVERLAY_FIX_20260906 ===== */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero { position:relative !important; isolation:isolate; overflow:hidden; background-color:#071008 !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero::before { content:'' !important; position:absolute !important; inset:0 !important; z-index:0 !important; display:block !important; background:linear-gradient(90deg,rgba(3,6,4,.78),rgba(3,6,4,.62)) !important; pointer-events:none !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero > div { position:relative !important; z-index:1 !important; } } /* ===== /WC_AFTERDARK_FEED_OVERLAY_FIX_20260906 ===== */ /* ===== WC_AFTERDARK_FEED_GRAPHIC_FIELD_20260906 ===== */ @media (min-width:1024px) { html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero { background-image:radial-gradient(circle at 78% 20%,rgba(198,255,0,.20),transparent 0 19%),linear-gradient(135deg,#061008 0%,#0b160d 47%,#050806 100%) !important; background-size:100% 100% !important; background-position:center !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-feed-hero::after { content:'MOTION / 00:00 / LOCAL'; position:absolute; right:28px; bottom:24px; z-index:0; color:rgba(198,255,0,.38); font:700 10px/1 monospace; letter-spacing:.18em; } } /* ===== /WC_AFTERDARK_FEED_GRAPHIC_FIELD_20260906 ===== */ /* ===== WC_AFTERDARK_ACTIVITY_LANDING_20260906 ===== */ @media (min-width:1024px) { #modal-overlay.wc-afterdark-activity-open { align-items:center !important; padding:34px !important; background:rgba(1,4,2,.86) !important; backdrop-filter:blur(18px) !important; z-index:3000 !important; } #modal-overlay.wc-afterdark-activity-open .modal-sheet { width:min(1120px,100%) !important; max-width:1120px !important; max-height:calc(100vh - 68px) !important; margin:auto !important; border-radius:0 !important; background:#081008 !important; border:1px solid rgba(198,255,0,.30) !important; box-shadow:0 30px 100px rgba(0,0,0,.6) !important; } #modal-overlay.wc-afterdark-activity-open .modal-handle { display:none !important; } #modal-overlay.wc-afterdark-activity-open .modal-header { padding:23px 30px 17px !important; background:linear-gradient(90deg,#0c180e,#09100a) !important; border-bottom:1px solid rgba(198,255,0,.24) !important; } #modal-overlay.wc-afterdark-activity-open .modal-title { color:#f3f8ee !important; font-size:clamp(25px,2.3vw,36px) !important; letter-spacing:-.055em !important; } #modal-overlay.wc-afterdark-activity-open .modal-close { width:38px !important; height:38px !important; border-radius:0 !important; background:#111a12 !important; border:1px solid rgba(198,255,0,.38) !important; color:#c6ff00 !important; } #modal-overlay.wc-afterdark-activity-open .modal-body { padding:26px 30px 32px !important; color:#ecf3eb !important; background:radial-gradient(circle at 85% 0%,rgba(198,255,0,.13),transparent 0 27%),#081008 !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-kicker { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; color:#c6ff00; font:10px 'DM Mono',monospace; letter-spacing:.14em; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-kicker b { color:#9eaa9f; font-weight:500; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-map-frame { margin:0 0 20px !important; border:1px solid rgba(198,255,0,.28) !important; border-radius:0 !important; overflow:hidden !important; background:#080d09 !important; } #modal-overlay.wc-afterdark-activity-open #activity-detail-map { height:320px !important; border-radius:0 !important; filter:grayscale(1) brightness(.66) contrast(1.16) saturate(.65); } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:1px !important; background:rgba(198,255,0,.23) !important; border:1px solid rgba(198,255,0,.23) !important; margin:0 0 20px !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics > div { border-radius:0 !important; background:#0d160e !important; padding:18px 13px !important; text-align:left !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics > div > div:first-child { color:#f3f8ef !important; font-size:25px !important; letter-spacing:-.055em !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics > div:nth-child(3) > div:first-child, #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics > div:nth-child(4) > div:first-child { color:#c6ff00 !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-elevation-panel { padding:18px !important; border:1px solid rgba(198,255,0,.23) !important; background:#0a120b !important; margin-bottom:20px !important; } #modal-overlay.wc-afterdark-activity-open canvas[id^="detail-elev-chart-"] { height:150px !important; border-radius:0 !important; background:linear-gradient(180deg,rgba(198,255,0,.08),transparent) !important; } #modal-overlay.wc-afterdark-activity-open .fc-action-btn { border-radius:0 !important; background:#0c150d !important; color:#dce7dc !important; border:1px solid rgba(198,255,0,.28) !important; } } @media (max-width:1023px) { #modal-overlay.wc-afterdark-activity-open .modal-sheet { background:#081008 !important; } #modal-overlay.wc-afterdark-activity-open .modal-header { border-bottom-color:rgba(198,255,0,.25)!important; } } /* ===== /WC_AFTERDARK_ACTIVITY_LANDING_20260906 ===== */ /* ===== WC_AFTERDARK_MOBILE_ACTIVITY_INSIGHT_20260906 ===== */ @media (max-width:1023px){ #modal-overlay.wc-afterdark-activity-open{align-items:stretch!important;padding:0!important;background:#050806!important;overscroll-behavior:contain!important} #modal-overlay.wc-afterdark-activity-open .modal-sheet{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:#081008!important} #modal-overlay.wc-afterdark-activity-open .modal-header{position:sticky!important;top:0!important;z-index:7!important;padding:calc(env(safe-area-inset-top,0px) + 15px) 16px 14px!important;background:rgba(8,16,8,.96)!important;backdrop-filter:blur(18px)!important} #modal-overlay.wc-afterdark-activity-open .modal-title{font-size:22px!important;max-width:calc(100% - 56px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #modal-overlay.wc-afterdark-activity-open .modal-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important} #modal-overlay.wc-afterdark-activity-open .modal-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding:18px 16px calc(126px + env(safe-area-inset-bottom,0px))!important;background:radial-gradient(circle at 85% 0%,rgba(198,255,0,.18),transparent 0 28%),#081008!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-kicker{font-size:9px!important;margin-bottom:14px!important} #modal-overlay.wc-afterdark-activity-open #activity-detail-map{height:230px!important;touch-action:pan-x pan-y!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:14px!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics>div{padding:15px 12px!important;min-height:82px!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics>div>div:first-child{font-size:24px!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-elevation-panel,.wc-afterdark-pace-panel{padding:15px!important;margin-bottom:14px!important;border:1px solid rgba(198,255,0,.24)!important;background:#0a120b!important} #modal-overlay.wc-afterdark-activity-open canvas[id^="detail-elev-chart-"],#modal-overlay.wc-afterdark-activity-open canvas[id^="detail-pace-chart-"]{width:100%!important;height:126px!important;touch-action:pan-y!important;cursor:crosshair!important;border-radius:0!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-chart-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 10px!important;font:800 10px/1 monospace!important;letter-spacing:.12em!important;color:#c6ff00!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-chart-head b{font:600 10px/1 monospace!important;color:#a8b4a8!important;letter-spacing:0!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-chart-wrap{position:relative!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-chart-wrap i{position:absolute!important;top:0!important;bottom:0!important;width:1px!important;background:#f3f8ef!important;opacity:0!important;pointer-events:none!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-pace-panel.is-unavailable{display:none!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-actions{gap:10px!important;margin:0!important} #modal-overlay.wc-afterdark-activity-open .fc-action-btn{min-height:48px!important;padding:0 16px!important;font-size:14px!important;touch-action:manipulation!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta{position:sticky!important;bottom:calc(-1 * (108px + env(safe-area-inset-bottom,0px)))!important;z-index:6!important;display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:8px!important;margin:28px -16px calc(-1 * (108px + env(safe-area-inset-bottom,0px)))!important;padding:13px 16px calc(13px + env(safe-area-inset-bottom,0px))!important;background:rgba(5,9,6,.96)!important;border-top:1px solid rgba(198,255,0,.28)!important;backdrop-filter:blur(18px)!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta button{min-height:54px!important;border-radius:0!important;border:1px solid rgba(198,255,0,.38)!important;background:#101b11!important;color:#e8f0e6!important;font-size:14px!important;font-weight:900!important;touch-action:manipulation!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta button:last-child{background:#c6ff00!important;color:#071008!important;border-color:#c6ff00!important;box-shadow:0 8px 26px rgba(198,255,0,.18)!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta span{font-size:18px!important;margin-left:8px!important} } /* ===== /WC_AFTERDARK_MOBILE_ACTIVITY_INSIGHT_20260906 ===== */ /* ===== WC_AFTERDARK_MOVEMENT_SURFACE_FIX_20260906 ===== */ html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log { background:#071008 !important; border:1px solid rgba(198,255,0,.18) !important; padding:0 24px 8px !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log header { border-bottom-color:rgba(198,255,0,.23) !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log .wc-move-story { background:#0a100c !important; border-bottom-color:rgba(198,255,0,.15) !important; } html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log .wc-move-story:hover { background:#111a12 !important; } @media(max-width:1023px){ html.wc-desktop-input body.wc-departure-ready .wc-move-personal-grid{gap:18px!important;margin-top:18px!important} html.wc-desktop-input body.wc-departure-ready .wc-move-personal-log{padding:0 14px 7px!important;border-color:rgba(198,255,0,.19)!important} } /* ===== /WC_AFTERDARK_MOVEMENT_SURFACE_FIX_20260906 ===== */ /* ===== WC_AFTERDARK_PERSONAL_ACTIONS_FIX_20260906 ===== */ html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions{background:#071008!important;border-color:rgba(198,255,0,.18)!important;box-shadow:none!important} html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions>p{color:#c6ff00!important;border-bottom:1px solid rgba(198,255,0,.18)!important} html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions button{border-top-color:rgba(198,255,0,.14)!important} html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions button span{color:#9ba89b!important} @media(max-width:1023px){html.wc-desktop-input body.wc-departure-ready .wc-move-personal-actions{padding:18px 14px!important;border:1px solid rgba(198,255,0,.18)!important}} /* ===== /WC_AFTERDARK_PERSONAL_ACTIONS_FIX_20260906 ===== */ /* ===== WC_AFTERDARK_PACE_UNAVAILABLE_20260906 ===== */ .wc-afterdark-pace-panel.is-unavailable{display:block!important;border-style:dashed!important} .wc-afterdark-pace-panel.is-unavailable .wc-afterdark-pace-empty{margin:0!important;color:#a9b6a7!important;font-size:12px!important;line-height:1.55!important} @media(max-width:1023px){#modal-overlay.wc-afterdark-activity-open .wc-afterdark-pace-panel.is-unavailable{display:block!important}#modal-overlay.wc-afterdark-activity-open .wc-afterdark-pace-panel.is-unavailable .wc-afterdark-pace-empty{padding:8px 0 2px!important;font-size:13px!important}} /* ===== /WC_AFTERDARK_PACE_UNAVAILABLE_20260906 ===== */ /* ===== WC_AFTERDARK_SOCIAL_SIGNAL_20260906 ===== */ html.wc-desktop-input body.wc-departure-ready .wc-afterdark-social-hero{min-height:410px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:1px;border:1px solid rgba(198,255,0,.28);background:rgba(198,255,0,.24);margin:0 0 28px;box-shadow:0 28px 84px rgba(0,0,0,.34)} html.wc-desktop-input body.wc-departure-ready .wc-afterdark-social-hero>div{padding:48px 52px;background:radial-gradient(circle at 78% 12%,rgba(198,255,0,.25),transparent 0 26%),linear-gradient(135deg,#061008,#101c11);display:flex;flex-direction:column;justify-content:center} html.wc-desktop-input body.wc-departure-ready .wc-afterdark-social-hero p{margin:0 0 16px;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.18em}.wc-afterdark-social-hero p i{display:inline-block;width:7px;height:7px;background:#c6ff00;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #c6ff00} html.wc-desktop-input body.wc-departure-ready .wc-afterdark-social-hero h1{margin:0;color:#f1f7ee;font-size:clamp(40px,4.2vw,68px);line-height:.94;letter-spacing:-.09em}.wc-afterdark-social-hero h1 strong{color:#c6ff00}.wc-afterdark-social-hero>div>span{max-width:530px;margin:22px 0 30px;color:#aebaaa;font-size:15px;line-height:1.7} .wc-afterdark-social-actions{display:flex;gap:10px}.wc-afterdark-social-actions button,.wc-afterdark-join-card,.wc-afterdark-signal-board aside button{min-height:48px;padding:0 18px;border:1px solid rgba(198,255,0,.42);border-radius:0;background:#0d170e;color:#edf5e9;font-weight:900;cursor:pointer}.wc-afterdark-social-actions button:first-child{background:#c6ff00;color:#071008;border-color:#c6ff00}.wc-afterdark-social-actions i,.wc-afterdark-join-card i,.wc-afterdark-signal-board aside i{font-style:normal;margin-left:8px} .wc-afterdark-social-hero>aside{display:grid;grid-template-rows:1fr 1fr;background:#081008}.wc-afterdark-self-card,.wc-afterdark-join-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 34px;text-align:left;border:0;border-bottom:1px solid rgba(198,255,0,.20);background:#081008;color:#edf5e9}.wc-afterdark-self-card:hover,.wc-afterdark-join-card:hover{background:#101b11}.wc-afterdark-self-card p,.wc-afterdark-join-card p{color:#aebaaa!important;margin:0 0 12px!important}.wc-afterdark-self-card b{font-size:42px;letter-spacing:-.07em;color:#c6ff00}.wc-afterdark-self-card b small{font-size:14px}.wc-afterdark-self-card span,.wc-afterdark-join-card span{margin-top:10px;color:#aebaaa;font-size:12px}.wc-afterdark-join-card{border-bottom:0}.wc-afterdark-join-card b{font-size:21px;line-height:1.1;letter-spacing:-.05em} html.wc-desktop-input body.wc-departure-ready .wc-afterdark-signal-board{margin:0 0 30px;border-top:1px solid rgba(198,255,0,.25);padding-top:24px}.wc-afterdark-signal-board>header{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 18px}.wc-afterdark-signal-board header p{margin:0 0 8px;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.18em}.wc-afterdark-signal-board h2{margin:0;color:#edf5e9;font-size:32px;line-height:.96;letter-spacing:-.07em}.wc-afterdark-signal-board h2 strong{color:#c6ff00}.wc-afterdark-signal-board>header>span{color:#98a596;font-size:12px}.wc-afterdark-signal-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1px;background:rgba(198,255,0,.22);border:1px solid rgba(198,255,0,.22)}.wc-afterdark-signal-grid>article,.wc-afterdark-signal-grid>aside{background:#081008}.wc-afterdark-signal-grid>article>header{padding:18px 22px;border-bottom:1px solid rgba(198,255,0,.18)}.wc-afterdark-signal-grid>article>header b{display:block;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.16em}.wc-afterdark-signal-grid>article>header span{display:block;margin-top:8px;color:#aebaaa;font-size:12px}.wc-afterdark-signal-row{width:100%;display:grid;grid-template-columns:42px 40px 1fr auto auto;gap:12px;align-items:center;min-height:78px;padding:14px 22px;text-align:left;border:0;border-bottom:1px solid rgba(198,255,0,.13);background:#081008;color:#edf5e9;cursor:pointer}.wc-afterdark-signal-row:hover{background:#111b12}.wc-afterdark-signal-row>span{color:#c6ff00;font:700 11px/1 monospace}.wc-afterdark-signal-row>i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(198,255,0,.28);font:800 10px/1 monospace;color:#c6ff00}.wc-afterdark-signal-row>div b,.wc-afterdark-signal-row>div em{display:block}.wc-afterdark-signal-row>div b{font-size:14px}.wc-afterdark-signal-row>div em{margin-top:3px;color:#aebaaa;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-afterdark-signal-row strong{font-size:17px;letter-spacing:-.04em}.wc-afterdark-signal-row strong small{font-size:10px;color:#aebaaa}.wc-afterdark-signal-row u{color:#c6ff00;font:700 10px/1 monospace;text-decoration:none}.wc-afterdark-signal-empty{padding:30px 22px}.wc-afterdark-signal-empty b,.wc-afterdark-signal-empty span{display:block}.wc-afterdark-signal-empty b{color:#edf5e9}.wc-afterdark-signal-empty span{margin-top:8px;color:#aebaaa;font-size:13px}.wc-afterdark-signal-grid>aside{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.wc-afterdark-signal-grid>aside p{margin:0 0 14px;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.16em}.wc-afterdark-signal-grid>aside h3{margin:0;color:#edf5e9;font-size:29px;line-height:.98;letter-spacing:-.07em}.wc-afterdark-signal-grid>aside h3 strong{color:#c6ff00}.wc-afterdark-signal-grid>aside>span{margin:18px 0 24px;color:#aebaaa;font-size:13px;line-height:1.65}.wc-afterdark-signal-grid>aside button{margin-top:auto} /* ===== /WC_AFTERDARK_SOCIAL_SIGNAL_20260906 ===== */ /* ===== WC_AFTERDARK_MOBILE_SAFE_CTA_20260906 ===== */ @media(max-width:1023px){ #modal-overlay.wc-afterdark-activity-open{overscroll-behavior-y:contain!important;touch-action:pan-y!important} #modal-overlay.wc-afterdark-activity-open .modal-sheet{min-height:100dvh!important;overscroll-behavior:contain!important} #modal-overlay.wc-afterdark-activity-open .modal-body{padding-bottom:calc(174px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:calc(174px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important} #modal-overlay.wc-afterdark-activity-open .modal-body>*:last-child{margin-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta{position:sticky!important;bottom:0!important;isolation:isolate!important;margin:32px -16px 0!important;padding:13px 16px calc(13px + env(safe-area-inset-bottom,0px))!important;touch-action:manipulation!important;overscroll-behavior:contain!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta::before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px;background:linear-gradient(transparent,#050906);pointer-events:none;z-index:-1} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-mobile-cta button{min-height:56px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} #modal-overlay.wc-afterdark-activity-open .wc-afterdark-chart-wrap{touch-action:pan-y!important} .wc-afterdark-social-hero{grid-template-columns:1fr!important;min-height:0!important;margin-bottom:20px!important}.wc-afterdark-social-hero>div{padding:32px 20px!important}.wc-afterdark-social-hero h1{font-size:40px!important}.wc-afterdark-social-hero>aside{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}.wc-afterdark-self-card,.wc-afterdark-join-card{min-height:164px!important;padding:22px 18px!important}.wc-afterdark-self-card b{font-size:31px!important}.wc-afterdark-join-card b{font-size:18px!important}.wc-afterdark-social-actions button{flex:1!important;padding:0 10px!important}.wc-afterdark-signal-board{padding-top:18px!important}.wc-afterdark-signal-board>header{align-items:flex-start!important;flex-direction:column!important;gap:10px}.wc-afterdark-signal-board h2{font-size:28px!important}.wc-afterdark-signal-grid{grid-template-columns:1fr!important}.wc-afterdark-signal-grid>aside{padding:22px!important}.wc-afterdark-signal-row{grid-template-columns:28px 32px 1fr auto!important;gap:8px!important;padding:14px!important;min-height:72px!important}.wc-afterdark-signal-row u{display:none!important}.wc-afterdark-signal-row>div em{max-width:145px!important}.wc-afterdark-signal-grid>aside h3{font-size:26px!important} } /* ===== /WC_AFTERDARK_MOBILE_SAFE_CTA_20260906 ===== */ /* ===== WC_AFTERDARK_LEADERBOARD_ONBOARDING_20260906 ===== */ .wc-first-run-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overflow:auto;background:rgba(2,7,4,.94);color:#edf5e9}.wc-first-run-board{position:relative;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(480px,1.4fr);width:min(1120px,100%);min-height:560px;border:1px solid rgba(198,255,0,.48);background:#071008;box-shadow:0 26px 90px rgba(0,0,0,.65)}.wc-first-run-intro{display:flex;flex-direction:column;justify-content:center;padding:58px 54px;border-right:1px solid rgba(198,255,0,.25);background:#0a140c}.wc-first-run-intro p,.wc-first-run-decisions i{margin:0;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.16em}.wc-first-run-intro p i{display:inline-block;width:7px;height:7px;margin-right:8px;background:#c6ff00}.wc-first-run-intro h1{margin:22px 0 20px;color:#edf5e9;font-size:54px;line-height:.91;letter-spacing:-.09em}.wc-first-run-intro h1 strong{color:#c6ff00}.wc-first-run-intro>span{max-width:330px;color:#b4c0b0;font-size:15px;line-height:1.7}.wc-first-run-intro small{margin-top:30px;padding-top:16px;border-top:1px solid rgba(198,255,0,.2);color:#81907e;font-size:12px;line-height:1.55}.wc-first-run-close{position:absolute;top:12px;right:14px;width:40px;height:40px;border:1px solid rgba(198,255,0,.28);border-radius:2px;background:#071008;color:#c6ff00;font:300 28px/1 sans-serif;cursor:pointer}.wc-first-run-close:hover{background:#162516}.wc-first-run-decisions{display:grid;grid-template-rows:repeat(3,1fr);padding:20px;background:#071008}.wc-first-run-choice{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;width:100%;padding:26px 24px;border:0;border-bottom:1px solid rgba(198,255,0,.18);border-radius:0;background:#071008;color:#edf5e9;text-align:left;cursor:pointer}.wc-first-run-choice:last-child{border-bottom:0}.wc-first-run-choice:hover,.wc-first-run-choice:focus-visible{background:#121f12;outline:0}.wc-first-run-choice.is-primary{background:#c6ff00;color:#071008}.wc-first-run-choice i{grid-row:1 / 3;display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;font-style:normal}.wc-first-run-choice b{font-size:21px;letter-spacing:-.045em}.wc-first-run-choice span{grid-column:2;color:#aebaaa;font-size:13px;line-height:1.55}.wc-first-run-choice.is-primary span{color:#2c3c22}.wc-first-run-choice em{grid-column:3;grid-row:1 / 3;font:800 10px/1 monospace;letter-spacing:.12em;font-style:normal}.wc-afterdark-leaderboard{margin:0 0 30px;border-top:1px solid rgba(198,255,0,.25);padding-top:24px}.wc-afterdark-leaderboard>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.wc-afterdark-leaderboard>header p{margin:0 0 9px;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.18em}.wc-afterdark-leaderboard>header h2{margin:0;color:#edf5e9;font-size:32px;line-height:.96;letter-spacing:-.07em}.wc-afterdark-leaderboard>header h2 strong{color:#c6ff00}.wc-afterdark-leaderboard>header>span{color:#98a596;font-size:12px}.wc-afterdark-rank-tabs,.wc-afterdark-rank-clubs{display:flex;gap:1px;margin-bottom:1px;background:rgba(198,255,0,.22)}.wc-afterdark-rank-tabs button,.wc-afterdark-rank-clubs button{min-height:43px;padding:0 18px;border:0;border-radius:0;background:#09110a;color:#aebaaa;font:800 11px/1 monospace;letter-spacing:.05em;cursor:pointer}.wc-afterdark-rank-tabs button:hover,.wc-afterdark-rank-tabs button.is-active,.wc-afterdark-rank-clubs button:hover,.wc-afterdark-rank-clubs button.is-active{background:#c6ff00;color:#071008}.wc-afterdark-rank-clubs{margin-top:1px}.wc-afterdark-rank-clubs button{background:#111b12;font-size:10px}.wc-afterdark-rank-shell{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:1px;background:rgba(198,255,0,.22);border:1px solid rgba(198,255,0,.22)}.wc-afterdark-rank-shell>article,.wc-afterdark-rank-shell>aside{background:#081008}.wc-afterdark-rank-shell>article>header{padding:19px 22px;border-bottom:1px solid rgba(198,255,0,.18)}.wc-afterdark-rank-shell>article>header b{display:block;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.16em}.wc-afterdark-rank-shell>article>header span{display:block;margin-top:8px;color:#aebaaa;font-size:12px}.wc-afterdark-rank-podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1px;min-height:154px;background:rgba(198,255,0,.16);border-bottom:1px solid rgba(198,255,0,.18)}.wc-afterdark-rank-podium-item{display:flex;flex-direction:column;justify-content:flex-end;min-height:112px;padding:14px;background:#09110a}.wc-afterdark-rank-podium-item.p1{min-height:150px;background:#111f0d}.wc-afterdark-rank-podium-item.p2{min-height:130px}.wc-afterdark-rank-podium-item.p3{min-height:119px}.wc-afterdark-rank-podium-item.is-me{box-shadow:inset 3px 0 #c6ff00}.wc-afterdark-rank-podium-item>span{color:#c6ff00;font:800 12px/1 monospace}.wc-afterdark-rank-podium-item b{margin-top:12px;overflow:hidden;color:#edf5e9;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.wc-afterdark-rank-podium-item strong{margin-top:5px;color:#c6ff00;font-size:24px;letter-spacing:-.06em}.wc-afterdark-rank-podium-item strong small,.wc-afterdark-rank-row strong small{margin-left:3px;color:#aebaaa;font-size:10px;letter-spacing:0}.wc-afterdark-rank-row{display:grid;grid-template-columns:38px 36px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:69px;padding:12px 22px;border-bottom:1px solid rgba(198,255,0,.13);background:#081008}.wc-afterdark-rank-row.is-me{background:#172615;box-shadow:inset 3px 0 #c6ff00}.wc-afterdark-rank-row>span{color:#c6ff00;font:800 11px/1 monospace}.wc-afterdark-rank-row>i{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(198,255,0,.28);border-radius:50%;color:#c6ff00;font:800 11px/1 monospace;font-style:normal}.wc-afterdark-rank-row>div{min-width:0}.wc-afterdark-rank-row b{display:block;overflow:hidden;color:#edf5e9;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.wc-afterdark-rank-row b em{margin-left:7px;color:#c6ff00;font:800 9px/1 monospace;font-style:normal;letter-spacing:.1em}.wc-afterdark-rank-row small{display:block;margin-top:4px;color:#98a596;font-size:11px}.wc-afterdark-rank-row>strong{color:#edf5e9;font-size:18px;letter-spacing:-.04em}.wc-afterdark-rank-empty{display:flex;flex-direction:column;align-items:flex-start;padding:30px 22px}.wc-afterdark-rank-empty b{color:#edf5e9}.wc-afterdark-rank-empty span{margin-top:8px;color:#aebaaa;font-size:13px;line-height:1.6}.wc-afterdark-rank-empty button,.wc-afterdark-rank-shell>aside button{margin-top:20px;min-height:42px;padding:0 15px;border:1px solid rgba(198,255,0,.45);border-radius:2px;background:transparent;color:#c6ff00;font:800 11px/1 monospace;letter-spacing:.06em;cursor:pointer}.wc-afterdark-rank-empty button:hover,.wc-afterdark-rank-shell>aside button:hover{background:#c6ff00;color:#071008}.wc-afterdark-rank-own{display:flex;align-items:center;gap:12px;padding:15px 22px;background:#111b12;color:#aebaaa;font-size:12px}.wc-afterdark-rank-own b{color:#c6ff00;font:800 13px/1 monospace}.wc-afterdark-rank-own span{margin-left:auto}.wc-afterdark-rank-shell>aside{display:flex;flex-direction:column;align-items:flex-start;padding:28px}.wc-afterdark-rank-shell>aside p{margin:0 0 14px;color:#c6ff00;font:800 10px/1 monospace;letter-spacing:.16em}.wc-afterdark-rank-shell>aside h3{margin:0;color:#edf5e9;font-size:29px;line-height:.98;letter-spacing:-.07em}.wc-afterdark-rank-shell>aside h3 strong{color:#c6ff00}.wc-afterdark-rank-shell>aside>span{margin:18px 0 24px;color:#aebaaa;font-size:13px;line-height:1.65}.wc-afterdark-rank-shell>aside button{margin-top:auto}@media (max-width:1023px){.wc-first-run-overlay{place-items:stretch;padding:0}.wc-first-run-board{grid-template-columns:1fr;min-height:100dvh;border:0}.wc-first-run-intro{justify-content:flex-end;min-height:31dvh;padding:calc(28px + env(safe-area-inset-top)) 22px 24px;border-right:0;border-bottom:1px solid rgba(198,255,0,.25)}.wc-first-run-intro h1{margin:18px 0 14px;font-size:43px}.wc-first-run-intro>span{font-size:14px}.wc-first-run-intro small{margin-top:16px;padding-top:12px}.wc-first-run-close{top:calc(14px + env(safe-area-inset-top));right:16px}.wc-first-run-decisions{padding:10px 14px calc(18px + env(safe-area-inset-bottom))}.wc-first-run-choice{grid-template-columns:38px minmax(0,1fr) auto;padding:19px 12px;column-gap:11px}.wc-first-run-choice b{font-size:17px}.wc-first-run-choice span{font-size:12px}.wc-first-run-choice em{font-size:9px}.wc-first-run-choice i{width:29px;height:29px}.wc-afterdark-leaderboard{padding-top:18px}.wc-afterdark-leaderboard>header{align-items:flex-start;flex-direction:column;gap:10px}.wc-afterdark-leaderboard>header h2{font-size:28px}.wc-afterdark-rank-tabs{overflow-x:auto}.wc-afterdark-rank-tabs button{flex:0 0 auto;padding:0 15px}.wc-afterdark-rank-shell{grid-template-columns:1fr}.wc-afterdark-rank-shell>aside{padding:22px}.wc-afterdark-rank-shell>aside h3{font-size:26px}.wc-afterdark-rank-row{grid-template-columns:26px 32px minmax(0,1fr) auto;gap:8px;padding:12px 14px}.wc-afterdark-rank-row>strong{font-size:16px}.wc-afterdark-rank-podium-item{padding:12px 9px}.wc-afterdark-rank-podium-item strong{font-size:20px}.wc-afterdark-rank-own{padding:14px}.wc-afterdark-rank-own span{font-size:11px}} /* ===== /WC_AFTERDARK_LEADERBOARD_ONBOARDING_20260906 ===== */ /* ===== WC_AFTERDARK_MOBILE_AUTH_GUARD_20260906 ===== */ @media (max-width:1023px){ .wc-first-run-overlay{min-height:100svh;min-height:100dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .wc-first-run-board{min-height:100svh;min-height:100dvh;isolation:isolate} .wc-first-run-decisions{scroll-padding-bottom:calc(18px + env(safe-area-inset-bottom))} } /* ===== /WC_AFTERDARK_MOBILE_AUTH_GUARD_20260906 ===== */ /* WC_REFERENCE_AUTH_KEYBOARD_SCENE_20260907 */ /* Fixed auth shell isolates the legacy footer, while an inner scroll surface follows the visual viewport when the mobile keyboard opens. */ #auth-screen { position:fixed!important; inset:0!important; z-index:10000!important; display:none; width:100%!important; height:100dvh!important; min-height:0!important; box-sizing:border-box!important; overflow:hidden!important; isolation:isolate; align-items:center!important; justify-content:center!important; padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))!important; background:linear-gradient(180deg,rgb(4 8 9 / 28%),rgb(3 6 7 / 74%)),url('/command-center/assets/wherecrew_reference_scene_master.jpg') center / cover no-repeat!important; } #auth-screen::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(110deg,rgb(220 158 71 / 17%),transparent 38%,rgb(6 12 13 / 44%) 78%); } #auth-screen .auth-page { width:min(430px,100%)!important; max-width:430px!important; max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; min-height:0!important; box-sizing:border-box!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; margin:0!important; padding:24px 22px 22px!important; border:1px solid rgb(255 247 228 / 28%)!important; border-radius:26px!important; color:rgb(250 248 239)!important; background:rgb(12 16 17 / 62%)!important; backdrop-filter:blur(14px) saturate(.90)!important; -webkit-backdrop-filter:blur(14px) saturate(.90)!important; box-shadow:inset 0 1px 0 rgb(255 250 239 / 25%),0 26px 74px rgb(0 0 0 / 32%)!important; } #auth-screen .auth-logo { display:flex!important; align-items:center; justify-content:flex-start; gap:11px; min-height:42px!important; margin:0 0 22px!important; padding:0!important; text-align:left!important; background:transparent!important; } #auth-screen .auth-logo img { content:url('/img/brand/final/wherecrew-lockup-orange.png?v=20260905brand2')!important; width:auto!important; height:34px!important; max-width:118px!important; max-height:34px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; filter:none!important; box-shadow:none!important; } #auth-screen .auth-logo > div { margin:0!important; color:rgb(238 241 232 / 68%)!important; font-size:10px!important; line-height:1.35!important; letter-spacing:.07em!important; } #auth-screen #auth-social-section { margin:0 0 14px!important; } #auth-screen .social-btn { min-height:50px!important; margin-bottom:10px!important; border-radius:14px!important; background:rgb(255 251 242 / 90%)!important; border-color:rgb(255 250 240 / 60%)!important; color:#17201c!important; box-shadow:none!important; } #auth-screen .kakao-btn { background:#fee500!important; border-color:#fee500!important; color:#181713!important; } #auth-screen .divider { margin:16px 0!important; color:rgb(245 245 235 / 57%)!important; } #auth-screen .divider::before,#auth-screen .divider::after { background:rgb(255 247 229 / 17%)!important; } #auth-screen .form-group { margin-bottom:11px!important; } #auth-screen .form-label { color:rgb(250 248 239 / 78%)!important; font-size:11px!important; letter-spacing:.06em!important; } #auth-screen .auth-input,#auth-screen .form-input { min-height:50px!important; box-sizing:border-box!important; margin-bottom:0!important; padding:13px 14px!important; border:1px solid rgb(255 247 228 / 23%)!important; border-radius:14px!important; background:rgb(7 11 12 / 54%)!important; color:rgb(255 252 244)!important; -webkit-text-fill-color:rgb(255 252 244)!important; box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%)!important; } #auth-screen .auth-input:focus,#auth-screen .form-input:focus { border-color:rgb(198 255 0 / 78%)!important; box-shadow:0 0 0 3px rgb(198 255 0 / 12%),inset 0 1px 0 rgb(255 255 255 / 8%)!important; } #auth-screen .btn-primary { min-height:50px!important; border-radius:14px!important; background:#c6ff00!important; color:#11180e!important; box-shadow:none!important; } #auth-screen .btn-primary:hover,#auth-screen .btn-primary:active { background:#c6ff00!important; color:#11180e!important; } #auth-screen .btn-primary + div span { color:rgb(245 245 235 / 65%)!important; } #auth-screen .btn-primary + div button { color:#c6ff00!important; } @media (max-width:699px) { #auth-screen { align-items:flex-start!important; padding-top:calc(14px + env(safe-area-inset-top))!important; padding-bottom:calc(12px + env(safe-area-inset-bottom))!important; } #auth-screen .auth-page { width:100%!important; max-width:none!important; max-height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; padding:18px 18px 20px!important; border-radius:22px!important; } #auth-screen .auth-logo { margin-bottom:17px!important; } #auth-screen .auth-logo img { height:30px!important; max-height:30px!important; max-width:106px!important; } #auth-screen .auth-logo > div { font-size:9px!important; } #auth-screen .social-btn { min-height:46px!important; font-size:14px!important; } #auth-screen .divider { margin:13px 0!important; } #auth-screen .form-group { margin-bottom:8px!important; } #auth-screen .form-label { display:block!important; margin-bottom:5px!important; } #auth-screen .auth-input,#auth-screen .form-input { min-height:46px!important; } #auth-screen .btn-primary { min-height:46px!important; } } @media (max-height:660px) and (max-width:699px) { #auth-screen .auth-page { padding-top:13px!important; padding-bottom:14px!important; } #auth-screen .auth-logo { margin-bottom:10px!important; min-height:32px!important; } #auth-screen #auth-social-section { margin-bottom:9px!important; } #auth-screen .social-btn { min-height:42px!important; margin-bottom:7px!important; } #auth-screen .divider { margin:9px 0!important; } } /* WC_AUTH_RESPONSIVE_CENTERING_20260907 */ /* Keep the auth object centred on desktop/tablet; compact mobile keeps a safe top anchor while preserving horizontal centring. */ #auth-screen { flex-direction:column!important; align-items:center!important; } #auth-screen .auth-page { align-self:center!important; margin-left:auto!important; margin-right:auto!important; } @media (min-width:700px) { #auth-screen { justify-content:center!important; } } @media (max-width:699px) { #auth-screen { align-items:center!important; justify-content:flex-start!important; } #auth-screen .auth-page { align-self:center!important; margin-left:auto!important; margin-right:auto!important; } } /* ===== /WC_AUTH_RESPONSIVE_CENTERING_20260907 ===== */ /* WC_AUTH_LEGIBILITY_20260907 */ /* Use the approved transparent orange WC mark and keep filled credentials readable in all browser autofill states. */ #auth-screen .auth-logo { flex-direction:column!important; justify-content:center!important; gap:8px!important; min-height:58px!important; margin-bottom:24px!important; text-align:center!important; } #auth-screen .auth-logo img { content:url('/img/brand/review/wherecrew-wc-icon-approved-traced-fixed.png?v=20260907authmark1')!important; display:block!important; width:42px!important; height:42px!important; min-width:42px!important; max-width:42px!important; max-height:42px!important; object-fit:contain!important; margin:0!important; background:transparent!important; } #auth-screen .auth-logo > div { width:100%!important; color:rgb(244 247 239 / 76%)!important; font-size:12px!important; font-weight:600!important; line-height:1.45!important; letter-spacing:.045em!important; text-align:center!important; } #auth-screen .social-btn { min-height:54px!important; font-size:17px!important; font-weight:750!important; } #auth-screen .divider { margin:18px 0!important; font-size:13px!important; font-weight:650!important; } #auth-screen .form-group { margin-bottom:14px!important; } #auth-screen .form-label { margin-bottom:7px!important; color:rgb(249 249 241 / 88%)!important; font-size:13px!important; font-weight:750!important; letter-spacing:.035em!important; } #auth-screen .auth-input,#auth-screen .form-input { min-height:54px!important; padding:14px 16px!important; border-color:rgb(255 247 228 / 32%)!important; background:#101615!important; color:#f4f7ef!important; -webkit-text-fill-color:#f4f7ef!important; caret-color:#c6ff00!important; font-size:16px!important; font-weight:600!important; line-height:1.2!important; } #auth-screen .auth-input::placeholder,#auth-screen .form-input::placeholder { color:rgb(224 230 219 / 62%)!important; -webkit-text-fill-color:rgb(224 230 219 / 62%)!important; opacity:1!important; } #auth-screen input:-webkit-autofill,#auth-screen input:-webkit-autofill:hover,#auth-screen input:-webkit-autofill:focus,#auth-screen input:-webkit-autofill:active { -webkit-text-fill-color:#f4f7ef!important; caret-color:#c6ff00!important; -webkit-box-shadow:0 0 0 1000px #101615 inset!important; box-shadow:0 0 0 1000px #101615 inset!important; border-color:rgb(198 255 0 / 44%)!important; transition:background-color 9999s ease-out 0s!important; } #auth-screen .btn-primary { min-height:54px!important; font-size:17px!important; font-weight:850!important; letter-spacing:-.02em!important; } #auth-screen .btn-primary + div { margin-top:18px!important; } #auth-screen .btn-primary + div span,#auth-screen .btn-primary + div button { font-size:14px!important; } @media (max-width:699px) { #auth-screen .auth-logo { min-height:50px!important; margin-bottom:18px!important; gap:6px!important; } #auth-screen .auth-logo img { width:38px!important; height:38px!important; min-width:38px!important; max-width:38px!important; max-height:38px!important; } #auth-screen .auth-logo > div { font-size:11px!important; } #auth-screen .social-btn { min-height:48px!important; font-size:16px!important; } #auth-screen .divider { margin:14px 0!important; font-size:12px!important; } #auth-screen .form-group { margin-bottom:10px!important; } #auth-screen .form-label { margin-bottom:6px!important; font-size:12px!important; } #auth-screen .auth-input,#auth-screen .form-input { min-height:48px!important; padding:12px 14px!important; font-size:16px!important; } #auth-screen .btn-primary { min-height:48px!important; font-size:16px!important; } #auth-screen .btn-primary + div { margin-top:14px!important; } #auth-screen .btn-primary + div span,#auth-screen .btn-primary + div button { font-size:13px!important; } } /* ===== /WC_AUTH_LEGIBILITY_20260907 ===== */ /* WC_AUTH_LOGIN_LOGO_PROPORTION_20260907 */ /* Login-only mark: crop the source canvas through a pseudo-element so no baked white outer pixels reach the UI. */ #auth-screen .auth-logo { min-height:68px!important; margin-bottom:28px!important; gap:9px!important; } #auth-screen .auth-logo img { display:none!important; content:none!important; width:0!important; height:0!important; min-width:0!important; max-width:0!important; max-height:0!important; } #auth-screen .auth-logo::before { display:block!important; content:""!important; flex:0 0 48px!important; width:48px!important; height:48px!important; margin:0!important; padding:0!important; border:0!important; border-radius:12px!important; background-color:transparent!important; background-image:url('/img/brand/review/wherecrew-wc-icon-approved-traced-fixed.png?v=20260907authmarkcrop2')!important; background-repeat:no-repeat!important; background-position:center!important; background-size:111%!important; box-shadow:none!important; filter:none!important; } #auth-screen .auth-logo > div { color:rgb(244 247 239 / 78%)!important; font-size:13px!important; font-weight:650!important; line-height:1.45!important; letter-spacing:.035em!important; } @media (max-width:699px) { #auth-screen .auth-logo { min-height:56px!important; margin-bottom:20px!important; gap:7px!important; } #auth-screen .auth-logo::before { flex-basis:40px!important; width:40px!important; height:40px!important; border-radius:10px!important; } #auth-screen .auth-logo > div { font-size:11px!important; line-height:1.4!important; letter-spacing:.03em!important; } } /* ===== /WC_AUTH_LOGIN_LOGO_PROPORTION_20260907 ===== */ /* WC_AUTH_LOGIN_LOGO_POSITION_FIX_20260907 */ /* Earlier legacy art rules positioned this pseudo-element at -40px. The login-only mark must remain in the auth-logo flex flow. */ #auth-screen .auth-logo::before { position:static!important; inset:auto!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; align-self:center!important; transform:none!important; } /* ===== /WC_AUTH_LOGIN_LOGO_POSITION_FIX_20260907 ===== */ /* WC_AUTH_FOCUS_STABILITY_20260907 The mobile auth composition is invariant while a field receives focus. Keyboard handling never changes shell height, alignment, logo size or card geometry; the scrollable panel is the sole reveal target after a browser-reported viewport reduction. */ @media (max-width:699px) { #auth-screen { align-items:center!important; justify-content:center!important; } #auth-screen .auth-logo { min-height:64px!important; margin-bottom:24px!important; gap:9px!important; } #auth-screen .auth-logo::before { flex-basis:48px!important; width:48px!important; height:48px!important; border-radius:12px!important; } #auth-screen .auth-logo > div { font-size:12px!important; line-height:1.45!important; letter-spacing:.035em!important; } #auth-screen .auth-page { scroll-padding:18px 0 24px!important; overscroll-behavior-y:contain!important; } #auth-screen .auth-input:focus,#auth-screen .form-input:focus { scroll-margin:26px 0 30px!important; } } /* ===== /WC_AUTH_FOCUS_STABILITY_20260907 ===== */ /* WC_ATLAS_LIVE_LOCATION_20260907: real terrain, route, and member-location hierarchy. */ .wc-atlas-map{position:fixed;inset:0;z-index:10003;overflow:hidden;background:#101716;color:#f4f7ef;font-family:inherit} .wc-atlas-canvas{position:absolute;inset:0;background:#101716}.wc-atlas-canvas .leaflet-control-zoom{border:1px solid rgba(231,241,221,.32)!important;box-shadow:none!important}.wc-atlas-canvas .leaflet-control-zoom a{background:rgba(15,22,21,.88)!important;color:#f4f7ef!important;border-color:rgba(231,241,221,.18)!important} .wc-atlas-map::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,9,.66),transparent 39%,rgba(5,10,9,.10) 66%,rgba(5,10,9,.66)),linear-gradient(0deg,rgba(5,10,9,.72),transparent 32%,rgba(5,10,9,.4));z-index:400} .wc-atlas-topbar{position:absolute;z-index:510;top:0;left:0;right:0;height:82px;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid rgba(231,241,221,.18);background:linear-gradient(180deg,rgba(9,15,14,.88),rgba(9,15,14,.22));pointer-events:auto}.wc-atlas-close{width:40px;height:40px;border:1px solid rgba(231,241,221,.35);border-radius:50%;background:rgba(15,22,21,.65);color:#f4f7ef;font-size:21px;cursor:pointer}.wc-atlas-title{display:grid;gap:3px}.wc-atlas-title p{margin:0;color:#bdcbbd;font-size:10px;font-weight:800;letter-spacing:.16em}.wc-atlas-title strong{font-size:18px;letter-spacing:-.03em}.wc-atlas-status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#e7f1dd}.wc-atlas-status i,.wc-atlas-route-sheet p i{width:8px;height:8px;border-radius:50%;background:#c6ff3b;box-shadow:0 0 0 5px rgba(198,255,59,.12)} .wc-atlas-map-graticule{position:absolute;z-index:401;inset:82px 0 0;pointer-events:none;opacity:.30;background-image:linear-gradient(rgba(220,236,216,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(220,236,216,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 76%)} .wc-atlas-route-sheet{position:absolute;z-index:510;top:122px;left:28px;width:278px;padding:20px;border:1px solid rgba(231,241,221,.25);background:rgba(13,22,20,.76);backdrop-filter:blur(14px);pointer-events:none}.wc-atlas-route-sheet p{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#c6ff3b;font-size:10px;font-weight:900;letter-spacing:.13em}.wc-atlas-route-sheet h2{margin:0 0 8px;font-size:24px;line-height:1.15;letter-spacing:-.055em}.wc-atlas-route-sheet>span{display:block;color:#bdcbbd;font-size:12px;line-height:1.55}.wc-atlas-route-legend{display:flex;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(231,241,221,.16)}.wc-atlas-route-legend b{display:flex;align-items:center;gap:5px;color:#e7f1dd;font-size:10px}.wc-atlas-route-legend em{width:8px;height:8px;border-radius:50%;background:#f97316}.wc-atlas-route-legend b+ b em{border-radius:0;background:#c6ff3b} .wc-atlas-map-scale{position:absolute;z-index:510;left:28px;bottom:118px;display:flex;align-items:center;gap:10px;color:#dbe5d5;font-size:10px;font-weight:800;letter-spacing:.14em}.wc-atlas-map-scale i{width:82px;height:1px;background:#dbe5d5}.wc-atlas-member-dock{position:absolute;z-index:510;right:28px;bottom:28px;left:340px;min-height:82px;display:flex;align-items:center;justify-content:flex-end;gap:10px;overflow-x:auto;padding:10px 0;pointer-events:auto}.wc-atlas-member{display:flex;align-items:center;gap:9px;min-width:154px;padding:8px;border:1px solid rgba(231,241,221,.18);background:rgba(13,22,20,.78);backdrop-filter:blur(12px);color:#f4f7ef;text-align:left;cursor:pointer}.wc-atlas-member img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #a8b7a7}.wc-atlas-member.is-active img{border-color:#c6ff3b;box-shadow:0 0 0 4px rgba(198,255,59,.13)}.wc-atlas-member span{display:grid;gap:3px}.wc-atlas-member b{font-size:12px}.wc-atlas-member em{color:#aab7a9;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em}.wc-atlas-member.is-active em{color:#c6ff3b}.wc-atlas-empty{margin:0;color:#bdcbbd;font-size:12px}.wc-atlas-leaflet-pin{background:none!important;border:0!important}.wc-atlas-member-pin{position:relative;width:72px;text-align:center}.wc-atlas-member-pin img{width:42px;height:42px;border:3px solid #f4f7ef;border-radius:50%;object-fit:cover;background:#263430;box-shadow:0 0 0 5px rgba(244,247,239,.13)}.wc-atlas-member-pin.is-active img{border-color:#c6ff3b;box-shadow:0 0 0 6px rgba(198,255,59,.2)}.wc-atlas-member-pin i{position:absolute;top:2px;right:13px;width:11px;height:11px;border:2px solid #10201b;border-radius:50%;background:#c6ff3b}.wc-atlas-member-pin span{display:block;margin-top:5px;color:#f4f7ef;font-size:10px;font-weight:800;white-space:nowrap;text-shadow:0 1px 4px #000}.wc-atlas-popup{display:grid;gap:4px}.wc-atlas-popup b{font-size:13px}.wc-atlas-popup span{font-size:11px;color:#53645b} @media(max-width:699px){.wc-atlas-topbar{height:64px;padding:0 15px;gap:10px}.wc-atlas-close{width:34px;height:34px;font-size:18px}.wc-atlas-title p{font-size:8px}.wc-atlas-title strong{font-size:14px}.wc-atlas-status span{font-size:10px}.wc-atlas-map-graticule{inset:64px 0 0;background-size:54px 54px}.wc-atlas-route-sheet{top:auto;bottom:100px;left:14px;right:14px;width:auto;padding:14px;background:rgba(13,22,20,.83)}.wc-atlas-route-sheet h2{font-size:19px}.wc-atlas-route-sheet>span{font-size:11px}.wc-atlas-route-legend{margin-top:12px;padding-top:10px}.wc-atlas-map-scale{display:none}.wc-atlas-member-dock{right:0;bottom:8px;left:0;justify-content:flex-start;padding:8px 14px;gap:8px;min-height:76px}.wc-atlas-member{min-width:136px;padding:7px}.wc-atlas-member img{width:33px;height:33px}.wc-atlas-map::after{background:linear-gradient(0deg,rgba(5,10,9,.82),transparent 34%,rgba(5,10,9,.3))}} /* ===== /WC_ATLAS_LIVE_LOCATION_20260907 ===== */ /* WC_FIRST_RUN_MOBILE_TOP_START_20260907 Phone onboarding is a purpose-built vertical composition, not a collapsed desktop grid. The first decision must remain in the first viewport while safe areas stay clear. */ @media (max-width:699px) { .wc-first-run-overlay { display:block!important; min-height:100svh!important; min-height:100dvh!important; overflow-y:auto!important; padding:0!important; } .wc-first-run-board { display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; min-height:100svh!important; min-height:100dvh!important; } .wc-first-run-intro { flex:0 0 auto!important; min-height:0!important; justify-content:flex-start!important; padding:calc(88px + env(safe-area-inset-top)) 22px 20px!important; } .wc-first-run-intro h1 { margin:14px 0 12px!important; font-size:clamp(37px,10.2vw,43px)!important; line-height:.97!important; } .wc-first-run-intro > span { font-size:14px!important; line-height:1.6!important; } .wc-first-run-intro small { margin-top:15px!important; padding-top:12px!important; } .wc-first-run-decisions { flex:1 0 auto!important; padding:8px 14px calc(18px + env(safe-area-inset-bottom))!important; } .wc-first-run-choice { padding:18px 12px!important; } } @media (max-width:699px) and (max-height:720px) { .wc-first-run-intro { padding-top:calc(70px + env(safe-area-inset-top))!important; padding-bottom:16px!important; } .wc-first-run-intro h1 { font-size:36px!important; } .wc-first-run-intro small { display:none!important; } .wc-first-run-choice { padding:15px 12px!important; } } /* ===== /WC_FIRST_RUN_MOBILE_TOP_START_20260907 ===== */ /* ===== WC_ATLAS_SOCIAL_SURFACES_20260907 ===== Home → field notes → crew is a continuous dark terrain system. Existing API content and action handlers remain unchanged. */ .home-layout, .feed-layout, .crew-layout { --wc-atlas-ground: #07120d; --wc-atlas-panel: #0c1a12; --wc-atlas-line: rgba(221,241,208,.18); --wc-atlas-text: #eff8e8; --wc-atlas-muted: #9caf9c; --wc-atlas-lime: #c6ff3b; --wc-atlas-orange: #f47727; background: var(--wc-atlas-ground) !important; color: var(--wc-atlas-text) !important; } .home-layout *, .feed-layout *, .crew-layout * { box-shadow: none; } .home-layout .home-main, .feed-layout .feed-main, .crew-layout .crew-main, .home-layout .home-primary, .feed-layout .feed-list, .crew-layout .crew-board { background: transparent !important; } .home-layout .home-heading, .feed-layout .feed-heading, .crew-layout .crew-heading, .home-layout h1, .feed-layout h1, .crew-layout h1, .home-layout h2, .feed-layout h2, .crew-layout h2 { color: var(--wc-atlas-text) !important; letter-spacing: -.045em; } .home-layout p, .feed-layout p, .crew-layout p, .home-layout .home-context, .feed-layout .feed-entry-meta, .crew-layout .crew-meta { color: var(--wc-atlas-muted) !important; } .home-layout .home-workspace, .feed-layout .feed-entry, .crew-layout .crew-row, .crew-layout .crew-panel, .crew-layout .crew-inspector, .feed-layout .feed-side, .home-layout .home-rail, .home-layout .home-stats { background: var(--wc-atlas-panel) !important; border: 1px solid var(--wc-atlas-line) !important; border-radius: 0 !important; } .home-layout .home-workspace, .feed-layout .feed-entry, .crew-layout .crew-row { overflow: hidden; } .home-layout .home-workspace::before, .feed-layout .feed-entry::before, .crew-layout .crew-row::before { content: 'FIELD / LIVE'; display: block; padding: 9px 12px 8px; font: 800 9px/1 monospace; letter-spacing: .13em; color: var(--wc-atlas-lime); border-bottom: 1px solid var(--wc-atlas-line); } .feed-layout .feed-filter-row, .crew-layout .crew-types, .home-layout .home-rail-section { border-color: var(--wc-atlas-line) !important; } .feed-layout button, .crew-layout button, .home-layout button, .feed-layout .feed-filter-row > *, .crew-layout .crew-types > * { border-radius: 0 !important; } .feed-layout button:hover, .crew-layout button:hover, .home-layout button:hover { border-color: var(--wc-atlas-lime) !important; } .feed-layout .feed-entry-stats, .home-layout .home-stats, .crew-layout .crew-statline { border-color: var(--wc-atlas-line) !important; } @media (min-width: 1024px) { .home-layout, .feed-layout, .crew-layout { max-width: 1480px; margin: 0 auto; min-height: calc(100vh - 72px); } .home-layout .home-main, .feed-layout .feed-main, .crew-layout .crew-main { min-width: 0; } .home-layout .home-rail, .feed-layout .feed-side, .crew-layout .crew-inspector { position: sticky; top: 86px; align-self: start; } } @media (max-width: 699px) { .home-layout, .feed-layout, .crew-layout { padding-bottom: calc(86px + env(safe-area-inset-bottom)); } .home-layout .home-workspace, .feed-layout .feed-entry, .crew-layout .crew-row { margin-inline: 12px; } .home-layout .home-workspace::before, .feed-layout .feed-entry::before, .crew-layout .crew-row::before { padding-inline: 11px; } } /* ===== /WC_ATLAS_SOCIAL_SURFACES_20260907 ===== */ /* ===== WC_ATLAS_ACTIVITY_ANALYTICS_20260907 ===== Activity data stays factual; the chrome is a technical terrain-analysis layer. */ #modal-overlay.wc-afterdark-activity-open .modal-sheet, #modal-overlay.wc-afterdark-activity-open .modal-body { background:#07120d !important; color:#eff8e8 !important; border-color:rgba(221,241,208,.18) !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-kicker { display:flex; justify-content:space-between; align-items:center; gap:18px; color:#c6ff3b !important; border-bottom:1px solid rgba(221,241,208,.18); padding-bottom:11px; font:800 10px/1 monospace; letter-spacing:.12em; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-kicker b { color:#eff8e8; font-size:10px; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-map-frame, #modal-overlay.wc-afterdark-activity-open .wc-afterdark-elevation-panel { background:#0c1a12 !important; border:1px solid rgba(221,241,208,.18) !important; border-radius:0 !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-metrics { background:#0c1a12 !important; border:1px solid rgba(221,241,208,.18) !important; border-radius:0 !important; } #modal-overlay.wc-afterdark-activity-open canvas { filter:saturate(.72) contrast(1.1); } #modal-overlay.wc-afterdark-activity-open button { border-radius:0 !important; } #modal-overlay.wc-afterdark-activity-open button[style*="background"] { background:#c6ff3b !important; color:#07120d !important; } @media (max-width:699px) { #modal-overlay.wc-afterdark-activity-open .modal-sheet { border-radius:0 !important; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-activity-kicker { font-size:8px; } #modal-overlay.wc-afterdark-activity-open .wc-afterdark-map-frame { margin-inline:-2px; } } /* ===== /WC_ATLAS_ACTIVITY_ANALYTICS_20260907 ===== */ /* ===== WC_ATLAS_PROFILE_PC_CONTROL_20260907 ===== A personal route record becomes a field-control surface, not a generic account page. */ .wc-afterdark-self-card, .wc-afterdark-metrics, .wc-afterdark-command, .wc-afterdark-leaderboard, .wc-afterdark-signal-board, .wc-move-market-pulse, .wc-afterdark-route-list, .wc-afterdark-runbook { background:#0c1a12 !important; border:1px solid rgba(221,241,208,.18) !important; border-radius:0 !important; box-shadow:none !important; } .wc-afterdark-self-card::before, .wc-afterdark-leaderboard::before, .wc-afterdark-signal-board::before, .wc-move-market-pulse::before { content:'PERSONAL / FIELD CONTROL'; display:block; padding:10px 13px 9px; border-bottom:1px solid rgba(221,241,208,.18); color:#c6ff3b; font:800 9px/1 monospace; letter-spacing:.13em; } .wc-afterdark-self-card, .wc-afterdark-signal-board, .wc-move-market-pulse { overflow:hidden; } .wc-afterdark-chart-wrap, .wc-afterdark-pace-panel, .wc-afterdark-map, .wc-afterdark-visual { border:1px solid rgba(221,241,208,.18) !important; border-radius:0 !important; } .wc-afterdark-rank-row, .wc-afterdark-signal-row, .wc-afterdark-runbook > * { border-color:rgba(221,241,208,.16) !important; } .wc-afterdark-rank-own { outline:1px solid #c6ff3b !important; outline-offset:-1px; } .wc-afterdark-social-hero { background:#07120d !important; border-color:rgba(221,241,208,.18) !important; } .wc-afterdark-social-hero h1, .wc-afterdark-social-hero h2, .wc-afterdark-signal-board h2, .wc-move-market-pulse h2 { letter-spacing:-.055em !important; } .wc-afterdark-social-actions button, .wc-afterdark-command-go, .wc-afterdark-go, .wc-afterdark-join-card, .wc-afterdark-rank-tabs button { border-radius:0 !important; } @media (min-width:1024px) { .wc-afterdark-social-hero { display:grid !important; grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr) !important; gap:0 !important; } .wc-afterdark-social-hero > aside { border-left:1px solid rgba(221,241,208,.18); padding-left:30px; } .wc-afterdark-signal-grid { grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr) !important; } } @media (max-width:699px) { .wc-afterdark-self-card::before, .wc-afterdark-leaderboard::before, .wc-afterdark-signal-board::before, .wc-move-market-pulse::before { padding-inline:11px; } .wc-afterdark-social-hero { margin-inline:-2px; } } /* ===== /WC_ATLAS_PROFILE_PC_CONTROL_20260907 ===== */ /* WC_AUTH_AUTOFILL_CONTRAST_20260907 */ #auth-screen input.auth-input:-webkit-autofill, #auth-screen input.form-input:-webkit-autofill, #auth-screen input.auth-input:-webkit-autofill:hover, #auth-screen input.form-input:-webkit-autofill:hover, #auth-screen input.auth-input:-webkit-autofill:focus, #auth-screen input.form-input:-webkit-autofill:focus, #auth-screen input.auth-input:-webkit-autofill:active, #auth-screen input.form-input:-webkit-autofill:active { -webkit-text-fill-color: #F4F7EF !important; caret-color: #C6FF00 !important; box-shadow: 0 0 0 1000px #101615 inset !important; background-color: #101615 !important; }