@font-face{font-family:Inter;src:url('assets/Inter-Variable.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond-Variable.ttf');font-weight:300 700;font-display:swap}@font-face{font-family:Arabic;src:url('assets/NotoSansArabic-Variable.ttf');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0b0d20;--panel:#1b1e38;--text:#f7f3ff;--muted:#c0bddc;--edge:#73739e;--soft:#343454;--accent:#c59aff;--shadow:#09091a;--nav:#11132a;--input:#14162d;--glow:#48417d;--font:Inter,Arabic,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}body.light{color-scheme:light;--bg:#eeeaf5;--panel:#faf8ff;--text:#27203e;--muted:#68607d;--edge:#b1a3c5;--soft:#e0d7ee;--accent:#713aca;--shadow:#c8badb;--nav:#f6f0ff;--input:#fff;--glow:#d6c5ed}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{border:0;background:none}a{color:var(--accent)}button svg{flex:none}svg{width:22px;height:22px;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Cormorant,Arabic,serif;font-weight:500;line-height:1.1}h1{font-size:36px}h2{font-size:29px}h3{font-size:24px}small,.small{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.app{max-width:540px;min-height:100dvh;margin:auto;position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 0,var(--glow),transparent 500px),var(--bg);padding:env(safe-area-inset-top) 14px calc(95px + env(safe-area-inset-bottom))}.hero-art{position:absolute;inset:35px 0 auto;height:320px;background:url('assets/london-hero.png') center/cover;z-index:-1;mask-image:linear-gradient(transparent,black 10%,black 65%,transparent);opacity:.88}.light .hero-art{opacity:.22}.brand{padding:20px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-center{text-align:center}.logo{font:500 43px/.95 Cormorant,serif;letter-spacing:-1.5px}.tagline{font-size:10px;letter-spacing:1.8px;margin-top:6px;text-transform:uppercase}.circle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--edge);background:linear-gradient(135deg,#9290ce33,#12132733)}.eyebrow{letter-spacing:1.5px;font-size:12px;text-transform:uppercase;color:var(--muted)}.page-head{display:flex;gap:12px;align-items:center;margin:13px 0 18px}.page-head>svg{width:34px;height:34px;color:var(--accent);filter:drop-shadow(0 0 8px #ad69ff)}.page-head p{color:var(--muted);font-size:14px;margin-top:5px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:grid;gap:12px}.glass{border:1px solid var(--edge);background:linear-gradient(115deg,#8e83bf33,#25294566 40%,#11142d77);box-shadow:inset 0 0 20px #8f8fde11,0 10px 24px #05061716;border-radius:20px}.light .glass{background:linear-gradient(125deg,#fffD,#e1d7edb8)}.pad{padding:16px}.destination{display:flex;overflow:hidden;min-height:130px;text-align:start;width:100%;padding:0}.destination>img{width:32%;object-fit:cover}.destination-copy{padding:13px;flex:1}.destination h2{font-size:26px}.destination p{font-size:14px;color:var(--muted)}.destination .weather-inline{margin-top:9px;gap:10px}.weather-inline svg{color:#cbd5ff;width:28px;height:28px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #a495d14d;background:#a594dc20;border-radius:30px;padding:3px 9px;font-size:12px;line-height:1.5}.tabs,.chips{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:3px 1px}.tabs{margin:10px 0}.tabs button{flex:1;white-space:nowrap;border:1px solid #827ec45e;background:#14162b88;border-radius:22px;padding:9px 8px;font-size:13px;color:var(--muted)}.light .tabs button{background:#f3edfb}.tabs button.active,.chips button.active{background:linear-gradient(125deg,#ab73dd,#493ea2);color:#fff;border-color:#b2a6fa;box-shadow:0 0 14px #a279f344}.tabs svg{width:17px;height:17px;margin-inline-end:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--edge);padding:9px 15px;border-radius:24px;background:linear-gradient(120deg,#a098cb33,#3c405c33);text-decoration:none;font-size:14px;text-align:center}.btn.primary{background:linear-gradient(115deg,#c67bdb,#7653e7 65%,#6253fa);border-color:#c7adff;color:#fff;box-shadow:inset 0 0 12px #ebbcff44,0 4px 20px #8c55e533}.btn.full{width:100%}.btn.danger{color:#ffaaaa;border-color:#b17b87}.light .btn.danger{color:#991c35}.btn:disabled{opacity:.55;cursor:default}.packed{padding:11px 10px 12px}.packed h2{font-size:26px}.packed .btn{padding:7px 10px;font-size:13px;min-height:38px}.suitcase{position:relative;aspect-ratio:1000/596;direction:ltr;margin-top:2px}.suitcase>img{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.compartments{position:absolute;inset:16% 4.5% 7.5%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3% 3%}.compartment{position:relative;min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:end;color:#fff;overflow:hidden;border-radius:9px}.compartment img{height:75%;width:92%;position:absolute;top:0;object-fit:contain;filter:drop-shadow(0 4px 3px #0008)}.compartment span{font-size:12px;width:100%;background:linear-gradient(transparent,#111327ee 25%);z-index:1;padding-top:6px;line-height:1.25}.compartment small{color:#c6c4df;font-size:11px}.compartment.plus{font-size:24px;justify-content:center;gap:3px}.compartment.plus span{font-size:12px;padding:0;background:none}.switchrow{display:flex;align-items:center;gap:10px;padding:13px 15px}.switchrow .spark{color:var(--accent);width:25px;height:25px;flex:none}.switchrow p{font-size:14px}.switch{flex:none;width:44px;height:26px;border-radius:25px;background:#65657e;border:1px solid var(--edge);padding:2px;position:relative}.switch::after{content:'';display:block;width:20px;height:20px;background:white;border-radius:50%;transition:transform .15s}.switch[aria-checked=true]{background:linear-gradient(100deg,#ba72ea,#6644eb)}.switch[aria-checked=true]::after{transform:translateX(17px)}[dir=rtl] .switch[aria-checked=true]::after{transform:translateX(-17px)}.look-card{display:flex;text-align:start;width:100%;gap:13px;padding:10px}.look-card>img{width:41%;border-radius:12px;object-fit:cover;aspect-ratio:1/1.05}.look-card .copy{padding:5px 0;align-self:center;min-width:0}.look-card h2{font-size:27px;margin:6px 0}.look-card p{font-size:14px;color:var(--muted);line-height:1.5}.look-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;color:var(--muted)}.look-meta svg{width:14px;height:14px}.dots{display:flex;justify-content:center;gap:6px;margin:8px}.dots i{width:5px;height:5px;background:#706b9c;border-radius:50%}.dots i:first-child{background:#edc0ff}.tomorrow{padding:12px;display:flex;align-items:center;gap:8px}.tomorrow p{font-size:14px}.actions{display:flex;gap:8px}.actions>*{flex:1}.nav{position:fixed;inset:auto 0 0;z-index:20;margin:auto;max-width:540px;background:linear-gradient(135deg,var(--panel),var(--nav) 70%);border:1px solid #918bd070;border-bottom:0;border-radius:24px 24px 0 0;display:flex;padding:9px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px #07071d3d}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:12px;padding:4px 0;min-height:46px}.nav button.active{color:var(--text)}.nav button.active svg{color:var(--accent);filter:drop-shadow(0 0 6px #b98ef6)}.nav svg{width:24px;height:24px}.preview{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:12px 0 0}.preview button{font-size:inherit;text-decoration:underline}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-title h2{font-size:28px}.chips{margin:10px 0}.chips button{padding:8px 14px;border:1px solid var(--edge);border-radius:22px;font-size:14px;white-space:nowrap;background:var(--panel)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-card{position:relative;overflow:hidden;text-align:start;padding:12px;min-width:0}.item-card img{width:100%;height:150px;object-fit:contain;border-radius:12px;background:radial-gradient(#69618133,transparent)}.item-card h3{font-family:var(--font);font-size:14px;font-weight:500;margin:10px 0 4px}.item-card .check{position:absolute;top:10px;inset-inline-end:10px;background:var(--panel);border:1px solid var(--edge);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.item-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.selected .check{background:#7d51cb;color:#fff}.empty{text-align:center;padding:32px 18px}.empty svg{width:40px;height:40px;color:var(--accent);margin-bottom:14px}.empty p{color:var(--muted);margin:10px 0 18px}.search{width:100%;padding:12px 15px;border:1px solid var(--edge);border-radius:15px;background:var(--input);color:var(--text)}.form{display:grid;gap:15px}.form label{display:grid;gap:6px;font-size:14px}.form input,.form select,.form textarea{width:100%;min-height:46px;border:1px solid var(--edge);border-radius:12px;padding:10px 12px;background:var(--input);color:var(--text);font-size:16px}.form textarea{resize:vertical;min-height:90px}.form input[type=file]{padding:12px;font-size:14px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-note{font-size:13px;color:var(--muted)}dialog{color:var(--text);background:var(--bg);border:1px solid var(--edge);border-radius:25px;padding:0;width:min(500px,calc(100% - 22px));max-height:85dvh;box-shadow:0 20px 80px #0008;overscroll-behavior:contain}dialog::backdrop{background:#030312a6;backdrop-filter:blur(7px)}.sheet-inner{padding:20px}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.sheet-header h2{font-size:30px}.sheet-header button{width:36px;height:36px;display:grid;place-items:center;flex:none}.sheet-inner>p{color:var(--muted);margin-bottom:15px}.sheet-actions{display:flex;gap:8px;position:sticky;bottom:-20px;background:var(--bg);padding:15px 0 0;margin-top:15px}.sheet-actions>*{flex:1}#toast{position:fixed;z-index:100;bottom:calc(93px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(25px);max-width:calc(100% - 30px);width:max-content;padding:12px 20px;border-radius:18px;background:#e9ddff;color:#2e1e48;box-shadow:0 4px 30px #0005;opacity:0;pointer-events:none;transition:.2s;font-size:14px}#toast.show{opacity:1;transform:translateX(-50%)}.settings-row{display:flex;gap:12px;align-items:center;width:100%;text-align:start;padding:16px 0;border-bottom:1px solid #8883af33}.settings-row:last-child{border-bottom:0}.settings-row>svg{color:var(--accent)}.settings-row .grow>span{display:block}.settings-row small{display:block;margin-top:4px}.cover{border-radius:18px;width:100%;max-height:340px;object-fit:cover}.list-item{display:flex;gap:12px;align-items:center}.list-item img{height:64px;width:64px;object-fit:contain;background:var(--soft);border-radius:12px}.divider{border:0;border-top:1px solid #8580ac40;margin:15px 0}.voice-orb{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin:24px auto;background:radial-gradient(circle at 35% 25%,#e4acff,#855be3 48%,#29224e);border:1px solid #ddbdff;box-shadow:0 0 0 12px #9674cb12,0 0 0 25px #9373d007,0 0 60px #b879ed22;color:white}.voice-orb svg{width:40px;height:40px}.voice-orb.listening{animation:pulse 1s infinite alternate}.chat{display:grid;gap:12px;margin:18px 0}.bubble{padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid #8c83b844;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{margin-inline-start:25px;background:#855ce72a}.bubble.bot{margin-inline-end:15px}.chat-form{display:flex;gap:8px}.chat-form input{min-width:0;flex:1}.weather-main{text-align:center;padding:30px}.weather-main svg{width:64px;height:64px;color:var(--accent)}.weather-temp{font-family:Cormorant,serif;font-size:68px}.timeline{position:relative;padding-inline-start:23px;border-inline-start:1px solid var(--edge);margin:18px 8px}.timeline .event{position:relative;margin-bottom:20px}.timeline .event:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);inset-inline-start:-28px;top:8px}.price{font-family:Cormorant,serif;font-size:52px}.notice{padding:12px 14px;border:1px solid #ab93db55;background:#9175b916;border-radius:14px;font-size:13px;color:var(--muted)}.mt{margin-top:15px}.text-center{text-align:center}.close-inline{float:inline-end}.look-flat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:linear-gradient(140deg,#9990b855,#3f3a5c55);border-radius:18px;padding:15px}.look-flat img{width:100%;height:125px;object-fit:contain}.feature-list{padding-inline-start:20px;color:var(--muted);line-height:1.8}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-grid>div{padding:12px 8px;text-align:center}.mini-grid strong{font:500 29px Cormorant,serif;display:block}.upload-preview{height:170px;width:100%;object-fit:contain;border:1px dashed var(--edge);border-radius:14px}.loading{opacity:.6;pointer-events:none}@keyframes pulse{to{box-shadow:0 0 0 15px #9674cb25,0 0 0 30px #9373d012}}@media(min-width:650px){body{background:radial-gradient(ellipse at top,#34304d,#0b0d20 70%);padding:25px 0}.app{border:1px solid #6c64894d;border-radius:30px;min-height:calc(100dvh - 50px);box-shadow:0 20px 100px #0007}.nav{bottom:15px;border-radius:24px;border-bottom:1px solid #918bd070;width:calc(100% - 28px);max-width:510px}}@media(max-width:370px){.app{padding-inline:10px}.logo{font-size:36px}.tagline{font-size:8px}.packed h2{font-size:23px}.packed .badge{display:none}.tabs button{font-size:12px;padding:9px 5px}.look-card h2{font-size:24px}.actions .btn{padding:9px 8px;font-size:13px}.compartment span{font-size:10px}.compartment small{font-size:10px}.item-card img{height:125px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Arabic,sans-serif;font-weight:500;line-height:1.5;font-size:24px}[dir=rtl] .logo{font-family:Cormorant,serif}[dir=rtl] .destination h2{font-size:19px}[dir=rtl] .look-card h2{font-size:19px}[dir=rtl] .packed h2{font-size:20px}[dir=rtl] .compartments{direction:ltr}[dir=rtl] .compartment span{direction:rtl}
.packed>.row{gap:6px}.packed>.row>.row{gap:6px;min-width:0}.packed h2{white-space:nowrap;font-size:24px}.packed .badge{white-space:nowrap;padding:3px 7px}.packed .btn{white-space:nowrap;flex:none;font-size:12px;padding:7px 9px}.packed .btn svg{width:17px;height:17px}.packed>.row>.row>svg{width:19px}.tagline{direction:ltr}.destination-copy{background:linear-gradient(110deg,#282446a8,#17182bd9)}.light .destination-copy{background:#f4eefaaf}[dir=rtl] .item-card h3{font-family:var(--font);font-size:14px;font-weight:500;line-height:1.6}[dir=rtl] .compartment span{font-size:11px}.compartment span{padding-top:3px}.suitcase{border-radius:13px;overflow:hidden}
@media(max-width:370px){.packed h2{font-size:22px}.packed .badge{display:none}.packed .btn{font-size:12px}}

.category-rail{display:flex;align-items:center;gap:7px;margin:13px 0 5px}.category-rail .chips{flex:1;min-width:0;margin:0;padding:4px 2px;overscroll-behavior-x:contain;scroll-padding-inline:4px}.category-rail .chips button{flex:none;min-height:44px}.category-arrow{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--edge);border-radius:50%;background:var(--panel);color:var(--text)}.category-arrow:disabled{opacity:.3;cursor:default}.category-arrow svg{width:21px;height:21px}.category-arrow.next svg{transform:rotate(180deg)}[dir=rtl] .category-arrow.previous svg{transform:rotate(180deg)}[dir=rtl] .category-arrow.next svg{transform:none}.category-status{font-size:13px;color:var(--muted);margin:5px 0 12px}

.discovery-entry{display:flex;align-items:flex-start;gap:14px;width:100%;padding:20px 16px;text-align:start}.entry-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border:1px solid var(--edge);border-radius:15px;background:#9f79d522;color:var(--accent)}.entry-icon svg{width:26px;height:26px}.discovery-entry h2{margin:8px 0;font-size:29px}.discovery-entry p{font-size:14px;color:var(--muted);line-height:1.6}.coming-soon{font-size:11px;letter-spacing:1.2px;color:var(--accent);background:#9c74d41c;border-color:var(--edge)}.entry-link{display:inline-block;margin-top:10px;font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.tryon-steps{display:grid;gap:16px;list-style:none;counter-reset:tryon;padding:0;margin:24px 0}.tryon-steps li{counter-increment:tryon;display:flex;align-items:center;gap:12px;font-size:15px}.tryon-steps li:before{content:counter(tryon);width:32px;height:32px;border-radius:50%;border:1px solid var(--edge);display:grid;place-items:center;color:var(--accent);flex:none}[dir=rtl] .discovery-entry h2{font-size:23px}

/* Stable mobile shell: only the page content scrolls and changes between routes. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{padding:0}#app{height:100%;overflow:hidden}.app{height:100%;height:100svh;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 14px 0;overflow:hidden}.brand{flex:none}.page-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding-bottom:20px}.page-scroll main{min-width:0}.page-scroll .preview{padding-top:18px}.nav{position:relative;inset:auto;flex:none;display:flex;flex-direction:column;gap:0;width:calc(100% + 28px);max-width:none;margin:0 -14px;border-radius:22px 22px 0 0;padding:6px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px #07071d25}.nav-main{display:flex;align-items:stretch}.nav-tools{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;padding:0 3px 6px;border-bottom:1px solid #8e84b933;margin-bottom:5px}.nav .nav-tools button{min-width:0;min-height:44px;flex-direction:row;justify-content:center;gap:6px;border:1px solid #8c83b855;border-radius:14px;font-size:13px;background:#8c73b814;padding:7px 4px;white-space:nowrap}.nav .nav-tools button.active{border-color:var(--accent);background:#a174e933}.nav .nav-tools svg{width:20px;height:20px}.nav .nav-main button{min-width:0;min-height:48px;padding:4px 0;font-size:12px}.nav .nav-main svg{width:23px;height:23px}.nav-soon{font-size:10px;color:var(--accent);padding:1px 4px;border-radius:5px;border:1px solid #b292e755;line-height:1.4}.cover{aspect-ratio:3/2}.hero-art[hidden]{display:none}#toast{bottom:calc(140px + env(safe-area-inset-bottom))}
@media(max-width:370px){.app{padding-inline:10px}.nav{width:calc(100% + 20px);margin-inline:-10px}.nav .nav-tools button{font-size:12px;gap:4px}.nav-soon{font-size:9px}.nav .nav-main button{font-size:11px}}
@media(min-width:650px){body{padding:16px 0}.app{height:calc(100% - 32px);min-height:0;border-radius:28px}.nav{bottom:auto;border-radius:22px 22px 0 0;width:calc(100% + 28px);max-width:none}}
@supports not (scrollbar-gutter:stable){.page-scroll{overflow-y:scroll}}
/* All seven destinations share one bottom row. */
.nav{padding-inline:3px}.nav-main{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;align-items:stretch}.nav .nav-main button{width:100%;min-width:0;min-height:54px;padding:4px 0;font-size:12px;gap:5px;line-height:1.4}.nav .nav-main button span{max-width:100%;white-space:nowrap}.nav .nav-main svg{width:22px;height:22px}#toast{bottom:calc(88px + env(safe-area-inset-bottom))}