:root{--bg:#07090b;--panel:#0d1013;--panel2:#11151a;--line:#222830;--text:#f6f4ef;--muted:#8c939c;--gold:#d8ac51;--green:#53cc86;--red:#eb6a6a;--radius:14px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:"Bodoni 72","Didot","Iowan Old Style",Georgia,serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100%;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 190px minmax(430px,670px) 330px;max-width:1660px;margin:auto}.brand-rail{position:sticky;top:0;height:100vh;border-right:1px solid #161a1f;display:flex;flex-direction:column;background:#090b0d;overflow:hidden}.brand-lockup{padding:50px 34px 20px}.brand-lockup h1{font-family:var(--serif);font-size:34px;line-height:.92;letter-spacing:.02em;margin:0}.brand-lockup h1 span{font-size:29px}.brand-lockup i,.brand-hero i{display:block;width:34px;height:2px;background:var(--gold);margin:22px 0 16px}.brand-lockup p{font-family:var(--serif);font-size:17px;color:#ddd8ce}.brand-words{display:flex;flex-direction:column;gap:11px;padding:18px 34px;color:#a6abb1;font-size:10px;letter-spacing:.31em}.brand-hero{margin-top:auto;min-height:44%;background:linear-gradient(to bottom,transparent 0,#050607 90%),url('../img/harbor.svg') center/cover;display:flex;align-items:flex-end;padding:32px 34px}.brand-hero p{font-size:10px;letter-spacing:.3em;line-height:2.05;color:#c9ccd0}.main-nav{border-right:1px solid #161a1f;padding:31px 14px;position:sticky;top:0;height:100vh;background:#080a0c}.mini-brand{font-family:var(--serif);font-size:14px;margin:0 8px 35px}.mini-brand strong{display:block}.mini-brand small{font-family:var(--sans);display:block;color:#777f89;font-size:9px;margin-top:3px}.main-nav a,.nav-spotlight{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-decoration:none;padding:11px 13px;border-radius:8px;color:#a6adb5;font-size:12px;text-align:left;margin-bottom:2px}.main-nav a span,.nav-spotlight span{width:18px;text-align:center}.main-nav .active{background:#14181d;color:#eec764;border-left:2px solid var(--gold)}.main-nav hr{border:0;border-top:1px solid #22262b;margin:18px 8px}.feed-column{min-height:100vh;border-right:1px solid #161a1f}.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 18px;background:rgba(7,9,11,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.search-wrap{flex:1;max-width:470px;margin:auto;display:flex;align-items:center;background:#11151a;border:1px solid #2a3037;border-radius:6px;height:36px;padding:0 12px;color:#646c75}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#f0f0f0;padding:0 10px;font-size:12px}.top-actions{display:flex;gap:12px;align-items:center}.icon-btn{border:0;background:transparent;font-size:18px}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid #6d624f;background:linear-gradient(135deg,#2c3136,#111);display:grid;place-items:center;font-size:10px;font-weight:800}.mobile-brand{display:none}.feed-head{padding:20px 24px 14px;display:flex;align-items:flex-start;justify-content:space-between}.feed-head h2{font-size:17px;margin:0 0 14px}.chips{display:flex;gap:21px}.chips button{border:0;background:transparent;color:#838a92;padding:0 0 8px;font-size:10px;position:relative}.chips button.active{color:#e7c263}.chips button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}.feed-head select{background:#15191e;border:1px solid #2c3238;color:#ccc;border-radius:6px;padding:8px 9px;font-size:10px}.feed{padding:0 22px 100px}.feed-card{background:#0d1013;border:1px solid #242a31;border-radius:10px;margin-bottom:12px;padding:13px 14px;transition:.2s}.feed-card:hover{border-color:#353c45;transform:translateY(-1px)}.card-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#737a83;margin-bottom:10px}.type-badge{color:var(--badge);font-weight:800;letter-spacing:.02em}.type-badge b{display:inline-grid;place-items:center;margin-right:6px;width:20px;height:20px;background:color-mix(in srgb,var(--badge) 22%,transparent);border-radius:5px}.dots{margin-left:auto;border:0;background:transparent;color:#7a828b;letter-spacing:2px}.card-body{display:flex;gap:13px}.card-body img{width:112px;height:82px;border-radius:7px;object-fit:cover;border:1px solid #34393d;background:#111}.card-copy{flex:1;min-width:0}.card-copy h3{font-size:14px;margin:2px 0 7px;line-height:1.25}.card-copy p{margin:0 0 8px;color:#c2c5c8;font-size:10.5px}.pin{color:var(--gold);font-size:8px;margin-right:5px}.card-copy .verified{color:#b8c2bb}.card-copy .verified::first-letter{color:var(--green)}.business-btn{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border:1px solid var(--gold);color:#f0cc70;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:800;max-width:210px}.card-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:9px}.card-actions button{border:0;background:transparent;color:#89919a;font-size:10px}.card-actions button.saved{color:var(--gold)}.right-rail{padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.rail-title h3,.trending h3{font-family:var(--serif);letter-spacing:.08em;font-size:15px;margin:0}.rail-title small{color:#6d747d;font-size:9px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.stat{background:#11151a;border:1px solid #252c33;border-radius:7px;padding:12px;min-height:98px;position:relative}.stat strong{display:block;font-size:22px}.stat span{display:block;font-size:9px;margin:2px 0 8px;color:#c8cbce}.stat em{font-style:normal;color:var(--green);font-size:9px;font-weight:700}.spark{position:absolute;right:9px;bottom:10px;color:#5f9ccc;font-size:12px;letter-spacing:1px}.trending{margin-top:24px}.trending>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;padding:9px 0;border-bottom:1px solid #1b2025;font-size:9px}.trending>div b{background:#181d22;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;color:#afb5ba}.trending>div em{font-style:normal;color:var(--green)}.harbor-card{position:relative;margin-top:24px;border:1px solid #292e33;overflow:hidden;height:180px}.harbor-card img{width:100%;height:100%;object-fit:cover;opacity:.72}.harbor-card p{position:absolute;left:15px;bottom:15px;font-family:var(--serif);font-size:17px;margin:0}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.spotlight-modal{width:min(410px,92vw);background:linear-gradient(160deg,#111418,#090b0d);border:1px solid #44403a;border-radius:18px;padding:36px;text-align:center;box-shadow:0 40px 100px #000;position:relative}.close-modal{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:28px;color:#c8c8c8}.megaphone{width:62px;height:62px;border:1px solid #755f31;border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--gold);font-size:25px}.spotlight-modal h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:20px 0 8px}.spotlight-modal>p{color:#c2c2c2;font-size:13px;line-height:1.5}.price{display:block;font-family:var(--serif);color:#e3b95d;font-size:42px;margin:10px}.spotlight-modal small{display:block;color:#c8c8c8}.availability{display:flex;justify-content:center;gap:5px;margin:12px}.availability i{width:8px;height:8px;border-radius:50%;background:#272b30}.availability i.on{background:var(--gold)}.take-it{display:flex;justify-content:center;align-items:center;text-decoration:none;width:100%;min-height:50px;border:0;border-radius:7px;background:linear-gradient(#edc973,#c99a40);color:#08090a;font-weight:900;font-size:14px;letter-spacing:.02em}.spotlight-modal .micro{font-size:9px;color:#6e7479;margin-bottom:0}.bottom-nav{display:none}.mobile-only{display:none}
/* Checkout */.checkout-page,.business-page,.success-page,.panel-login,.control-page,.import-page{background:radial-gradient(circle at 20% 0,#16120b 0,#07090b 28%)}.checkout-shell{max-width:1100px;margin:auto;padding:34px 24px}.back{color:#9fa5aa;text-decoration:none;font-size:12px}.checkout-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:82vh}.eyebrow{font-size:10px;letter-spacing:.22em;color:#d5ad56;font-weight:800}.checkout-preview h1{font-family:var(--serif);font-size:68px;line-height:.9;font-weight:400;margin:18px 0}.checkout-preview h1 em{color:var(--gold);font-style:normal}.checkout-preview>p{max-width:520px;color:#aeb3b8;line-height:1.7}.preview-card{max-width:470px;margin-top:34px;border:1px solid #37342d;border-radius:12px;background:#0c0f12;padding:14px;box-shadow:0 25px 80px #000}.preview-card>span{font-size:9px;font-weight:900;color:var(--gold)}.preview-body{display:flex;gap:14px;margin-top:12px}.preview-body img{width:130px;height:100px;object-fit:cover;border-radius:7px}.preview-body b{font-size:13px}.preview-body p{font-size:12px;color:#b4b8bb}.preview-body small{color:#8cbf99}.pay-panel{background:#0e1114;border:1px solid #353a3e;border-radius:18px;padding:28px;box-shadow:0 30px 100px #000}.pay-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24292e;padding-bottom:20px}.pay-top span{font-family:var(--serif);font-size:21px}.pay-top strong{font-family:var(--serif);font-size:40px;color:var(--gold)}.slots{text-align:center;padding:17px 0}.slots b{font-size:11px}.pay-panel label,.panel-login label,.import-page label{display:block;color:#8d949b;font-size:10px;margin:14px 0}.pay-panel input,.panel-login input,.import-page input{display:block;width:100%;margin-top:7px;border:1px solid #333940;border-radius:7px;background:#090b0d;color:#fff;padding:13px}.wallet-status{font-size:10px;color:#8c949c;margin:12px 0}.wallet-button{height:46px;border-radius:7px;display:grid;place-items:center;margin:8px 0;background:#fff;color:#000;font-size:18px;font-weight:800;cursor:pointer}.wallet-live{margin:8px 0}.or{display:flex;align-items:center;gap:8px;color:#61676d;font-size:9px;margin:13px 0}.or:before,.or:after{content:"";height:1px;background:#282d32;flex:1}.pay-note{text-align:center;font-size:9px;color:#747b82}.payment-message{font-size:11px;color:#e77b7b;margin-top:10px}.payment-message.success{color:var(--green)}.demo-notice{margin-top:20px;border:1px solid #55472b;background:#15120d;padding:12px;border-radius:7px;font-size:10px;color:#cbb98f}.demo-notice code{color:#fff}.business-profile{max-width:960px;margin:0 auto;padding:30px 22px 100px}.business-cover{margin-top:26px;height:390px;border-radius:16px;overflow:hidden;border:1px solid #2d3338}.business-cover img{width:100%;height:100%;object-fit:cover}.business-head{display:flex;justify-content:space-between;gap:30px;padding:28px 0;border-bottom:1px solid #252a2f}.business-head h1{font-family:var(--serif);font-weight:400;font-size:42px;margin:8px 0}.business-head p{color:#9299a0}.business-head button{align-self:center;background:transparent;border:1px solid #51575c;border-radius:7px;padding:11px 14px}.business-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #252a2f}.business-metrics div{padding:23px 5px}.business-metrics strong{font-size:23px;display:block}.business-metrics span{font-size:10px;color:#939aa1}.business-metrics em{font-style:normal;color:var(--green);font-size:9px;margin-left:5px}.business-about{padding:35px 0}.business-about h2{font-family:var(--serif);font-weight:400;font-size:28px}.business-about p{max-width:580px;color:#a6acb1;line-height:1.6}.profile-actions{display:flex;gap:9px;margin-top:24px}.profile-actions a{border:1px solid #454b50;text-decoration:none;padding:11px 15px;border-radius:6px;font-size:10px}.profile-actions a:first-child{border-color:var(--gold);color:#eac56c}.success-page{display:grid;place-items:center;min-height:100vh}.success-page main{max-width:500px;text-align:center;padding:30px}.success-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:#13271c;color:#64d48f;font-size:30px}.success-page h1{font-family:var(--serif);font-size:55px;font-weight:400;margin:10px}.success-page p{color:#a9afb4;line-height:1.6;margin-bottom:25px}.panel-login{display:grid;place-items:center;min-height:100vh}.panel-login form{width:min(400px,90vw);background:#0e1114;border:1px solid #30353a;border-radius:14px;padding:30px}.panel-login h1{font-family:var(--serif);font-weight:400}.error{background:#2a1212;border:1px solid #633;color:#efa0a0;padding:10px;border-radius:6px;font-size:11px}.control-page{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.control-nav{border-right:1px solid #22272c;padding:30px 20px}.control-nav>b{display:block;font-family:var(--serif);font-size:17px}.control-nav small{display:block;color:#6c747b;margin:3px 0 30px}.control-nav a{display:block;text-decoration:none;padding:10px;border-radius:7px;color:#92999f;font-size:11px}.control-nav a.active{background:#15191d;color:#e8c266}.control-page main{padding:45px;max-width:1150px}.control-page h1,.import-page h1{font-family:var(--serif);font-size:46px;font-weight:400;margin:8px 0}.control-page header p,.import-page>main>p{color:#8b9298}.control-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.control-stats div,.control-card{border:1px solid #292f34;background:#0e1114;border-radius:10px;padding:20px}.control-stats strong{font-size:26px;display:block}.control-stats span{font-size:10px;color:#858c92}.control-card{margin:15px 0}.control-card h2{font-family:var(--serif);font-weight:400}.engine-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.engine-flow span{border:1px solid #49463a;color:#e4c369;padding:9px 11px;border-radius:6px;font-size:9px;font-weight:800}.control-card p,.control-card li{color:#8f969c;font-size:11px;line-height:1.6}.control-card ul{list-style:none;padding:0}.control-card li{display:flex;justify-content:space-between;border-bottom:1px solid #23282d;padding:10px 0}.import-page main{max-width:680px;margin:0 auto;padding:50px 20px}.import-page form{border:1px solid #30363c;border-radius:10px;background:#0e1114;padding:24px;margin-top:26px}.import-results{display:flex;gap:15px;flex-wrap:wrap;background:#102016;border:1px solid #294b35;padding:15px;border-radius:8px;margin:20px 0;color:#96d8aa;font-size:11px}.source-note{font-size:9px!important;color:#636a70!important}
@media(max-width:1250px){.app-shell{grid-template-columns:175px minmax(450px,1fr) 300px}.brand-rail{display:none}.main-nav{grid-column:1}.feed-column{grid-column:2}.right-rail{grid-column:3}}
@media(max-width:900px){body{padding-bottom:74px}.desktop-only{display:none!important}.mobile-only{display:flex}.app-shell{display:block}.feed-column{border:0;max-width:680px;margin:auto}.topbar{height:72px;padding:0 14px}.mobile-brand{display:flex;flex-direction:column;min-width:180px}.mobile-brand strong{font-family:var(--serif);font-size:15px;letter-spacing:.03em}.mobile-brand small{font-size:8px;color:#91979c;margin-top:2px}.search-wrap{margin-left:auto;flex:0 0 36px;width:36px;padding:0;justify-content:center;background:transparent;border:0}.search-wrap input{display:none}.top-actions .icon-btn{display:none}.mobile-context{padding:9px 14px;border-bottom:1px solid #1f2429;justify-content:space-between;color:#9ca2a8;font-size:9px}.feed-head{padding:15px 14px 9px;overflow:auto}.feed-head h2{display:none}.feed-head select{display:none}.chips{gap:17px;white-space:nowrap}.feed{padding:0 9px 40px}.feed-card{padding:11px;border-radius:10px;margin-bottom:8px}.card-body img{width:94px;height:75px}.card-copy h3{font-size:13px}.card-actions{justify-content:flex-start;padding-left:105px;gap:15px}.card-actions button{font-size:10px}.bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;height:68px;background:rgba(7,9,11,.96);backdrop-filter:blur(20px);border-top:1px solid #2a2e32;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav button{border:0;background:transparent;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;color:#8d949a;min-width:60px}.bottom-nav b{font-size:20px;font-weight:400}.bottom-nav .active{color:var(--gold)}.bottom-nav button b{width:43px;height:43px;border-radius:50%;background:linear-gradient(#e5bd5e,#b98b36);color:#050607;display:grid;place-items:center;font-size:28px;box-shadow:0 4px 20px #000;margin-top:-19px;border:2px solid #7b612e}.bottom-nav button span{color:#e2c26c;margin-top:-1px}.checkout-grid{grid-template-columns:1fr;gap:25px}.checkout-preview h1{font-size:52px}.checkout-preview>p{font-size:13px}.preview-card{display:none}.pay-panel{padding:20px}.business-cover{height:260px}.business-head{display:block}.business-head h1{font-size:34px}.business-metrics{grid-template-columns:1fr 1fr}.control-page{display:block}.control-nav{border:0;border-bottom:1px solid #22272c}.control-page main{padding:25px 18px}.control-stats{grid-template-columns:1fr 1fr}.engine-flow b{display:none}}