*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090A;--s1: #0C1220;--s2: #111827;--s3: #1E2A3A;--accent: #3B82F6;--adim: rgba(59, 130, 246, .13);--red: #D94F2A;--green: #2BC76A;--blue: #3B82F6;--text: #ECEAE4;--muted: #5C5C62;--border: rgba(255, 255, 255, .07);--radius: 12px;--nav-h: 108px;--top-h: 52px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-d: "Arial Narrow", "Helvetica Neue Condensed", Arial, sans-serif}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{font-family:var(--font-d);font-weight:700;letter-spacing:.02em}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:var(--font)}input,textarea,select{font-family:var(--font);color:var(--text);background:var(--s2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:15px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted)}::-webkit-scrollbar{width:0;height:0}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:520px;margin:0 auto;background:var(--bg);position:relative}.screen-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.topbar{height:var(--top-h);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;z-index:30}.topbar-logo{display:flex;align-items:center;font-family:var(--font-d);font-size:22px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bottom-nav{height:var(--nav-h);display:flex;background:var(--s1);border-top:1px solid var(--border);flex-shrink:0}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.03em;padding-bottom:4px;transition:color .15s;position:relative}.nav-btn svg{width:20px;height:20px}.nav-btn.active{color:var(--accent)}.nav-btn.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--accent);border-radius:0 0 3px 3px}.btn{display:block;width:100%;padding:14px 20px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;text-align:center;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--s2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--s3)}.btn-danger{background:#d94f2a1f;color:var(--red);border:1px solid rgba(217,79,42,.3)}.btn-google{background:#fff;color:#1a1a1a;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:10px}.card{background:var(--s1);border:1px solid var(--border);border-radius:16px;overflow:hidden}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--muted)}.form-error{font-size:12px;color:var(--red);margin-top:4px}.section-label{font-family:var(--font-d);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:16px 18px 8px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;letter-spacing:.03em}.pill-accent{background:var(--adim);color:var(--accent)}.pill-green{background:#2bc76a1f;color:var(--green)}.pill-red{background:#d94f2a1f;color:var(--red)}.pill-muted{background:var(--s2);color:var(--muted);border:1px solid var(--border)}.avatar{border-radius:50%;object-fit:cover;background:var(--s2);flex-shrink:0}.avatar-placeholder{border-radius:50%;background:var(--adim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:700;flex-shrink:0}.divider{border:none;border-top:1px solid var(--border);margin:0}.page-content{padding:0 16px}.page-bottom-gap{height:140px}.toast-wrap{position:fixed;bottom:calc(var(--nav-h) + 14px);left:50%;transform:translate(-50%) translateY(16px);background:var(--s2);border:1px solid var(--border);border-radius:var(--radius);padding:11px 18px;font-size:13px;font-weight:500;z-index:999;opacity:0;transition:all .22s ease;pointer-events:none;max-width:90vw;text-align:center;white-space:nowrap}.toast-wrap.visible{opacity:1;transform:translate(-50%) translateY(0)}.spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-fullscreen{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--bg)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--muted)}.empty-state svg{opacity:.4}.empty-state p{font-size:14px;line-height:1.5;max-width:260px}.back-btn{background:none;border:none;color:var(--accent);font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;padding:0}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .25s ease both}@keyframes speakRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@media (max-width: 767px){.route-create-panel{max-height:52vh;overflow-y:auto}.route-create-map{min-height:48vh}.route-create-panel form{padding-bottom:160px}}@media (min-width: 768px){.app-shell{max-width:100%;margin:0}.route-create-layout{flex-direction:row!important}.route-create-panel{width:360px!important;flex-shrink:0!important;border-bottom:none!important;border-right:1px solid var(--border)!important;overflow-y:auto!important;height:100%!important}.route-create-map{flex:1!important;min-height:unset!important;height:100%!important}}@media (min-width: 1100px){.route-create-panel{width:420px!important}}ROUTE CREATOR v2 — Desktop Route Builder (from design spec) ═══════════════════════════════════════════════════════════════════════ */ :root{--rc-accent: #FF5722;--rc-accent-dim: rgba(255,87,34,.13);--rc-accent-bdr: rgba(255,87,34,.32);--rc-accent-glow: rgba(255,87,34,.45)}.rc-sidebar{width:310px;min-width:310px;max-width:310px;background:#0d0f15;border-right:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#1e2028 transparent}.rc-sb-head{padding:13px 16px 11px;border-bottom:1px solid var(--border);flex-shrink:0}.rc-sb-title{font-family:var(--font-d);font-size:17px;font-weight:700;color:#fff}.rc-sb-sub{font-size:10px;color:#ffffff40;margin-top:2px}.rc-endpoint-wrap{padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:6px}.rc-ep-row{display:flex;align-items:center;gap:8px}.rc-ep-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rc-ep-start{background:#00e676;box-shadow:0 0 6px #00e67699}.rc-ep-end{background:#e53935;box-shadow:0 0 6px #e5393599}.rc-ep-input{flex:1;height:30px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:0 10px;font-size:11px;color:#ffffffb3;display:flex;align-items:center;cursor:pointer}.rc-ep-input.active{background:var(--rc-accent-dim);border-color:var(--rc-accent-bdr)}.rc-ep-val{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rc-ep-clear{background:none;border:none;color:#ffffff59;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.rc-ep-swap-row{display:flex;align-items:center;gap:8px;padding-left:2px}.rc-ep-spine{width:1.5px;height:14px;background:#ffffff14;margin-left:4px}.rc-ep-swap{width:22px;height:22px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer}.rc-ep-swap svg{width:11px;height:11px;color:#ffffff40}.rc-route-opts{padding:9px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.rc-ro-lbl{font-family:"Rajdhani",var(--font-d);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff40;margin-bottom:7px}.rc-ro-chips{display:flex;gap:5px;flex-wrap:wrap}.rc-ro-chip{height:24px;border-radius:12px;padding:0 9px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:4px;cursor:pointer}.rc-ro-chip.on{background:var(--rc-accent-dim);border:1px solid var(--rc-accent-bdr);color:var(--rc-accent)}.rc-ro-chip.off{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#ffffff47}.rc-wp-list-head{padding:8px 16px 6px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.rc-wp-lbl{font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff40}.rc-wp-count{font-size:8px;font-weight:700;color:var(--rc-accent);background:var(--rc-accent-dim);border:1px solid var(--rc-accent-bdr);border-radius:10px;padding:1px 7px}.rc-wp-list{flex:1;overflow-y:auto;padding:0 8px}.rc-wp-stop{display:flex;align-items:center;gap:7px;padding:7px 6px;border-radius:9px;cursor:pointer;margin-bottom:2px}.rc-wp-stop:hover{background:#ffffff08}.rc-wp-stop.selected{background:#ff572214;border:1px solid rgba(255,87,34,.18)}.rc-drag-h{display:flex;flex-direction:column;gap:2.5px;padding:3px;flex-shrink:0;cursor:grab;opacity:.3}.rc-dline{width:11px;height:1.5px;background:#ffffff8c;border-radius:1px}.rc-stop-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15)}.rc-wp-info{flex:1;min-width:0}.rc-wp-name{font-size:11px;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-wp-meta{display:flex;align-items:center;gap:5px;margin-top:2px}.rc-wp-cat-badge{font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:1px 6px;border-radius:4px}.rc-wp-dist{font-size:8px;font-weight:600;color:#ffffff40}.rc-wp-del{width:20px;height:20px;border-radius:50%;background:#e539351a;border:1px solid rgba(229,57,53,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;cursor:pointer}.rc-wp-stop:hover .rc-wp-del{opacity:1}.rc-wp-del svg{width:8px;height:8px;color:var(--red)}.rc-wp-pin{display:flex;align-items:center;gap:7px;padding:5px 6px 5px 22px;border-radius:7px;cursor:pointer;margin-bottom:2px}.rc-wp-pin:hover{background:#ffffff06}.rc-via-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rc-wp-pin-name{font-size:10px;color:#ffffff61;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rc-wp-pin-del{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;cursor:pointer;background:none;border:none}.rc-wp-pin:hover .rc-wp-pin-del{opacity:1}.rc-wp-pin-del svg{width:7px;height:7px;color:#e5393599}.rc-wc-line{width:1.5px;height:10px;background:#ffffff12;margin-left:23px}.rc-wc-line.has-via{background:repeating-linear-gradient(to bottom,rgba(255,87,34,.25) 0,rgba(255,87,34,.25) 3px,transparent 3px,transparent 6px)}.rc-add-wp-row{padding:6px 8px 8px;display:flex;gap:5px;flex-shrink:0}.rc-add-wp-btn{flex:1;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rc-add-stop-btn{background:#ff572214;border:1.5px dashed rgba(255,87,34,.28);color:var(--rc-accent)}.rc-add-pin-btn{background:#ff572212;border:1.5px dashed rgba(255,87,34,.28);color:#ff7043}.rc-totals{padding:9px 16px;background:#ff57220f;border-top:1px solid rgba(255,87,34,.14);border-bottom:1px solid rgba(255,87,34,.14);display:flex;gap:0;flex-shrink:0}.rc-t-stat{flex:1;text-align:center}.rc-t-val{font-family:var(--font-d);font-size:15px;font-weight:700;color:var(--rc-accent);line-height:1}.rc-t-val small{font-size:7px;color:#ff572280}.rc-t-lbl{font-size:7px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;margin-top:2px}.rc-t-sep{width:1px;background:#ffffff0f}.rc-tags-wrap{padding:8px 14px;border-top:1px solid var(--border);flex-shrink:0}.rc-tags-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rc-tag-chip{height:23px;border-radius:12px;padding:0 9px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center}.rc-tag-chip.on{background:var(--rc-accent-dim);border:1px solid var(--rc-accent-bdr);color:var(--rc-accent)}.rc-tag-chip.off{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#ffffff40}.rc-save-section{padding:10px 14px 14px;border-top:1px solid var(--border);flex-shrink:0}.rc-name-field{width:100%;height:34px;background:var(--rc-accent-dim);border:1.5px solid var(--rc-accent-bdr);border-radius:9px;padding:0 12px;font-size:12px;color:#fff;margin-bottom:9px}.rc-vis-row{display:flex;align-items:center;gap:7px;margin-bottom:9px}.rc-vis-row svg{color:#ffffff40;flex-shrink:0}.rc-vis-label{font-size:11px;color:#ffffff8c;flex:1}.rc-tog{width:32px;height:18px;border-radius:9px;position:relative;flex-shrink:0;cursor:pointer;transition:background .2s}.rc-tog-k{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;transition:left .2s,right .2s}.rc-save-btn{width:100%;height:38px;border-radius:9px;background:var(--rc-accent);display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-d);font-size:15px;font-weight:700;letter-spacing:2px;color:#fff;box-shadow:0 4px 16px var(--rc-accent-glow);cursor:pointer;border:none}.rc-save-btn:disabled{opacity:.5;cursor:not-allowed}.rc-save-trigger{padding:10px 14px;border-top:1px solid var(--border);flex-shrink:0;margin-top:auto}.rc-save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rc-save-modal{background:#0d0f15;border:1px solid rgba(255,87,34,.25);border-radius:14px;width:380px;max-width:90vw;box-shadow:0 20px 60px #000000b3;overflow:hidden}.rc-save-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.rc-save-modal-title{font-family:var(--font-d);font-size:17px;font-weight:700;color:#fff;letter-spacing:1px}.rc-save-modal-close{background:none;border:none;color:#ffffff59;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}.rc-save-modal-field{padding:12px 14px 6px}.rc-map-toolbar{position:absolute;top:12px;left:12px;z-index:20;background:#080a10eb;border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:6px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:2px}.rc-tool-divider-label{font-size:7px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff24;text-align:center;padding:1px 0}.rc-tool-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:none;border:none}.rc-tool-btn svg{width:16px;height:16px;color:#ffffff59}.rc-tool-btn:hover:not(.active):not(.active-or){background:#ffffff0d}.rc-tool-btn.active{background:var(--rc-accent-dim);border:1px solid var(--rc-accent-bdr)}.rc-tool-btn.active svg{color:var(--rc-accent)}.rc-tool-btn.active-or{background:#ff572221;border:1px solid rgba(255,87,34,.32)}.rc-tool-btn.active-or svg{color:#ff5722}.rc-tool-sep{height:1px;background:#ffffff0f;margin:3px 0}.rc-map-legend{position:absolute;right:12px;bottom:42px;z-index:20;background:#080a10e0;border:1px solid rgba(255,255,255,.11);border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rc-ml-title{font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff40;margin-bottom:8px}.rc-ml-item{display:flex;align-items:center;gap:7px;margin-bottom:5px}.rc-ml-item:last-child{margin-bottom:0}.rc-ml-icon{width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rc-ml-text{font-size:10px;color:#ffffff61}.rc-map-status{position:absolute;bottom:0;left:0;right:0;height:30px;background:#080a10d9;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 14px;gap:14px;z-index:20}.rc-ms{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#ffffff47}.rc-ms svg{width:10px;height:10px}.rc-ms-live{width:6px;height:6px;border-radius:50%;background:#00e676;animation:rc-gps-pulse 2s ease-in-out infinite}@keyframes rc-gps-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.rc-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.rc-stop-picker{position:absolute;z-index:30;background:#080a10f7;border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #000000b3;width:280px}.rc-sp-title{font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff40;padding:4px 6px 8px}.rc-sp-types{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.rc-sp-type{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent}.rc-sp-type:hover{border-color:#ffffff14;background:#ffffff0f}.rc-sp-emoji{font-size:16px;line-height:1}.rc-sp-name{font-size:11px;font-weight:600;color:#fffc}.rc-sp-desc{font-size:9px;color:#ffffff40;margin-top:1px}.rc-sp-sep{height:1px;background:var(--border);margin-bottom:8px}.rc-sp-via{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer}.rc-sp-via:hover{background:#ffffff0d}.rc-via-diamond-sm{width:14px;height:14px;transform:rotate(45deg);border:1.5px solid #FF7043;background:#ff57224d;flex-shrink:0}.rc-sp-via-name{font-size:11px;font-weight:600;color:#ff7043}.rc-mode-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:22;background:#080a10eb;border:1px solid rgba(255,255,255,.11);border-radius:9px;padding:7px 16px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#ffffff8c;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:8px}@media (min-width: 768px){.rc-sidebar{width:310px;min-width:310px;max-width:310px;height:100%}}@media (min-width: 1100px){.rc-sidebar{width:340px;min-width:340px;max-width:340px}}.rc-app-topbar{background:#0d0f15;height:44px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}.rc-app-logo{font-family:var(--font-d);font-size:20px;font-weight:700;letter-spacing:2px;color:#fff;margin-right:8px}.rc-app-logo span{color:#ff7043}.rc-app-nav{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff47;padding:0 10px;height:44px;display:flex;align-items:center;border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.rc-app-nav.active{color:#ff7043;border-bottom-color:#ff5722}.rc-app-avatar{width:28px;height:28px;border-radius:50%;background:#ff5722;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:11px;font-weight:700;color:#fff}.rc-creator-layout{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:50!important;max-width:none!important;background:var(--bg)}.rc-creator-layout input.rc-name-field{background:#ff572214!important;border:1.5px solid rgba(255,87,34,.32)!important;border-radius:9px!important;padding:0 12px!important;height:34px!important;font-size:12px!important;color:#fff!important}.rc-creator-layout input.rc-name-field:focus{border-color:var(--rc-accent)!important}.rc-creator-layout .rc-save-btn{background:var(--rc-accent)!important;color:#fff!important;border:none!important;padding:0!important}.rc-creator-layout .rc-tog{background:var(--s3)}.rc-creator-layout .rc-ep-input{padding:0 10px!important;height:30px!important;font-size:11px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important}.rc-creator-layout .rc-ep-input.active{background:#ff57221a!important;border-color:#ff572259!important}.rc-sidebar *{box-sizing:border-box}.rc-sidebar input{width:100%!important;max-width:100%!important}.rf-shell{display:flex;height:100%;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#07080c}.rf-filter-sidebar{width:220px;min-width:220px;max-width:220px;flex-shrink:0;background:#0d0f15;border-right:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1e2028 transparent}.rf-fs-head{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.rf-fs-title{font-family:var(--font-d);font-size:20px;font-weight:700;color:#fff}.rf-fs-section{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.rf-fs-label{font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff40;margin-bottom:8px}.rf-fs-tabs{display:flex;flex-direction:column;gap:2px}.rf-fs-tab{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#ffffff73;cursor:pointer;background:none;border:none;text-align:left;transition:all .15s}.rf-fs-tab:hover{background:#ffffff0a}.rf-fs-tab.active{background:#ff57221a;color:#ff7043}.rf-fs-chips{display:flex;flex-wrap:wrap;gap:5px}.rf-fs-chip{height:24px;border-radius:12px;padding:0 9px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center}.rf-fs-chip.on{background:#ff572221;border:1px solid rgba(255,87,34,.32);color:#ff5722}.rf-fs-chip.off{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#ffffff40}.rf-fs-sort-opts{display:flex;flex-direction:column;gap:3px}.rf-fs-sort-opt{padding:7px 10px;border-radius:7px;font-size:11px;color:#fff6;cursor:pointer;background:none;border:none;text-align:left;display:flex;align-items:center;gap:7px}.rf-fs-sort-opt:hover{background:#ffffff0a}.rf-fs-sort-opt.selected{background:#ff572214;color:#ff7043}.rf-fs-sort-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);flex-shrink:0}.rf-fs-sort-opt.selected .rf-fs-sort-dot{background:#ff5722;border-color:#ff5722}.rf-fs-clear{margin:8px 14px;padding:7px 0;border-radius:7px;font-size:10px;font-weight:600;color:#ffffff40;background:none;border:1px dashed rgba(255,255,255,.1);cursor:pointer;text-align:center;width:calc(100% - 28px)}.rf-fs-clear:hover{color:#ffffff73;border-color:#fff3}.rf-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.rf-action-bar{height:56px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.07);background:#0d0f15}.rf-search-field{flex:1;max-width:440px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:0 12px;font-size:13px;color:#fff;outline:none}.rf-search-field:focus{border-color:#ff572259;background:#ff57220f}.rf-search-field::placeholder{color:#ffffff40}.rf-action-bar .rf-spacer{flex:1}.rf-btn-import{height:34px;border-radius:8px;padding:0 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff8c;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.rf-btn-import:hover{background:#ffffff14;color:#ffffffbf}.rf-btn-import svg{width:14px;height:14px}.rf-btn-new{height:34px;border-radius:8px;padding:0 16px;background:#ff5722;border:none;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 12px #ff572259}.rf-btn-new:hover{box-shadow:0 4px 20px #ff572280}.rf-btn-new svg{width:14px;height:14px}.rf-cards-scroll{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#1e2028 transparent}.rf-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rf-cards-grid.detail-open{grid-template-columns:repeat(2,1fr)}.rf-card{border-radius:13px;background:#0d0f15;border:1px solid rgba(255,255,255,.11);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.rf-card:hover{border-color:#ff572240}.rf-card.selected{border-color:#ff572273;box-shadow:0 0 0 1px #ff572233}.rf-card-map{height:130px;background:#111318;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.rf-card-map svg{width:100%;height:100%}.rf-card-body{padding:10px 12px 11px}.rf-card-title{font-family:var(--font-d);font-size:15px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:3px}.rf-card-author{font-size:9px;font-weight:600;letter-spacing:.5px;color:#ffffff40;text-transform:uppercase;margin-bottom:8px}.rf-card-stats{display:flex;align-items:center;gap:0;margin-bottom:6px}.rf-card-stat{display:flex;align-items:center;gap:4px;padding:0 8px;font-size:10px;color:#ffffff73}.rf-card-stat svg{width:10px;height:10px;color:#ffffff40}.rf-card-stat-sep{width:1px;height:12px;background:#ffffff14}.rf-card-tags{display:flex;gap:4px;flex-wrap:wrap}.rf-card-tag{font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#ffffff4d}.rf-card-badge{position:absolute;top:8px;left:8px;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:#ff5722cc;color:#fff}.rf-card-save{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#080a10b3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer}.rf-card-save svg{width:13px;height:13px;color:#ffffff73}.rf-card-save.saved svg{color:#ff5722;fill:#ff5722}.rf-detail-panel{width:320px;min-width:320px;max-width:320px;flex-shrink:0;background:#0d0f15;border-left:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;overflow:hidden}.rf-dp-map{height:180px;background:#111318;position:relative;flex-shrink:0}.rf-dp-close{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:#080a10b3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.rf-dp-close svg{width:14px;height:14px;color:#ffffff8c}.rf-dp-body{flex:1;overflow-y:auto;padding:14px}.rf-dp-name{font-family:var(--font-d);font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.rf-dp-author{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff40;margin-bottom:14px}.rf-dp-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.rf-dp-stat-card{padding:10px;border-radius:9px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);text-align:center}.rf-dp-stat-val{font-family:var(--font-d);font-size:18px;font-weight:700;color:#ff7043;line-height:1}.rf-dp-stat-lbl{font-size:7px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;margin-top:3px}.rf-dp-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.rf-dp-stops{display:flex;flex-direction:column;gap:0;margin-bottom:14px}.rf-dp-stop{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rf-dp-stop-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rf-dp-stop-name{font-size:11px;font-weight:500;color:#ffffffb3;flex:1}.rf-dp-stop-dist{font-size:9px;color:#ffffff40}.rf-dp-ctas{padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:8px;flex-shrink:0}.rf-dp-share-btn{flex:1;height:34px;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.rf-dp-share-btn.gm{background:#ff57221a;border:1px solid rgba(255,87,34,.25);color:#ff7043}.rf-dp-share-btn.cl{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff8c}.rf-dp-share-btn svg{width:12px;height:12px}.rf-empty-panel{width:320px;min-width:320px;flex-shrink:0;background:#0d0f15;border-left:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff26}.rf-empty-panel svg{width:48px;height:48px;margin-bottom:12px}.rf-empty-panel span{font-size:13px}.rf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#07080cbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.rf-modal-panel{width:580px;max-width:92vw;background:#0d0f15;border:1px solid rgba(255,255,255,.11);border-radius:16px;box-shadow:0 24px 80px #000000b3;overflow:hidden}.rf-modal-head{padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between}.rf-modal-title{font-family:var(--font-d);font-size:22px;font-weight:700;color:#fff}.rf-modal-close{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer}.rf-modal-close svg{width:14px;height:14px;color:#fff6}.rf-modal-sub{font-size:12px;color:#ffffff59;padding:12px 20px 0;line-height:1.6}.rf-modal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px}.rf-mo-card{padding:16px 14px;border-radius:12px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .15s}.rf-mo-card.primary{background:#ff57221a;border:1.5px solid rgba(255,87,34,.3)}.rf-mo-card.primary:hover{background:#ff57222e;border-color:#ff572280}.rf-mo-card.secondary{background:#ffffff08;border:1.5px solid rgba(255,255,255,.08)}.rf-mo-card.secondary:hover{background:#ffffff0f;border-color:#ffffff26}.rf-mo-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.rf-mo-icon.primary{background:#ff57222e}.rf-mo-icon.secondary{background:#ffffff0f}.rf-mo-icon svg{width:18px;height:18px}.rf-mo-label{font-family:var(--font-d);font-size:14px;font-weight:700;color:#fff}.rf-mo-desc{font-size:10px;color:#ffffff59;line-height:1.5}.rf-gm-section{padding:0 20px 20px}.rf-gm-label{font-size:10px;font-weight:600;color:#ffffff4d;margin-bottom:8px}.rf-gm-row{display:flex;gap:8px}.rf-gm-input{flex:1;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:0 12px;font-size:12px;color:#fff;outline:none}.rf-gm-input:focus{border-color:#ff572259}.rf-gm-input::placeholder{color:#fff3}.rf-gm-paste{height:36px;border-radius:8px;padding:0 14px;background:#ff57221a;border:1px solid rgba(255,87,34,.25);color:#ff7043;font-size:11px;font-weight:700;cursor:pointer}.rf-gm-hint{font-size:10px;color:#fff3;margin-top:6px;line-height:1.5}@media (max-width: 900px){.rf-filter-sidebar{display:none}.rf-cards-grid{grid-template-columns:repeat(2,1fr)}.rf-empty-panel,.rf-detail-panel{display:none}}.pf-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);color:#fff}.pf-body{display:flex;flex:1;min-height:0}.pf-sidebar{width:256px;min-width:256px;background:#0d0f15;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;display:flex;flex-direction:column}.pf-user-card{display:flex;flex-direction:column;align-items:center}.pf-user-card-banner{width:100%;height:100px;background:linear-gradient(135deg,#ff5722,#ff8a65);position:relative}.pf-user-avatar{width:72px;height:72px;border-radius:50%;border:3px solid #0d0f15;margin-top:-36px;position:relative;z-index:1;object-fit:cover;background:#1a1c24}.pf-user-name{font-size:15px;font-weight:700;margin-top:8px}.pf-user-handle{font-size:11px;color:#fff6;margin-top:2px}.pf-stats-row{display:flex;width:100%;margin-top:14px}.pf-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 0}.pf-stat-val{font-size:18px;font-weight:700;color:#ff5722}.pf-stat-lbl{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#ffffff59;margin-top:2px}.pf-edit-btn{margin:14px 16px 0;padding:8px 0;width:calc(100% - 32px);border:1px solid rgba(255,87,34,.4);border-radius:8px;background:transparent;color:#ff5722;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background .15s,color .15s}.pf-edit-btn:hover{background:#ff57221a}.pf-garage-section{padding:14px;border-top:1px solid rgba(255,255,255,.06)}.pf-garage-label{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#ffffff4d;margin-bottom:10px}.pf-car-card{background:var(--s2, #13151b);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;margin-bottom:8px}.pf-car-card-img{width:100%;height:72px;object-fit:cover;background:#1a1c24}.pf-car-card-body{padding:10px 12px}.pf-car-card-name{font-size:12px;font-weight:600}.pf-car-card-meta{font-size:10px;color:#ffffff59;margin-top:2px}.pf-car-card-mods{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pf-car-mod{font-size:9px;font-weight:600;color:#ff5722;background:#ff57221a;padding:2px 6px;border-radius:4px}.pf-groups-mini{padding:14px;border-top:1px solid rgba(255,255,255,.06)}.pf-group-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:pointer;transition:background .15s}.pf-group-row:hover{background:#ffffff0a}.pf-group-emoji{font-size:16px}.pf-group-name{flex:1;font-size:12px;font-weight:500}.pf-group-count{font-size:10px;color:#ffffff4d}.pf-main{flex:1;display:flex;flex-direction:column;min-width:0}.pf-tabs{height:44px;display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.pf-tab{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:#ffffff4d;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.pf-tab:hover{color:#ffffff8c}.pf-tab.active{color:#ff5722;border-bottom-color:#ff5722}.pf-feed{flex:1;overflow-y:auto;padding:16px}.pf-filter-chips{display:flex;gap:6px;margin-bottom:16px}.pf-chip{padding:5px 12px;border-radius:20px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:transparent;color:#fff6;transition:all .15s}.pf-chip:hover{border-color:#ff57224d;color:#fff9}.pf-chip.active{background:#ff57221f;border-color:#ff572280;color:#ff5722}.pf-date-header{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#ffffff40;padding:12px 0 8px;border-top:1px solid rgba(255,255,255,.04)}.pf-feed-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.pf-feed-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1a1c24;flex-shrink:0}.pf-feed-body{flex:1;min-width:0}.pf-feed-text{font-size:12px;color:#ffffffbf;line-height:1.5}.pf-feed-route-card{display:flex;gap:10px;margin-top:8px;background:var(--s2, #13151b);border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.pf-feed-route-thumb{width:100px;min-height:64px;object-fit:cover;background:#1a1c24}.pf-feed-route-body{padding:8px 10px;flex:1;min-width:0}.pf-feed-route-name{font-size:12px;font-weight:600}.pf-feed-route-meta{font-size:10px;color:#ffffff59;margin-top:2px}.pf-feed-route-stats{display:flex;gap:10px;margin-top:4px;font-size:10px;color:#fff6}.pf-feed-drive-card{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#ff57220f;border:1px solid rgba(255,87,34,.15);border-radius:8px}.pf-feed-drive-icon{font-size:16px;color:#ff5722}.pf-feed-drive-name{flex:1;font-size:12px;font-weight:600;color:#ff5722}.pf-feed-drive-mileage{font-size:10px;color:#ff5722a6}.pf-pending-section{margin-bottom:16px}.pf-pending-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#ffb300;font-weight:700;margin-bottom:8px}.pf-pending-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.pf-pending-actions{display:flex;gap:6px;margin-left:auto}.pf-pending-accept{padding:5px 14px;border-radius:6px;background:#ff5722;color:#fff;border:none;font-size:10px;font-weight:600;cursor:pointer;transition:opacity .15s}.pf-pending-accept:hover{opacity:.85}.pf-pending-ignore{padding:5px 14px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff6;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.pf-pending-ignore:hover{border-color:#fff3;color:#fff9}.pf-friend-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.pf-friend-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1a1c24;flex-shrink:0}.pf-friend-info{flex:1;min-width:0}.pf-friend-name{font-size:12px;font-weight:600}.pf-friend-handle{font-size:10px;color:#ffffff59}.pf-mutual-badge{font-size:9px;font-weight:600;color:#ff5722;background:#ff57221a;padding:2px 8px;border-radius:10px}.pf-friend-remove{font-size:10px;font-weight:600;color:#ef4444;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s}.pf-friend-row:hover .pf-friend-remove{opacity:1}.gp-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);color:#fff}.gp-topbar{height:56px;display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.gp-topbar-search{flex:1;height:36px;padding:0 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:12px;outline:none;transition:border-color .15s}.gp-topbar-search::placeholder{color:#ffffff40}.gp-topbar-search:focus{border-color:#ff572266}.gp-create-btn{height:36px;padding:0 18px;background:#ff5722;color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:opacity .15s}.gp-create-btn:hover{opacity:.85}.gp-content{flex:1;overflow-y:auto;padding:20px}.gp-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#ffffff4d;font-weight:700;margin-bottom:12px}.gp-section-count{color:#ffffff2e;margin-left:6px}.gp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.gp-card{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:var(--s1, #101218);transition:border-color .2s;position:relative}.gp-card:hover{border-color:#ff572266}.gp-card-banner{height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff57222e,#ff57220f);position:relative}.gp-card-banner-emoji{font-size:26px}.gp-card-admin-badge{position:absolute;top:6px;right:6px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ff5722;background:#ff57221f;padding:2px 8px;border-radius:4px}.gp-card-body{padding:12px}.gp-card-name{font-size:13px;font-weight:700}.gp-card-desc{font-size:10px;color:#fff6;margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gp-card-stats{display:flex;gap:12px;margin-top:10px}.gp-card-stat{display:flex;align-items:center;gap:4px;font-size:10px;color:#ffffff59}.gp-card-stat svg{width:12px;height:12px;opacity:.45}.gp-member-stack{display:flex;margin-top:10px}.gp-member-stack-avatar{width:22px;height:22px;border-radius:50%;border:2px solid var(--s1, #101218);object-fit:cover;background:#1a1c24;margin-left:-6px}.gp-member-stack-avatar:first-child{margin-left:0}.gp-card-activity{font-size:9px;color:#fff3;margin-top:8px}.gp-discover-card{opacity:.7}.gp-discover-lock{font-size:10px;color:#ffffff59;margin-top:8px;text-align:center}.gp-discover-request{margin-top:8px;width:100%;padding:7px 0;border-radius:6px;border:1px solid rgba(255,87,34,.4);background:transparent;color:#ff5722;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s}.gp-discover-request:hover{background:#ff572214}.gp-create-card{border:2px dashed rgba(255,87,34,.35);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;cursor:pointer;transition:border-color .15s,background .15s;background:transparent}.gp-create-card:hover{border-color:#ff5722;background:#ff57220a}.gp-create-card-icon{font-size:24px;color:#ff5722}.gp-create-card-text{font-size:11px;font-weight:600;color:#ff5722;text-transform:uppercase;letter-spacing:.5px}.gp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.gp-modal{width:500px;max-height:90vh;overflow-y:auto;background:var(--s1, #101218);border-radius:16px;box-shadow:0 24px 64px #0009;padding:24px}.gp-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gp-modal-title{font-size:22px;font-weight:700}.gp-modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;color:#fff6;font-size:16px;cursor:pointer;transition:background .15s}.gp-modal-close:hover{background:#ffffff1a}.gp-modal-field{margin-bottom:16px}.gp-modal-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff59;margin-bottom:6px}.gp-modal-input{width:100%;height:40px;padding:0 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:13px;outline:none;transition:border-color .15s}.gp-modal-input:focus{border-color:#ff572266}.gp-modal-textarea{width:100%;min-height:72px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:13px;outline:none;resize:vertical;transition:border-color .15s}.gp-modal-textarea:focus{border-color:#ff572266}.gp-emoji-picker{display:flex;gap:6px;flex-wrap:wrap}.gp-emoji-btn{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffff0a;border:2px solid transparent;cursor:pointer;transition:border-color .15s,background .15s}.gp-emoji-btn:hover{background:#ffffff14}.gp-emoji-btn.selected{border-color:#ff5722;background:#ff57221a}.gp-privacy-opts{display:flex;flex-direction:column;gap:8px}.gp-privacy-opt{padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s}.gp-privacy-opt:hover{border-color:#ffffff26}.gp-privacy-opt.selected{border-color:#ff572280;background:#ff57220f}.gp-privacy-opt-title{font-size:12px;font-weight:600}.gp-privacy-opt-desc{font-size:10px;color:#ffffff59;margin-top:2px}.gp-modal-actions{display:flex;gap:8px;margin-top:20px}.gp-modal-cancel{flex:1;padding:10px 0;border-radius:8px;background:#ffffff0f;border:none;color:#ffffff80;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.gp-modal-cancel:hover{background:#ffffff1a}.gp-modal-create{flex:2;padding:10px 0;border-radius:8px;background:#ff5722;border:none;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s}.gp-modal-create:hover{opacity:.85}.gp-detail-shell{display:flex;flex-direction:column;flex:1;min-height:0}.gp-detail-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.06)}.gp-detail-breadcrumb{font-size:10px;color:#ffffff4d;margin-bottom:12px}.gp-detail-breadcrumb a{color:#ffffff4d;text-decoration:none;transition:color .15s}.gp-detail-breadcrumb a:hover{color:#ff5722}.gp-detail-top{display:flex;align-items:center;gap:14px}.gp-detail-emoji{font-size:36px}.gp-detail-info{flex:1}.gp-detail-name{font-size:20px;font-weight:700}.gp-detail-meta{font-size:11px;color:#ffffff59;margin-top:2px}.gp-detail-actions{display:flex;gap:8px}.gp-detail-action-btn{padding:7px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.gp-detail-action-btn:hover{border-color:#ff572259;color:#ff5722}.gp-detail-tabs{height:44px;display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.gp-detail-tab{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:#ffffff4d;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.gp-detail-tab:hover{color:#ffffff8c}.gp-detail-tab.active{color:#ff5722;border-bottom-color:#ff5722}.gp-detail-content{flex:1;overflow-y:auto;padding:16px 20px}.gp-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.gp-member-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1a1c24;flex-shrink:0}.gp-member-name{font-size:12px;font-weight:600}.gp-member-handle{font-size:10px;color:#ffffff59}.gp-role-badge{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-left:auto}.gp-role-badge.admin{color:#ff5722;background:#ff57221f}.gp-role-badge.member{color:#ffffff59;background:#ffffff0f}.gp-member-joined{font-size:9px;color:#fff3;min-width:70px;text-align:right}.gp-lock-wall{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.gp-lock-icon{width:72px;height:72px;border-radius:50%;border:2px dashed rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;color:#fff3}.gp-lock-heading{font-size:16px;font-weight:700;margin-bottom:6px}.gp-lock-body{font-size:12px;color:#ffffff59;max-width:300px;line-height:1.5}.gp-lock-pending{margin-top:14px;padding:6px 16px;border-radius:20px;background:#ff57221a;color:#ff5722;font-size:10px;font-weight:600}@media (max-width: 768px){.rc-creator-layout{flex-direction:column!important}.rc-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:45vh!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.11)}.rf-filter-sidebar{display:none!important}.rf-cards-grid,.rf-cards-grid.detail-open{grid-template-columns:1fr!important}.rf-detail-panel,.rf-empty-panel{display:none!important}.rf-detail-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:100!important;width:100%!important;min-width:100%!important;max-width:100%!important;display:flex!important}.pf-body{flex-direction:column!important}.pf-sidebar{width:100%!important;min-width:100%!important;max-width:none!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.06);max-height:none!important;overflow:visible!important}.pf-main{min-height:50vh}.gp-grid{grid-template-columns:1fr!important}.rc-app-topbar{padding:0 12px!important;gap:8px!important}.rc-app-logo{font-size:16px!important}.rc-app-nav{font-size:9px!important;padding:0 6px!important}.rf-modal-panel,.rc-save-modal,.gp-modal{width:95vw!important;max-width:95vw!important}.rf-modal-options{grid-template-columns:1fr!important}.rf-shell,.pf-shell,.gp-shell,.rc-creator-layout{overflow-y:auto!important}}