:root{
  --bg:#f3f6f4;--surface:#ffffff;--surface-2:#edf3f0;--ink:#0c1713;--muted:#66756e;
  --line:#dce5e0;--brand:#0b5d46;--brand-2:#0b3a2e;--mint:#63e6be;--mint-soft:#dff8ee;
  --amber:#b7791f;--amber-soft:#fff7e7;--red:#b42318;--red-soft:#fff0ee;--shadow:0 24px 60px rgba(13,52,42,.10);
  --radius:24px;--sidebar:236px;--header:72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%}
body.dark{--bg:#07130f;--surface:#0c1c16;--surface-2:#12271f;--ink:#f1fff8;--muted:#a2b7ad;--line:#254237;--brand:#55d7aa;--brand-2:#0b3a2e;--mint:#6ff0c7;--mint-soft:#153c2f;--amber-soft:#392d15;--red-soft:#3e1d19;--shadow:0 24px 60px rgba(0,0,0,.35)}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 16px}.brand-mark{width:44px;height:44px;border-radius:15px;background:var(--brand-2);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-.05em;box-shadow:0 12px 28px rgba(7,55,42,.22)}.brand-mark span{color:var(--mint)}.brand-copy strong{display:block;font-size:15px}.brand-copy small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.city-button{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.city-button:hover{border-color:var(--brand)}.city-button small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.city-button strong{display:block;text-align:left;font-size:13px}.nav-scroll{overflow:auto;padding:12px 0 16px}.nav-group{margin-top:14px}.nav-label{font-size:9px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;padding:0 8px 7px;font-weight:800}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:12px;color:var(--muted);font-weight:650;font-size:13px;margin:2px 0}.nav-link:hover,.nav-link.active{background:var(--mint-soft);color:var(--brand)}.nav-icon{width:20px;text-align:center;font-size:15px}.sidebar-footer{margin-top:auto;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:12px}.sidebar-footer strong{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.sidebar-footer p{margin:4px 0 0;color:var(--muted);font-size:11px}
.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--header);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.status-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 5px color-mix(in srgb,#3ddc97 16%,transparent)}.top-actions{display:flex;gap:8px}.control{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;cursor:pointer;font-weight:700;font-size:12px}.control.primary{background:var(--brand-2);color:white;border-color:var(--brand-2)}.content{padding:42px 42px 90px;max-width:1500px;margin:0 auto}.mobile-bar{display:none}
.page-head{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}.page-icon{width:58px;height:58px;border:1px solid #bcded1;background:linear-gradient(145deg,#e7fbf4,#fff);border-radius:20px;display:grid;place-items:center;font-size:25px;color:var(--brand);box-shadow:0 16px 40px rgba(10,86,64,.08)}body.dark .page-icon{background:linear-gradient(145deg,#153d30,#0c1c16)}.eyebrow{display:flex;gap:8px;align-items:center;color:var(--brand);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.page-head h1{font-size:clamp(34px,4.4vw,66px);line-height:.98;letter-spacing:-.055em;margin:7px 0 12px;max-width:1000px}.page-head p{margin:0;color:var(--muted);font-size:16px;max-width:860px}
.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 15px 40px rgba(20,60,47,.05)}.card.soft{background:var(--surface-2);box-shadow:none}.card h2,.card h3{margin:0 0 8px;letter-spacing:-.025em}.card h2{font-size:25px}.card h3{font-size:18px}.card p{margin:0;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);overflow:hidden;padding:0}.hero-visual{min-height:340px;background:radial-gradient(circle at 70% 20%,rgba(99,230,190,.28),transparent 33%),linear-gradient(150deg,#0b3a2e,#071e17);position:relative;display:grid;place-items:center;color:#fff}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,190,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,190,.12) 1px,transparent 1px);background-size:56px 56px;transform:perspective(600px) rotateX(60deg) scale(1.3);transform-origin:center bottom;opacity:.55}.hero-symbol{position:relative;width:118px;height:118px;border-radius:32px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.11);display:grid;place-items:center;font-size:46px;backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(0,0,0,.22)}.hero-body{padding:38px;display:flex;flex-direction:column;justify-content:center}.hero-body h2{font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:-.05em;margin:12px 0}.tag-row,.chip-row{display:flex;gap:8px;flex-wrap:wrap}.tag,.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.tag{background:var(--mint-soft);color:var(--brand);text-transform:uppercase;letter-spacing:.08em}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer}.chip.active,.chip:hover{background:var(--brand);border-color:var(--brand);color:#fff}.meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:14px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:9px;justify-content:center}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(13,60,47,.10)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.dark{background:var(--brand-2);border-color:var(--brand-2);color:#fff}.btn.ghost{background:transparent}.btn.danger{background:var(--red-soft);border-color:#f6c9c4;color:var(--red)}.btn.small{padding:8px 11px;font-size:12px;border-radius:11px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.full{width:100%}
.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow);margin-bottom:24px}.search-row{display:flex;gap:12px}.search-box{flex:1;position:relative}.search-box input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:15px 16px;outline:none}.search-box input{font-size:16px;padding-left:48px}.search-box:before{content:'⌕';position:absolute;left:18px;top:12px;color:var(--muted);font-size:22px}.search-box input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 24%,transparent)}.suggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.suggestion{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.suggestion:last-child{border-bottom:0}.suggestion:hover{background:var(--mint-soft)}.suggestion small{color:var(--muted)}.hint{display:flex;gap:8px;align-items:center;margin-top:14px;color:var(--muted);font-size:11px}.notice{border:1px solid #ead2a8;background:var(--amber-soft);border-radius:18px;padding:14px 16px;display:flex;gap:12px;margin:18px 0}.notice strong{display:block;font-size:12px}.notice p{font-size:12px}.notice.success{border-color:#bde7d6;background:var(--mint-soft)}.notice.danger{border-color:#f2c2bc;background:var(--red-soft)}
.results-list{display:grid;gap:12px}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.result-card h3{margin:0 0 5px;font-size:17px}.result-card p{margin:0;color:var(--muted);font-size:12px}.result-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.distance{font-weight:900;color:var(--brand)}
.connector{display:flex;flex-direction:column;min-height:205px}.connector .connector-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.connector-logo{width:45px;height:45px;border-radius:14px;background:var(--mint-soft);display:grid;place-items:center;color:var(--brand);font-weight:900}.connector .source-type{font-size:10px;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.connector h3{margin:16px 0 7px}.connector p{font-size:13px}.connector .actions{margin-top:auto;padding-top:16px}.support-badge{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;padding:6px 9px;border-radius:999px}.support-badge.full{background:var(--mint-soft);color:var(--brand)}.support-badge.beta{background:var(--amber-soft);color:var(--amber)}.support-badge.discovery{background:var(--surface-2);color:var(--muted)}
.place-card{display:grid;grid-template-columns:78px 1fr auto;gap:15px;align-items:center}.place-icon{width:68px;height:68px;border-radius:18px;background:linear-gradient(145deg,var(--brand-2),#0e6a4f);color:#fff;display:grid;place-items:center;font-size:28px}.place-card h3{margin:0}.place-card p{font-size:12px}.place-extra{display:flex;gap:10px;color:var(--muted);font-size:11px;margin-top:8px;flex-wrap:wrap}.skeleton{height:108px;border-radius:18px;background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tab{border:1px solid var(--line);background:var(--surface);padding:9px 13px;border-radius:999px;font-weight:800;font-size:12px;cursor:pointer}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field small{color:var(--muted)}.field textarea{min-height:120px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}.auth-card{max-width:1040px;margin:30px auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0}.auth-intro{background:linear-gradient(150deg,#0c4536,#061b15);padding:55px;color:#fff}.auth-intro h1{font-size:54px;line-height:.95;letter-spacing:-.05em;margin:30px 0}.auth-intro p{color:#c9ded6}.auth-form{padding:45px}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,20,15,.58);backdrop-filter:blur(8px);z-index:80;display:grid;place-items:center;padding:22px}.modal{width:min(780px,100%);max-height:88vh;overflow:auto;background:var(--surface);border-radius:26px;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-head{position:sticky;top:0;background:var(--surface);padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:2}.modal-body{padding:22px}.modal-close{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;border-radius:12px;cursor:pointer}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.city-choice{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;text-align:left}.city-choice:hover,.city-choice.selected{border-color:var(--brand);background:var(--mint-soft)}.city-choice strong{display:block}.city-choice small{color:var(--muted)}
.metric{padding:20px}.metric strong{font-size:34px;line-height:1;display:block;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:740px;background:var(--surface)}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.table tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.status.pending{background:var(--amber-soft);color:var(--amber)}.status.published,.status.approved{background:var(--mint-soft);color:var(--brand)}.status.rejected{background:var(--red-soft);color:var(--red)}
.map-frame{width:100%;height:380px;border:0;border-radius:18px;background:var(--surface-2)}.map-consent{min-height:300px;border:1px dashed var(--line);border-radius:18px;display:grid;place-items:center;text-align:center;padding:30px;background:var(--surface-2)}.map-consent p{max-width:550px;margin:10px auto;color:var(--muted)}
.qr-card{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:center}.qr-card img{width:100%;border:16px solid #fff;border-radius:24px;box-shadow:var(--shadow)}.empty{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:20px;background:var(--surface-2)}.empty strong{display:block;font-size:20px}.empty p{margin:7px auto 18px;max-width:560px;color:var(--muted)}
.toast-root{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:10px}.toast{background:var(--brand-2);color:#fff;padding:13px 16px;border-radius:14px;box-shadow:var(--shadow);max-width:360px;animation:toastIn .25s ease}.toast.error{background:#8d2118}.toast.success{background:#0d6b4e}@keyframes toastIn{from{transform:translateY(12px);opacity:0}}
.footer{margin-top:60px;padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:18px}.phase-card{position:relative;overflow:hidden}.phase-card:before{content:attr(data-phase);position:absolute;right:18px;top:16px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--brand)}.phase-card ul{padding-left:18px;color:var(--muted);font-size:13px}.phase-card li{margin:6px 0}.shopping-list{display:flex;gap:8px}.shopping-list input{flex:1}.shopping-items{display:grid;gap:8px;margin-top:12px}.shopping-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.shopping-item.done span{text-decoration:line-through;color:var(--muted)}
@media(max-width:1100px){:root{--sidebar:210px}.content{padding:32px 28px 90px}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:230px}.page-head h1{font-size:46px}}
@media(max-width:820px){:root{--header:62px}.sidebar{display:none}.main{margin-left:0}.topbar{padding:0 15px}.content{padding:24px 14px 92px}.mobile-bar{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:60;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.mobile-link{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;color:var(--muted);padding:6px;border-radius:10px}.mobile-link.active{color:var(--brand);background:var(--mint-soft)}.mobile-link b{font-size:18px}.page-head{gap:12px}.page-icon{width:48px;height:48px;border-radius:16px}.page-head h1{font-size:38px}.page-head p{font-size:14px}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.search-row{flex-direction:column}.hero-body{padding:25px}.hero-body h2{font-size:36px}.place-card{grid-template-columns:60px 1fr}.place-icon{width:56px;height:56px}.place-card .result-actions{grid-column:1/-1;justify-content:flex-start}.auth-card{grid-template-columns:1fr}.auth-intro{padding:32px}.auth-intro h1{font-size:42px}.auth-form{padding:28px}.form-grid{grid-template-columns:1fr}.field.full,.form-actions{grid-column:auto}.city-grid{grid-template-columns:1fr 1fr}.qr-card{grid-template-columns:1fr}.qr-card img{max-width:280px;margin:auto}.footer{flex-direction:column;align-items:flex-start;gap:12px}.top-actions .control:not(.primary){display:none}}
@media(max-width:480px){.city-grid{grid-template-columns:1fr}.content{padding-left:10px;padding-right:10px}.card{padding:17px}.page-head h1{font-size:34px}.oauth-grid{grid-template-columns:1fr}.hero-body h2{font-size:32px}}

/* v5 premium visual system */
:root{
  --bg:#e8f0ed;--surface:#fbfdfc;--surface-2:#e2ece8;--ink:#071711;--muted:#5f7069;
  --line:#cfded8;--brand:#007a62;--brand-2:#0b2942;--mint:#68efc2;--mint-soft:#d9f7ed;
  --coral:#ff775f;--coral-soft:#fff0ec;--gold:#e8b94b;--violet:#6657d9;
  --shadow:0 24px 65px rgba(9,41,53,.12);--shadow-soft:0 12px 34px rgba(9,41,53,.07);
}
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(104,239,194,.28),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(102,87,217,.13),transparent 26%),
    radial-gradient(circle at 80% 92%,rgba(255,119,95,.12),transparent 30%),
    var(--bg);
  background-attachment:fixed;
}
body.dark{--bg:#06131a;--surface:#0c2026;--surface-2:#102b2e;--ink:#f2fff9;--muted:#a3bab2;--line:#244349;--brand:#63e8bd;--brand-2:#071e32;--mint-soft:#143e35;--coral-soft:#3b201d}
.sidebar{background:linear-gradient(180deg,#0b2942 0%,#073b36 62%,#082c27 100%);border-right:0;box-shadow:12px 0 40px rgba(5,29,36,.12)}
.sidebar .brand-copy strong,.sidebar .city-button strong{color:#fff}.sidebar .brand-copy small,.sidebar .nav-label,.sidebar .nav-link,.sidebar .sidebar-footer p{color:#b9d0c8}.sidebar .city-button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:linear-gradient(90deg,rgba(104,239,194,.23),rgba(104,239,194,.08));color:#fff}.sidebar .sidebar-footer{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}.sidebar .sidebar-footer strong{color:var(--mint)}
.topbar{background:color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:0 8px 28px rgba(9,41,53,.04)}
.content{max-width:1560px}.card,.search-panel{box-shadow:var(--shadow-soft)}
.card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#fff),color-mix(in srgb,var(--surface) 92%,var(--mint-soft)));border-color:color-mix(in srgb,var(--line) 76%,#fff)}
.page-icon{background:linear-gradient(145deg,#d8fff1,#eaf3ff);border-color:#b5ded2;color:var(--brand-2)}
.page-head h1{background:linear-gradient(100deg,var(--ink) 0%,var(--brand-2) 58%,var(--brand) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn.primary{background:linear-gradient(135deg,var(--brand),#075a7d);border:0;box-shadow:0 12px 26px rgba(0,99,91,.22)}
.btn.dark{background:linear-gradient(135deg,var(--brand-2),#174c69)}
.control.primary{background:linear-gradient(135deg,var(--brand-2),#075f57);border:0}
.hero-visual{background:radial-gradient(circle at 72% 20%,rgba(104,239,194,.35),transparent 33%),radial-gradient(circle at 20% 90%,rgba(255,119,95,.18),transparent 35%),linear-gradient(145deg,#0b2942,#064b3c)}
.hero-body{background:linear-gradient(140deg,#fbfdfc,#eaf5f1)}
.premium-search{border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--brand),var(--violet),var(--coral)) 1}
.premium-empty{background:linear-gradient(135deg,rgba(104,239,194,.12),rgba(102,87,217,.08))}
.source-pill{display:inline-flex;padding:4px 8px;margin-bottom:7px;border-radius:999px;background:linear-gradient(90deg,var(--mint-soft),#e8f0ff);color:var(--brand);font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:900}
.place-result,.food-result{border-left:4px solid color-mix(in srgb,var(--brand) 72%,var(--mint))}.food-result:nth-child(3n+2){border-left-color:var(--coral)}.food-result:nth-child(3n){border-left-color:var(--violet)}
.actions.compact{margin-top:0}.offers-panel{background:linear-gradient(145deg,#f7fffb,#eef0ff)}.offer-explainer{margin-top:22px;padding:16px;border-radius:18px;background:linear-gradient(135deg,var(--mint-soft),#edf1ff);display:grid;gap:5px}.offer-explainer span{font-size:12px;color:var(--muted)}
.campus-premium{position:relative;overflow:hidden}.campus-premium:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;bottom:-70px;background:rgba(104,239,194,.18)}.campus-map-banner{background:linear-gradient(110deg,#effff8,#edf3ff)}
.route-builder{border-top:4px solid var(--violet)}
.privacy-card:nth-child(3n+1){border-top:4px solid var(--brand)}.privacy-card:nth-child(3n+2){border-top:4px solid var(--violet)}.privacy-card:nth-child(3n){border-top:4px solid var(--coral)}

/* Event tree */
.event-command-bar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:18px;padding:16px 18px;border-radius:20px;background:linear-gradient(110deg,var(--surface),#e8f8f2,#eef0ff);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.event-command-bar>div:first-child strong{font-size:28px;color:var(--brand)}.event-command-bar span{color:var(--muted)}.event-view-note{font-size:12px;color:var(--muted)}
.event-tree{display:grid;gap:22px}.event-month{background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}.event-month-head{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:18px 20px;background:linear-gradient(100deg,#e6fbf3,#eef2ff)}.event-month-head small,.event-week-label small{display:block;font-size:9px;letter-spacing:.14em;color:var(--brand);font-weight:900}.event-month-head strong{display:block;font-size:20px}.event-month-head b{color:var(--muted);font-size:12px}.month-orb{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),#075a7d);color:#fff}.event-month-body{padding:18px}.event-week{padding:4px 0 18px}.event-week-label{display:flex;align-items:center;gap:10px;padding:8px 0}.event-week-label>span{width:20px;height:2px;background:var(--coral)}.event-week-label strong{font-size:12px}.event-day{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.event-date-rail{display:grid;grid-template-columns:56px 1fr auto;gap:9px;align-items:start}.event-date-rail>span{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,var(--brand),#075a7d);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.event-date-rail strong{display:block}.event-date-rail small{display:block;color:var(--muted);font-size:10px}.event-date-rail b{color:var(--muted);font-size:11px}.event-day-cards{display:grid;gap:9px}.event-card{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,var(--surface),#f1f8f5)}.event-card.featured{border-color:#a9dec9;background:linear-gradient(120deg,#e7fbf2,#eef2ff)}.event-time{display:grid;place-items:center;padding:9px;border-radius:13px;background:var(--surface);border:1px solid var(--line)}.event-time strong{font-size:16px}.event-time span{font-size:8px;text-transform:uppercase;color:var(--brand);font-weight:900}.event-card-copy h3{margin:0 0 4px;font-size:16px}.event-card-copy p{margin:0;color:var(--muted);font-size:11px}.event-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;color:var(--muted);font-size:10px}.event-actions{display:flex;gap:6px}.event-more{width:100%;border:1px dashed var(--line);background:var(--surface-2);padding:10px;border-radius:13px;color:var(--brand);font-weight:800;cursor:pointer}.event-connectors{margin-top:18px}

/* Guide hub */
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{position:relative;overflow:hidden;padding:26px}.guide-card:after{content:"";position:absolute;right:-45px;top:-45px;width:140px;height:140px;border-radius:50%;background:linear-gradient(145deg,rgba(104,239,194,.2),rgba(102,87,217,.12))}.guide-number{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--brand-2),var(--brand));color:white;display:grid;place-items:center;font-weight:900;margin-bottom:15px}.guide-card ol{padding-left:20px;color:var(--muted);font-size:12px}.guide-card li{margin:7px 0}.guide-audience{display:grid;gap:3px;margin-top:14px;padding:12px;border-radius:14px;background:var(--surface-2)}.guide-audience strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand)}.guide-audience span{font-size:12px}.guide-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-modal-grid>div{padding:16px;border-radius:16px;background:var(--surface-2)}.guide-modal-grid li{margin:8px 0}.source-register{background:linear-gradient(145deg,#f8fffc,#eef2ff)}

/* Authentication */
.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 10% 20%,rgba(104,239,194,.34),transparent 31%),radial-gradient(circle at 90% 15%,rgba(102,87,217,.22),transparent 30%),radial-gradient(circle at 80% 90%,rgba(255,119,95,.18),transparent 30%),linear-gradient(145deg,#dcece7,#e8edf8)}
.auth-premium{width:min(1160px,100%);margin:0;box-shadow:0 40px 100px rgba(7,35,48,.22);border:1px solid rgba(255,255,255,.7)}.auth-intro{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(104,239,194,.28),transparent 33%),radial-gradient(circle at 20% 90%,rgba(255,119,95,.16),transparent 34%),linear-gradient(145deg,#0b2942,#064b3c)}.auth-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black)}.auth-intro>*:not(.auth-glow){position:relative}.auth-benefits{display:grid!important;gap:11px!important}.auth-form{background:linear-gradient(150deg,#fbfdfc,#eef5f2)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-brand strong{display:block}.auth-brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.auth-actions{justify-content:stretch}.auth-actions .btn{flex:1}.auth-legal{font-size:11px;color:var(--muted);margin-top:20px}.login-footer{position:fixed;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;color:#31534a;font-size:11px}

@media(max-width:900px){.event-command-bar{grid-template-columns:1fr}.event-day{grid-template-columns:1fr}.event-card{grid-template-columns:70px 1fr}.event-actions{grid-column:1/-1}.guide-grid{grid-template-columns:1fr}.guide-modal-grid{grid-template-columns:1fr}}
@media(max-width:600px){.event-month-body{padding:12px}.event-date-rail{grid-template-columns:50px 1fr auto}.event-card{grid-template-columns:1fr}.event-time{display:flex;justify-content:space-between}.event-actions{display:grid;grid-template-columns:repeat(3,1fr)}.login-screen{padding:8px}.login-footer{display:none}.auth-premium{border-radius:22px}.auth-form{padding:24px}}

/* v5.1 dark-mode contrast and owner control centre */
body.dark{
  --bg:#051015;
  --surface:#0b2025;
  --surface-2:#102c31;
  --ink:#f5fff9;
  --muted:#b4c9c1;
  --line:#2a4d51;
  --brand:#74f0c5;
  --brand-2:#6ecdf4;
  --mint:#79f4ca;
  --mint-soft:#153f38;
  --amber:#ffd38a;
  --amber-soft:#3d3019;
  --red:#ff9b8d;
  --red-soft:#44231f;
  --coral:#ff9b86;
  --coral-soft:#45231e;
  --violet:#aaa0ff;
  --shadow:0 24px 60px rgba(0,0,0,.42);
  --shadow-soft:0 16px 42px rgba(0,0,0,.28);
}
body.dark .card,
body.dark .search-panel{
  background:linear-gradient(145deg,#0d242a,#0a1b20);
  border-color:#2b4b50;
  color:var(--ink);
}
body.dark .card.soft,
body.dark .result-card,
body.dark .event-time,
body.dark .guide-modal-grid>div,
body.dark .guide-audience,
body.dark .empty,
body.dark .metric,
body.dark .table-wrap{
  background:#102b31;
  color:var(--ink);
}
body.dark .page-head h1{
  background:linear-gradient(100deg,#f7fff9 0%,#a7f5da 52%,#8bdcff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.dark .page-icon{
  background:linear-gradient(145deg,#173f3a,#122f45);
  border-color:#37645f;
  color:#8df6d1;
}
body.dark .hero-body{
  background:linear-gradient(145deg,#0f2b30,#0b2027);
  color:var(--ink);
}
body.dark .hero-body h2,
body.dark .hero-body p,
body.dark .hero-body .meta,
body.dark .phase-card h3,
body.dark .connector h3,
body.dark .privacy-card h3{
  color:var(--ink);
}
body.dark .hero-body p,
body.dark .hero-body .meta,
body.dark .card p,
body.dark .card li,
body.dark .table small,
body.dark .event-card-copy p,
body.dark .event-meta{
  color:var(--muted);
}
body.dark .source-pill{
  background:linear-gradient(90deg,#17483c,#1b3550);
  color:#9af5d7;
}
body.dark .offers-panel,
body.dark .offer-explainer,
body.dark .campus-map-banner,
body.dark .source-register,
body.dark .premium-empty{
  background:linear-gradient(145deg,#102e31,#12273a);
  color:var(--ink);
}
body.dark .event-command-bar,
body.dark .event-month-head{
  background:linear-gradient(110deg,#102b31,#153b35,#182d45);
  color:var(--ink);
}
body.dark .event-card{
  background:linear-gradient(120deg,#0f292f,#10243a);
  border-color:#315159;
}
body.dark .event-card.featured{
  background:linear-gradient(120deg,#15453a,#1a3150);
  border-color:#4d8e7e;
}
body.dark .event-more{
  background:#102b31;
  color:#8ff3d1;
}
body.dark .chip,
body.dark .btn,
body.dark .control,
body.dark .city-choice,
body.dark .suggestions,
body.dark .suggestion,
body.dark .field input,
body.dark .field select,
body.dark .field textarea,
body.dark .search-box input{
  background:#0e272d;
  color:var(--ink);
  border-color:#315259;
}
body.dark .chip.active,
body.dark .chip:hover,
body.dark .btn.primary{
  color:#04110d;
}
body.dark .auth-form{
  background:linear-gradient(150deg,#0d252b,#102b31);
  color:var(--ink);
}
body.dark .login-screen{
  background:radial-gradient(circle at 10% 20%,rgba(104,239,194,.18),transparent 31%),radial-gradient(circle at 90% 15%,rgba(102,87,217,.18),transparent 30%),radial-gradient(circle at 80% 90%,rgba(255,119,95,.14),transparent 30%),linear-gradient(145deg,#07161d,#0c1c28);
}
body.dark .auth-premium{border-color:#315159}
body.dark .auth-legal,
body.dark .auth-brand small,
body.dark .login-footer{color:var(--muted)}
body.dark code{color:#a8f3db}

.owner-console-screen{
  min-height:100vh;
  background:radial-gradient(circle at 5% 5%,rgba(104,239,194,.22),transparent 28%),radial-gradient(circle at 95% 8%,rgba(102,87,217,.15),transparent 28%),var(--bg);
}
.owner-console-topbar{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 28px;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--surface) 86%,transparent);
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
  z-index:20;
}
.owner-console-brand{display:flex;align-items:center;gap:12px}.owner-console-brand div:last-child strong{display:block}.owner-console-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.owner-console-actions{display:flex;gap:8px;flex-wrap:wrap}.owner-console-content{max-width:1580px;margin:0 auto;padding:38px 32px 90px}.owner-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.owner-step{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:16px}.owner-step b{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:var(--brand);color:#05120e;margin-bottom:10px}.owner-step strong{display:block;margin-bottom:5px}.owner-step span{color:var(--muted);font-size:12px}.owner-reviewer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.owner-reviewer code{font-size:12px}.owner-table-actions{display:flex;gap:6px;flex-wrap:wrap}.owner-hidden-note{font-size:12px;color:var(--muted)}
@media(max-width:900px){.owner-workflow{grid-template-columns:1fr 1fr}.owner-console-topbar{align-items:flex-start}.owner-console-content{padding:26px 18px 80px}}
@media(max-width:600px){.owner-workflow{grid-template-columns:1fr}.owner-console-topbar{padding:12px 14px}.owner-console-actions{width:100%}.owner-console-actions .control{flex:1}.owner-console-content{padding:20px 10px 70px}}

/* v6.0 original mobile-commerce navigation system — familiar, not a copy of any third-party brand */
:root{
  --commerce-blue:#1747b3;
  --commerce-blue-2:#0f2f7a;
  --commerce-cyan:#0b87b8;
  --commerce-yellow:#ffcf3f;
  --commerce-orange:#ff8c38;
  --commerce-mint:#55e1ba;
  --commerce-lilac:#ebe8ff;
  --commerce-soft:#eef4ff;
  --sidebar:248px;
}
body{background:radial-gradient(circle at 82% 8%,rgba(88,128,255,.10),transparent 24%),radial-gradient(circle at 16% 12%,rgba(85,225,186,.11),transparent 24%),var(--bg)}
.commerce-topbar{height:76px;background:color-mix(in srgb,var(--surface) 94%,transparent);padding:0 24px;gap:18px}.mobile-brand{display:none}.global-search{display:flex;align-items:center;gap:8px;flex:1;max-width:690px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:0 6px 0 15px;box-shadow:0 10px 30px rgba(23,71,179,.06)}.global-search>span{color:var(--commerce-blue);font-size:22px}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:12px 2px;font-size:14px}.global-search button{border:0;background:var(--commerce-blue);color:#fff;border-radius:11px;padding:9px 16px;font-weight:850;cursor:pointer}.category-rail{position:sticky;top:76px;z-index:25;display:flex;gap:8px;overflow:auto;padding:10px 24px;background:color-mix(in srgb,var(--surface) 95%,transparent);border-bottom:1px solid var(--line);scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category-rail-item{min-width:max-content;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid transparent;color:var(--muted);font-size:12px;font-weight:750}.category-rail-item b{width:27px;height:27px;border-radius:10px;background:var(--commerce-soft);color:var(--commerce-blue);display:grid;place-items:center}.category-rail-item:hover,.category-rail-item.active{background:var(--commerce-soft);color:var(--commerce-blue);border-color:#cfdcff}.category-rail-item.active b{background:var(--commerce-blue);color:white}
.sidebar{background:linear-gradient(180deg,#102d6e 0%,#0a3c59 55%,#075140 100%);border-right:0;color:#fff}.sidebar .brand-copy strong{color:#fff}.sidebar .brand-copy small,.sidebar .nav-label,.sidebar .city-button small,.sidebar .sidebar-footer p{color:rgba(255,255,255,.70)}.sidebar .city-button{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);color:#fff}.sidebar .nav-link{color:rgba(255,255,255,.80)}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.16);color:#fff}.sidebar .sidebar-footer{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14)}.sidebar .sidebar-footer strong{color:var(--commerce-yellow)}.brand-mark{background:#fff;color:var(--commerce-blue);box-shadow:0 12px 28px rgba(0,0,0,.18)}.brand-mark span{color:var(--commerce-orange)}
.content{padding-top:34px}.page-head h1{background:linear-gradient(95deg,var(--ink) 0%,var(--commerce-blue) 63%,var(--commerce-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.page-icon{border-color:#cbd9ff;background:linear-gradient(145deg,#f4f7ff,#e6f3ff);color:var(--commerce-blue)}.eyebrow{color:var(--commerce-blue)}.support-badge.full{background:#dff8ef;color:#086448}.btn.primary{background:linear-gradient(135deg,var(--commerce-blue),var(--commerce-cyan));border-color:transparent;box-shadow:0 12px 26px rgba(23,71,179,.18)}.btn.dark{background:linear-gradient(135deg,#102d6e,#075140);border-color:transparent}.chip.active,.chip:hover{background:var(--commerce-blue);border-color:var(--commerce-blue)}
.commerce-hero{display:grid;grid-template-columns:1.15fr .85fr;padding:0;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f3f6ff 55%,#e4fbf3 100%);border-color:#d6e1ff}.commerce-hero-copy{padding:42px}.commerce-hero-copy h2{font-size:clamp(36px,4vw,58px);line-height:.98;letter-spacing:-.055em;margin:12px 0}.commerce-hero-copy p{font-size:16px;max-width:720px}.commerce-hero-art{min-height:340px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(255,207,63,.94),transparent 20%),radial-gradient(circle at 22% 72%,rgba(85,225,186,.70),transparent 27%),linear-gradient(145deg,#1747b3,#0b87b8 60%,#075140);display:grid;place-items:center}.commerce-hero-art:before,.commerce-hero-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%}.commerce-hero-art:before{width:360px;height:360px}.commerce-hero-art:after{width:230px;height:230px}.hero-deal-badge{position:relative;z-index:2;width:190px;min-height:115px;background:#fff;border-radius:28px;padding:23px;box-shadow:0 30px 70px rgba(5,32,72,.28);transform:rotate(-4deg)}.hero-deal-badge strong{display:block;font-size:30px;color:var(--commerce-blue);letter-spacing:-.05em}.hero-deal-badge span{font-size:12px;color:#456}.hero-orbit i{position:absolute;width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.20);backdrop-filter:blur(10px);display:grid;place-items:center;color:white;font-style:normal;font-size:22px;border:1px solid rgba(255,255,255,.22)}.hero-orbit i:nth-child(1){top:38px;left:42px}.hero-orbit i:nth-child(2){right:42px;top:70px}.hero-orbit i:nth-child(3){left:72px;bottom:42px}.hero-orbit i:nth-child(4){right:60px;bottom:44px}
.home-section{margin-top:28px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.section-title-row h2{margin:4px 0 0;font-size:27px;letter-spacing:-.035em}.commerce-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.commerce-category-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 11px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:142px;box-shadow:0 10px 30px rgba(23,71,179,.05);transition:.2s ease}.commerce-category-card:hover{transform:translateY(-4px);border-color:#abc2ff;box-shadow:0 18px 36px rgba(23,71,179,.12)}.commerce-category-icon{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#e8efff,#e6fff5);color:var(--commerce-blue);font-size:23px;margin-bottom:10px}.commerce-category-card strong{font-size:13px}.commerce-category-card small{color:var(--muted);font-size:10px;margin-top:4px;line-height:1.3}.home-promo-strip{margin-top:24px;border-radius:22px;padding:24px 28px;background:linear-gradient(100deg,#ffcf3f,#ff9b3f 52%,#ff7459);color:#25200c;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 20px 46px rgba(255,140,56,.22)}.home-promo-strip>div{display:grid}.home-promo-strip strong{font-size:22px}.home-promo-strip small{max-width:800px}.promo-kicker{text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:900}.home-event-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-event-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;box-shadow:0 12px 32px rgba(23,71,179,.06)}.home-event-time{background:var(--commerce-blue);color:#fff;border-radius:13px;padding:9px 10px;font-weight:900}.home-event-card span{color:var(--commerce-blue);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.home-event-card h3{font-size:16px;margin:2px 0 4px}.home-event-card p{font-size:11px;color:var(--muted);margin:0 0 6px}.home-event-card small{color:var(--muted)}.home-benefits{margin-top:28px}.benefit-card{display:flex;flex-direction:column}.benefit-card .page-icon{width:46px;height:46px;border-radius:15px}.benefit-card .btn{margin-top:auto;align-self:flex-start}
.event-command-bar{border:1px solid #cad8ff;background:linear-gradient(110deg,#f5f7ff,#e9f8ff,#e7fff5)}.event-month-head{background:linear-gradient(110deg,#edf2ff,#e9f9ff,#e8fff7)}.event-card.featured{border-color:#a8c3ff;background:linear-gradient(120deg,#f0f4ff,#e9fff6)}.event-time{border-color:#d4dfff}.month-orb{background:var(--commerce-blue)}
body.dark{--commerce-soft:#14264a}.dark .commerce-topbar,.dark .category-rail{background:color-mix(in srgb,#0b2025 95%,transparent)}body.dark .commerce-hero{background:linear-gradient(135deg,#0b2025,#101e38 56%,#10352d);border-color:#2d4b72}body.dark .commerce-category-card,body.dark .home-event-card{background:#0d242a;border-color:#2c4d54}body.dark .commerce-category-icon{background:linear-gradient(145deg,#172d56,#153c35);color:#91b8ff}body.dark .page-head h1{background:linear-gradient(95deg,#fff 0%,#9cc0ff 55%,#7ef2cf 100%);-webkit-background-clip:text;background-clip:text;color:transparent}body.dark .global-search{background:#10272e;border-color:#315159}body.dark .global-search input{color:var(--ink)}body.dark .category-rail-item:hover,body.dark .category-rail-item.active{background:#162e56;border-color:#365993;color:#b7d0ff}body.dark .home-promo-strip{color:#241700}
@media(max-width:1250px){.commerce-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-event-row{grid-template-columns:1fr}.commerce-hero{grid-template-columns:1fr .65fr}}
@media(max-width:900px){:root{--sidebar:0px}.sidebar{display:none}.main{margin-left:0}.commerce-topbar{height:auto;min-height:68px;display:grid;grid-template-columns:auto 1fr auto;padding:10px 12px;gap:10px}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand span{width:34px;height:34px;border-radius:12px;background:var(--commerce-blue);color:white;display:grid;place-items:center;font-weight:900}.mobile-brand strong{display:none}.global-search{grid-column:1/-1;grid-row:2;max-width:none}.global-search button{padding:8px 12px}.top-actions{grid-column:3;grid-row:1}.city-compact,.account-control span{display:none}.category-rail{top:118px;padding:8px 10px}.content{padding:24px 12px 110px}.commerce-hero{grid-template-columns:1fr}.commerce-hero-art{min-height:230px}.commerce-hero-copy{padding:28px}.commerce-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-event-card{grid-template-columns:auto 1fr}.home-event-card .btn{grid-column:1/-1}.mobile-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:8px;z-index:80;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:20px;padding:6px;box-shadow:0 18px 60px rgba(4,24,45,.24);backdrop-filter:blur(18px)}.mobile-link{display:grid;place-items:center;gap:2px;padding:7px 3px;border-radius:14px;color:var(--muted);font-size:9px;font-weight:800}.mobile-link b{font-size:17px}.mobile-link.active{background:linear-gradient(135deg,var(--commerce-blue),var(--commerce-cyan));color:#fff}}
@media(max-width:600px){.commerce-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.commerce-category-card{padding:11px 5px;min-height:112px;border-radius:15px}.commerce-category-icon{width:42px;height:42px;border-radius:15px;font-size:19px}.commerce-category-card strong{font-size:10px}.commerce-category-card small{display:none}.commerce-hero-copy h2{font-size:36px}.home-promo-strip{align-items:flex-start;flex-direction:column;padding:20px}.home-promo-strip strong{font-size:18px}.section-title-row h2{font-size:22px}.top-actions{gap:5px}.control{padding:8px 9px}.theme-control{display:none}.page-head{gap:12px}.page-icon{width:46px;height:46px;border-radius:16px}.page-head h1{font-size:36px}.page-head p{font-size:14px}.event-card{border-radius:15px}.event-command-bar{border-radius:18px}}