:root{--navy-950:#010b18;--navy-900:#021733;--navy-850:#04203f;--navy-800:#062b52;--navy-750:#0a3160;--steel:#123256;--orange:#fd6601;--orange-300:#ff9a4a;--hivis:#d8f24a;--paper:#f3f5f8;--paper-2:#e7ecf2;--ink:#02101f;--muted:#8fa4bf;--muted-ink:#4e6484;--line:#ffffff1f;--line-strong:#ffffff38;--ok:#35c98a;--warn:#ffb020;--danger:#ff5a4d;--ff-display:"Barlow Condensed", "Arial Narrow", Impact, system-ui, sans-serif;--ff-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ff-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:4px;--ease-out:cubic-bezier(.16, 1, .3, 1);--hazard:repeating-linear-gradient(135deg, var(--orange) 0 14px, var(--navy-900) 14px 28px);--topbar-h:56px;--nav-h:62px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--navy-900);color:#eaf1fa;font-family:var(--ff-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.5}input,select,textarea,button{font:inherit;color:inherit;font-size:16px}h1,h2,h3,h4{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-weight:700;line-height:1.02}h1{font-size:30px}h2{font-size:22px}h3{font-size:18px}p{margin:0}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.hazard-rule{background:var(--hazard);height:4px}.app{background:var(--navy-900);flex-direction:column;min-height:100%;display:flex}.topbar{z-index:40;padding-top:var(--safe-top);background:color-mix(in srgb, var(--navy-950) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar__inner{height:var(--topbar-h);align-items:center;gap:12px;padding:0 16px;display:flex}.topbar__title{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:19px;font-weight:700;overflow:hidden}.topbar__back{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:-8px;padding:8px;display:grid}.topbar__back:active{color:#fff}.main{padding:16px 16px calc(var(--nav-h) + var(--safe-bottom) + 24px);flex:1;width:100%;max-width:720px;margin:0 auto}.nav{z-index:50;padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--navy-950) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.nav__inner{height:var(--nav-h);max-width:720px;margin:0 auto;display:flex}.nav__item{color:var(--muted);font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;transition:color .2s var(--ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex;position:relative}.nav__item.is-active{color:#fff}.nav__item.is-active:before{content:"";background:var(--orange);height:2px;position:absolute;top:0;left:22%;right:22%}.nav__item svg{width:21px;height:21px}.nav__badge{background:var(--orange);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:6px;right:calc(50% - 20px)}.install-banner{left:12px;right:12px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);z-index:90;background:var(--navy-750);border:1px solid var(--line-strong);border-left:3px solid var(--orange);border-radius:var(--radius);max-width:520px;animation:slide-up .3s var(--ease-out);align-items:center;gap:12px;margin:0 auto;padding:12px;display:flex;position:fixed;box-shadow:0 12px 34px #010b188c}.install-banner img{border-radius:3px;flex:none}.install-banner__title{font-family:var(--ff-display);text-transform:uppercase;font-size:16px;font-weight:700}.install-banner__close{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:6px;font-size:14px}.offline-bar{z-index:60;background:var(--warn);color:var(--ink);font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:7px 16px;font-size:10px;font-weight:600;position:sticky;top:0}.card{background:var(--navy-850);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card--flush{padding:0;overflow:hidden}.card--accent{border-left:3px solid var(--orange)}.card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.stack--sm{gap:8px}.stack--lg{gap:20px}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-4{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-head a{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);font-size:10px}.stat{background:var(--navy-850);text-align:center;padding:12px 10px}.stat__value{font-family:var(--ff-display);font-size:26px;font-weight:700;line-height:1}.stat__label{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:8.5px;display:block}.btn{border-radius:var(--radius);background:var(--orange);color:#fff;min-height:46px;font-family:var(--ff-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .12s var(--ease-out), background .2s;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:700;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn--ghost{border-color:var(--line-strong);color:#fff;background:0 0}.btn--quiet{background:var(--navy-800);color:#fff}.btn--sm{min-height:36px;padding:0 12px;font-size:14px}.btn--danger{background:var(--danger)}.badge{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:var(--navy-750);color:#cfe0f5;border:1px solid var(--line);border-radius:2px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;font-weight:600;display:inline-flex}.badge--live{background:color-mix(in srgb, var(--hivis) 16%, transparent);color:var(--hivis);border-color:color-mix(in srgb, var(--hivis) 40%, transparent)}.badge--new{background:color-mix(in srgb, var(--orange) 18%, transparent);color:var(--orange-300);border-color:color-mix(in srgb, var(--orange) 45%, transparent)}.badge--ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.badge--warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.badge--danger{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 42%, transparent)}.dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.dot--pulse{animation:pulse 1.8s var(--ease-out) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.chip{border:1px solid var(--line);background:var(--navy-800);color:#cfe0f5;white-space:nowrap;border-radius:2px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.scroller{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);color:var(--muted);font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .18s var(--ease-out);background:0 0;border-radius:2px;flex:none;padding:7px 12px;font-size:10px;font-weight:600}.filter-chip.is-active{background:var(--orange);border-color:var(--orange);color:#fff}.field{display:block}.field__label{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.field__hint{color:var(--muted);margin-top:6px;font-size:12px}.input,.select,.textarea{background:var(--navy-950);border:1px solid var(--line-strong);border-radius:var(--radius);color:#fff;outline:none;width:100%;min-height:46px;padding:11px 12px;transition:border-color .18s}.input:focus,.select:focus,.textarea:focus{border-color:var(--orange)}.input::placeholder,.textarea::placeholder{color:#5f7a9e}.textarea{resize:vertical;min-height:92px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fa4bf' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;padding-right:34px}.searchbar{background:var(--navy-950);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;padding:0 12px;transition:border-color .18s;display:flex}.searchbar:focus-within{border-color:var(--orange);color:var(--orange)}.searchbar input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 0}.searchbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px;font-size:13px}.toggle{background:var(--navy-800);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.toggle__switch{background:var(--steel);border:1px solid var(--line-strong);width:42px;height:24px;transition:background .2s var(--ease-out);border-radius:12px;flex:none;position:relative}.toggle__switch:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle input:checked+.toggle__switch{background:var(--orange);border-color:var(--orange)}.toggle input:checked+.toggle__switch:after{transform:translate(18px)}.segmented{background:var(--navy-950);border:1px solid var(--line);border-radius:var(--radius);gap:3px;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--muted);font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .18s var(--ease-out);background:0 0;border:0;border-radius:2px;flex:1;font-size:10px;font-weight:600}.segmented button.is-active{background:var(--navy-750);color:#fff}.photo{flex:none;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.photo--rounded{border-radius:var(--radius)}.photo__mark{font-family:var(--ff-display);color:#ffffff38;letter-spacing:.04em;font-size:clamp(22px,8vw,40px);font-weight:700}.photo__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out), transform .7s var(--ease-out);position:absolute;inset:0;transform:scale(1.04)}.photo__img.is-loaded{opacity:1;transform:none}.photo-scrim:after{content:"";pointer-events:none;background:linear-gradient(#010b180d 32%,#010b188c 66%,#010b18eb 100%);position:absolute;inset:0}.gallery{position:relative;overflow:hidden}.gallery__track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.gallery__track::-webkit-scrollbar{display:none}.gallery__slide{scroll-snap-align:center;cursor:zoom-in;background:0 0;border:0;flex:0 0 100%;padding:0;display:block}.gallery__arrow{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;width:34px;height:34px;transition:opacity .2s var(--ease-out);background:#010b1899;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery:hover .gallery__arrow{opacity:1}.gallery__arrow:disabled{opacity:0!important}.gallery__arrow--prev{left:10px}.gallery__arrow--next{right:10px}.gallery__count{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#010b18a8;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.gallery__dots{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.gallery__dot{width:5px;height:5px;transition:all .25s var(--ease-out);background:#ffffff73;border-radius:50%}.gallery__dot.is-active{background:var(--orange);border-radius:3px;width:16px}.lightbox{z-index:300;background:var(--navy-950);animation:fade .2s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.lightbox__bar{padding:calc(var(--safe-top) + 12px) 16px 12px;flex:none;justify-content:space-between;align-items:center;display:flex}.lightbox__close{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px;font-size:18px}.lightbox__track{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.lightbox__track::-webkit-scrollbar{display:none}.lightbox__slide{scroll-snap-align:center;padding:0 8px calc(var(--safe-bottom) + 16px);flex:0 0 100%;place-items:center;display:grid}.lightbox__slide img{object-fit:contain;max-width:100%;max-height:100%}.skeleton{background:linear-gradient(90deg, var(--navy-850) 25%, var(--navy-800) 37%, var(--navy-850) 63%);border-radius:var(--radius);background-size:400% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.skeleton--text{height:12px;margin-bottom:8px}.skeleton--title{width:62%;height:18px;margin-bottom:10px}.thumb{aspect-ratio:16/10;border-radius:2px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.thumb__mark{font-family:var(--ff-display);color:#ffffff47;letter-spacing:.04em;font-size:34px;font-weight:700}.thumb--sm{aspect-ratio:1;width:84px}.thumb--sm .thumb__mark{font-size:22px}.property-row{align-items:stretch;gap:12px;display:flex}.property-row__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.property-title{font-family:var(--ff-display);text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.1;display:-webkit-box;overflow:hidden}.pcard{background:var(--navy-850);border:1px solid var(--line);border-radius:var(--radius);transition:transform .18s var(--ease-out), border-color .18s;-webkit-tap-highlight-color:transparent;display:block;position:relative;overflow:hidden}.pcard:active{transform:scale(.988)}.pcard__media{position:relative}.pcard__overlay{pointer-events:none;z-index:1;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.pcard__place{font-family:var(--ff-display);text-transform:uppercase;text-shadow:0 2px 12px #010b18b3;font-size:20px;font-weight:700;line-height:1}.pcard__badges{z-index:1;gap:6px;display:flex;position:absolute;top:10px;left:12px}.pcard__body{padding:12px 14px 14px}.pcard__title{font-family:var(--ff-display);text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.pcard__facts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.fact{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.rail{scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:0 0 76%;max-width:300px}.hero{border-radius:var(--radius);border:1px solid var(--line);position:relative;overflow:hidden}.hero__content{z-index:1;padding:18px;position:absolute;inset:auto 0 0}.hero__title{font-family:var(--ff-display);text-transform:uppercase;text-shadow:0 2px 14px #010b18bf;font-size:26px;font-weight:700;line-height:1.02}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action{background:var(--navy-850);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;transition:background .18s var(--ease-out), transform .15s var(--ease-out);-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;width:100%;padding:14px 12px;display:flex}.action:active{background:var(--navy-800);transform:scale(.98)}.action__icon{border-radius:var(--radius);background:color-mix(in srgb, var(--orange) 16%, transparent);width:34px;height:34px;color:var(--orange);flex:none;place-items:center;display:grid}.action__label{font-family:var(--ff-display);text-transform:uppercase;font-size:14px;font-weight:700;line-height:1.1}.action__sub{color:var(--muted);margin-top:1px;font-size:11px}.feed-item{grid-template-columns:30px 1fr;gap:12px;padding:12px 0;display:grid}.feed-item:not(:last-child){border-bottom:1px solid var(--line)}.feed-item__icon{background:var(--navy-800);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.fab{right:16px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:70;background:var(--orange);color:#fff;height:52px;font-family:var(--ff-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent;border:0;border-radius:26px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 10px 26px #fd66015c}.fab:active{transform:scale(.95)}.actionbar{z-index:80;padding:12px 16px calc(12px + var(--safe-bottom));background:color-mix(in srgb, var(--navy-950) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar__inner{align-items:center;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.photo-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.photo-grid__cell{cursor:zoom-in;background:0 0;border:0;border-radius:2px;padding:0;position:relative;overflow:hidden}.photo-grid__more{font-family:var(--ff-display);color:#fff;background:#010b18a8;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.amenities{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.amenity{background:var(--navy-850);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:10px;font-size:12.5px;display:flex}.amenity svg{color:var(--orange-300);flex:none}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);font-family:var(--ff-mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:11px 12px;font-size:10.5px;font-weight:600;transition:color .18s}.tab.is-active{color:#fff;border-bottom-color:var(--orange)}.dl{grid-template-columns:minmax(96px,auto) 1fr;align-items:baseline;gap:8px 14px;display:grid}.dl dt{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.dl dd{margin:0;font-size:14px}.timeline{flex-direction:column;gap:0;display:flex}.timeline__step{grid-template-columns:24px 1fr;gap:12px;padding-bottom:16px;display:grid;position:relative}.timeline__step:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:22px;bottom:0;left:11px}.timeline__step.is-done:not(:last-child):before{background:var(--orange)}.timeline__dot{border:2px solid var(--line-strong);width:24px;height:24px;font-family:var(--ff-mono);color:var(--muted);background:var(--navy-900);z-index:1;border-radius:50%;place-items:center;font-size:10px;display:grid}.timeline__step.is-done .timeline__dot{background:var(--orange);border-color:var(--orange);color:#fff}.timeline__step.is-current .timeline__dot{border-color:var(--orange);color:var(--orange)}.timeline__title{font-family:var(--ff-display);text-transform:uppercase;font-size:15px;font-weight:600;line-height:1.2}.timeline__meta{color:var(--muted);margin-top:2px;font-size:12.5px}.copyfield{background:var(--navy-950);border:1px dashed var(--line-strong);border-radius:var(--radius);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.copyfield__value{font-family:var(--ff-mono);letter-spacing:.06em;font-size:17px;font-weight:600}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:40px 20px}.empty__title{font-family:var(--ff-display);text-transform:uppercase;margin-bottom:6px;font-size:17px}.empty__body{color:var(--muted);max-width:34ch;margin:0 auto;font-size:13.5px}.board{scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 8px;display:flex;overflow-x:auto}.board::-webkit-scrollbar{display:none}.board__col{flex-direction:column;flex:none;gap:8px;width:260px;display:flex}.board__col-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s var(--ease-out);background:#010b18b8;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--navy-850);border-top:3px solid var(--orange);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:720px;max-height:88vh;padding:20px 16px calc(20px + var(--safe-bottom));animation:slide-up .28s var(--ease-out);margin:0 auto;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}.toast{left:16px;right:16px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 14px);z-index:200;background:var(--navy-750);border:1px solid var(--line-strong);border-left:3px solid var(--hivis);border-radius:var(--radius);max-width:460px;animation:slide-up .24s var(--ease-out);margin:0 auto;padding:12px 14px;font-size:13.5px;position:fixed;box-shadow:0 10px 30px #010b1899}.splash{z-index:500;background:var(--navy-950);transition:opacity .45s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.splash.is-leaving{opacity:0;pointer-events:none}.splash__mark{border-radius:var(--radius);width:84px;height:84px;animation:splash-in .6s var(--ease-out) both}.splash__word{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.04em;animation:splash-in .6s var(--ease-out) .1s both;font-size:34px;font-weight:700}.splash__rule{background:var(--navy-800);width:120px;height:3px;overflow:hidden}.splash__rule span{background:var(--orange);width:40%;height:100%;animation:splash-sweep 1.1s var(--ease-out) infinite;display:block}@keyframes splash-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes splash-sweep{0%{transform:translate(-100%)}to{transform:translate(320%)}}.coverage{background:var(--navy-850);border:1px solid var(--line);border-radius:var(--radius);padding:12px;position:relative}.coverage__svg{width:100%;max-height:420px;display:block}.coverage__legend{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;padding-top:10px;display:flex}.coverage__tip{background:var(--navy-750);border:1px solid var(--line-strong);border-left:3px solid var(--orange);border-radius:var(--radius);animation:slide-up .2s var(--ease-out);padding:9px 12px;font-size:12.5px;position:absolute;bottom:56px;left:12px;right:12px}.onboard{z-index:400;background:var(--navy-900);padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);flex-direction:column;display:flex;position:fixed;inset:0}.onboard__slides{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;margin:0 -20px;display:flex;overflow-x:auto}.onboard__slides::-webkit-scrollbar{display:none}.onboard__slide{scroll-snap-align:center;text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;gap:18px;padding:0 20px;display:flex}.onboard__art{width:100%;max-width:300px;margin:0 auto}.onboard__icon{background:color-mix(in srgb, var(--orange) 14%, transparent);border:1px solid color-mix(in srgb, var(--orange) 38%, transparent);width:116px;height:116px;color:var(--orange);border-radius:50%;place-items:center;margin:0 auto;display:grid}.onboard__icon svg{width:52px;height:52px}.onboard__dots{justify-content:center;gap:7px;padding:18px 0;display:flex}.login{min-height:100%;padding:32px 20px calc(32px + var(--safe-bottom));flex-direction:column;justify-content:center;gap:22px;max-width:460px;margin:0 auto;display:flex}.login__logo{border-radius:var(--radius);width:92px;height:92px;margin:0 auto}.role-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.role-card{background:var(--navy-850);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;transition:all .18s var(--ease-out);-webkit-tap-highlight-color:transparent;padding:14px 12px}.role-card.is-active{border-color:var(--orange);background:var(--navy-800)}.role-card__name{font-family:var(--ff-display);text-transform:uppercase;margin-top:8px;font-size:16px;font-weight:700}.role-card__desc{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.35}.role-card svg{width:20px;height:20px;color:var(--orange)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{background:var(--line);height:1px}.icon-14{flex:none;width:14px;height:14px}.icon-16{flex:none;width:16px;height:16px}.icon-18{flex:none;width:18px;height:18px}.text-orange{color:var(--orange)}.text-hivis{color:var(--hivis)}.text-sm{font-size:13px}.text-xs{font-size:12px}@media (width>=900px){.app{grid-template:"rail topbar""rail main"1fr/232px minmax(0,1fr);min-height:100vh;display:grid}.topbar{grid-area:topbar}.topbar__inner{height:64px;padding:0 28px}.topbar__title{font-size:22px}.main{grid-area:main;max-width:980px;padding:28px 28px 64px}.nav{border-top:0;border-right:1px solid var(--line);background:var(--navy-950);grid-area:rail;align-self:start;height:100vh;padding-bottom:0;position:sticky;inset:0 auto auto}.nav__inner{flex-direction:column;gap:4px;height:auto;padding:20px 12px}.nav:before{content:"KREWBASE";font-family:var(--ff-display);letter-spacing:.04em;color:#fff;padding:22px 22px 0;font-size:20px;font-weight:700;display:block}.nav__item{border-radius:var(--radius);letter-spacing:.12em;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:11px}.nav__item.is-active{background:var(--navy-800)}.nav__item.is-active:before{width:2px;height:auto;inset:12px auto 12px 0}.nav__badge{margin-left:auto;position:static}.install-banner,.toast{width:380px;margin:0;bottom:24px;left:auto;right:24px}.grid-2\@lg{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.board__col{width:300px}.scroller,.board{margin:0;padding-left:0;padding-right:0}.login{max-width:520px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}