:root{--brand-ink: #0b0a13;--brand-primary: #7c4dff;--brand-primary-deep: #5b34d6;--brand-glow: #c1b1ff;--bg: #0b0a13;--bg-glow: #211238;--surface: #100f1a;--surface-2: #141226;--surface-3: #1c1930;--border: rgba(255, 255, 255, .14);--border-soft: rgba(255, 255, 255, .08);--text: #f5f3ff;--text-muted: rgba(255, 255, 255, .7);--text-faint: rgba(255, 255, 255, .45);--on-primary: #ffffff;--success: #58d6a0;--warning: #e7b54b;--error: #f2687e;--info: #6ea8ff;--font-display: "Fraunces", "Georgia", serif;--font-body: "Switzer", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.4rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 14px;--radius-lg: 20px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 28px rgba(0, 0, 0, .42);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .5);--ease: cubic-bezier(.22, 1, .36, 1);--dur: .26s;--maxw: 480px;--nav-h: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0}a{color:var(--brand-primary);text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:6px}img{display:block;max-width:100%}.tabnum{font-variant-numeric:tabular-nums lining-nums}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-frame{max-width:var(--maxw);margin:0 auto;min-height:100dvh;background:linear-gradient(180deg,var(--bg) 0%,#0a0813 45%,var(--bg-glow) 100%);position:relative;display:flex;flex-direction:column;box-shadow:0 0 60px #00000059}@media(min-width:520px){body{background:#06050d radial-gradient(circle at 50% 0%,#211238,#06050d 60%)}.app-frame{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:28px;overflow:hidden;border:1px solid var(--border)}}.screen{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px)}.screen-pad{padding:0 var(--sp-4)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);padding:calc(env(safe-area-inset-top,0px) + 14px) var(--sp-4) 14px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.topbar h1,.topbar .topbar-title{font-size:var(--text-xl);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .iconbtn{color:var(--text-muted)}.back-btn{background:none;border:none;color:var(--text);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);cursor:pointer;padding:8px;margin:-8px;min-height:44px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:30}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;color:var(--text-faint);font-size:.66rem;letter-spacing:.02em;min-height:var(--nav-h);transition:color var(--dur) var(--ease)}.bottom-nav a.active{color:var(--brand-primary)}.bottom-nav a .badge{position:absolute;transform:translate(14px,-6px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease);width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-deep) 100%);color:var(--on-primary);font-weight:600;box-shadow:0 10px 26px color-mix(in srgb,var(--brand-primary) 34%,transparent)}.btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 90%,white) 0%,var(--brand-primary) 100%)}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{min-height:40px;font-size:var(--text-sm);padding:0 14px;width:auto}.btn-row{display:flex;gap:var(--sp-3)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;border:none;color:var(--text);cursor:pointer}.iconbtn:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden}.card-pad{padding:var(--sp-5)}.hub-tile{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);color:var(--text);cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.hub-tile:hover{transform:translateY(-2px);border-color:var(--border)}.hub-tile .tile-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.hub-tile .tile-head .lbl{flex:1;font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.hub-tile .tile-body{font-size:var(--text-lg);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand-primary);color:var(--on-primary);font-size:.7rem;font-weight:700}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.st-saved{color:var(--text-muted);background:var(--surface-2)}.st-submitted,.st-enquired{color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent)}.st-under_review{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.st-accepted,.st-confirmed,.st-paid{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.st-rejected,.st-failed,.st-declined{color:var(--error);background:color-mix(in srgb,var(--error) 14%,transparent)}.st-withdrawn,.st-cancelled,.st-pending{color:var(--text-muted);background:var(--surface-2)}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:6px}.input,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);font-family:inherit;padding:13px 14px;min-height:48px}.textarea{min-height:110px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus{outline:none;border-color:var(--brand-primary)}.input-affix{position:relative}.input-affix .affix-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.otp{display:flex;gap:10px;justify-content:center}.otp input{width:46px;height:58px;text-align:center;font-size:var(--text-2xl);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.otp input:focus{outline:none;border-color:var(--brand-primary)}.prop-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;transition:transform var(--dur) var(--ease)}.prop-card:active{transform:scale(.99)}.prop-media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.prop-media>svg,.prop-media>img{width:100%;height:100%;object-fit:cover}.prop-fav{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:none;background:#0b0a138c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--brand-glow);display:flex;align-items:center;justify-content:center;cursor:pointer}.prop-fav.on{color:var(--brand-primary)}.prop-info{padding:var(--sp-4)}.prop-info .price{font-family:var(--font-display);font-size:var(--text-xl)}.prop-info .name{font-size:var(--text-base);color:var(--text);margin-top:2px}.prop-info .meta{color:var(--text-muted);font-size:var(--text-sm);margin-top:4px;display:flex;gap:10px;align-items:center}.carousel{position:relative;aspect-ratio:4 / 3}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:start;height:100%}.carousel-slide>svg,.carousel-slide>img{width:100%;height:100%;object-fit:cover}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:6px;justify-content:center}.carousel-dots span{width:7px;height:7px;border-radius:50%;background:#fff6}.carousel-dots span.on{background:var(--brand-glow);width:20px;border-radius:4px}.list{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--sp-4)}.row .row-main{flex:1;min-width:0}.row .row-main .r-title{font-weight:500}.row .row-main .r-sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.row.unread .r-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-primary);margin-right:8px;vertical-align:middle}.avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:var(--brand-primary);flex-shrink:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:var(--sp-6) 0 var(--sp-3)}.section-head h2{font-size:var(--text-xl)}.section-head a,.section-head button{color:var(--brand-primary);font-size:var(--text-sm);background:none;border:none;cursor:pointer}.eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary);font-weight:600}.state{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--text-muted)}.state h3{color:var(--text);font-size:var(--text-lg);margin-bottom:6px}.state .state-icon{color:var(--text-faint);margin-bottom:var(--sp-3)}.error-inline{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);font-size:var(--text-sm)}.banner{padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);display:flex;gap:8px;align-items:center}.banner .req-id{font-family:ui-monospace,monospace;font-size:.72rem;opacity:.7}.skel{background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface-3) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade var(--dur) var(--ease)}.sheet{width:100%;max-width:var(--maxw);background:var(--surface);border-radius:24px 24px 0 0;border:1px solid var(--border);border-bottom:none;padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + var(--safe-bottom));animation:slideup var(--dur) var(--ease);max-height:88dvh;overflow-y:auto}.sheet .sheet-grip{width:40px;height:4px;border-radius:2px;background:var(--border);margin:-6px auto 16px}.sheet h2{font-size:var(--text-xl);margin-bottom:var(--sp-4)}@keyframes slideup{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.center{text-align:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.rule{height:1px;background:var(--border-soft);margin:var(--sp-5) 0}.tag-brand{color:var(--brand-primary)}.pageview{animation:pagein .32s var(--ease)}@keyframes pagein{0%{opacity:0;transform:translateY(8px)}}.spinner{width:22px;height:22px;border:2px solid color-mix(in srgb,var(--on-primary) 40%,transparent);border-top-color:var(--on-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 14px);transform:translate(-50%);width:100%;max-width:var(--maxw);padding:0 var(--sp-4);display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-size:var(--text-sm);box-shadow:var(--shadow);animation:toastin var(--dur) var(--ease)}.toast-success{border-color:color-mix(in srgb,var(--success) 50%,var(--border))}.toast-success svg{color:var(--success)}.toast-error{border-color:color-mix(in srgb,var(--error) 50%,var(--border))}.toast-error svg{color:var(--error)}.toast-info svg{color:var(--info)}@keyframes toastin{0%{opacity:0;transform:translateY(12px)}}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 40px) var(--sp-5) calc(env(safe-area-inset-bottom,0px) + 32px);overflow:hidden}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-art svg{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent) 0%,color-mix(in srgb,var(--bg) 78%,transparent) 45%,var(--bg) 100%)}.hero>*{position:relative;z-index:2}.hero-brandline{display:flex;align-items:center;gap:10px;color:var(--brand-primary)}.hero-brandline .wordmark{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.01em;color:var(--text)}.hero-headline{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.05;margin-top:auto}.hero-headline em{font-style:italic;color:var(--brand-primary)}.hero-sub{color:var(--text-muted);font-size:var(--text-lg);margin:var(--sp-4) 0 var(--sp-6);max-width:34ch}.hub-hero{border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--border-soft)}.hub-hero .hh-media{position:absolute;top:0;right:0;bottom:0;left:0}.hub-hero .hh-media svg{width:100%;height:100%;object-fit:cover}.hub-hero .hh-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08070f26,#08070f99 60%,#08070fe6)}.hub-hero .hh-body{position:relative;padding:var(--sp-5);min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}.hub-hero .hh-body .hh-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--brand-glow)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.kpi{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--sp-4)}.kpi .k-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi .k-value{font-family:var(--font-display);font-size:var(--text-2xl);margin-top:4px}.kpi .k-sub{font-size:var(--text-xs);color:var(--text-faint);margin-top:2px}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.qa{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--sp-4);color:var(--text);cursor:pointer;text-align:left;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.qa:hover{transform:translateY(-2px);border-color:var(--border)}.qa .qa-ic{color:var(--brand-primary)}.qa .qa-lbl{font-size:var(--text-sm)}.qa .qa-badge{margin-left:auto}.detail-title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.1}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin:var(--sp-4) 0}.spec{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--sp-3);text-align:center}.spec .s-ic{color:var(--brand-primary);display:flex;justify-content:center;margin-bottom:4px}.spec .s-val{font-weight:600}.spec .s-lbl{font-size:var(--text-xs);color:var(--text-muted)}.sticky-cta{position:sticky;bottom:0;margin:var(--sp-5) calc(-1 * var(--sp-4)) 0;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + var(--safe-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-soft)}.bubble{max-width:82%;padding:12px 15px;border-radius:16px;font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap}.bubble-them{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border-soft);border-bottom-left-radius:5px}.bubble-me{align-self:flex-end;background:color-mix(in srgb,var(--brand-primary) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--brand-primary) 40%,var(--border));border-bottom-right-radius:5px}.bubble-time{font-size:.68rem;color:var(--text-faint);margin-top:4px}.tabs{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:999px;padding:4px}.tabs button{flex:1;border:none;background:transparent;color:var(--text-muted);padding:9px;border-radius:999px;font-size:var(--text-sm);cursor:pointer;min-height:40px}.tabs button.on{background:var(--surface-3);color:var(--text)}.metalist{display:flex;flex-direction:column}.metalist .mrow{display:flex;justify-content:space-between;gap:var(--sp-3);padding:13px 0;border-bottom:1px solid var(--border-soft);font-size:var(--text-sm)}.metalist .mrow:last-child{border-bottom:none}.metalist .mrow .mk{color:var(--text-muted)}.metalist .mrow .mv{text-align:right}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:var(--sp-6) var(--sp-5);text-align:center;color:var(--text-muted);background:var(--surface);cursor:pointer}.dropzone .dz-ic{color:var(--brand-primary);margin-bottom:8px}.copy h3{font-size:var(--text-lg);margin:var(--sp-5) 0 var(--sp-2)}.copy p{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--sp-3)}.demo-note{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--brand-primary)}