/* VASLUNO Market v0.4 - premium mobile-first app surfaces */
:root{--v-brand:#9daaff;--v-brand-2:#717ff0;--v-text:#f6f7ff;--v-muted:#9fa8c0;--v-bg:#080c17;--v-surface:#151b2c;--v-stroke:#ffffff18}
body.inside-app{background:#080c17;color:var(--v-text)}
.inside-app .app-shell{background:linear-gradient(145deg,#0b1221,#080c17 60%)!important;min-height:100dvh}
.inside-app .app-sidebar{background:#101525;border-right:1px solid #ffffff14}
.inside-app .sidebar-head{padding-bottom:48px}
.inside-app .side-links a{border-radius:13px;margin-bottom:8px;font-weight:700}
.inside-app .side-links a.active{box-shadow:inset 0 1px #c5cfff1f;border:1px solid #8498fa38;color:#dce2ff;background:linear-gradient(100deg,#6977ec35,#6475c20b)}
.inside-app .app-main{background:radial-gradient(circle at 79% -7%,#2e3b8d2d,transparent 47%)}
.inside-app .app-topbar{background:linear-gradient(100deg,#13192d,#11172bdb)!important;border-bottom:1px solid #d3d8ff13}
.inside-app .app-topbar strong{font-size:17px}
.inside-app .app-breadcrumb{letter-spacing:.04em}
.inside-app .top-avatar,.inside-app .avatar{background:linear-gradient(145deg,#6f80c6,#333d62);color:#fff}
.inside-app .market-layout{max-width:1340px;margin:0 auto;padding:34px 35px 55px}
.market-welcome{position:relative;isolation:isolate;overflow:hidden;min-height:253px;padding:37px 42px;background:linear-gradient(117deg,#222d59 0%,#161e3b 51%,#101830 100%);border:1px solid #acb9ff2a;border-radius:27px;display:flex;gap:28px;align-items:center;justify-content:space-between;box-shadow:0 23px 70px #03071066}
.market-welcome:before{content:"";position:absolute;right:8%;top:-130px;width:520px;height:490px;border-radius:50%;background:radial-gradient(circle,#849aff43,transparent 62%);filter:blur(28px);z-index:-1}
.market-welcome .eyebrow{font-size:10px;letter-spacing:.19em;color:#b8c6ff;font-weight:800}
.market-welcome h1{font-size:clamp(33px,3.1vw,49px);letter-spacing:-.06em;font-weight:850;line-height:1.15;max-width:550px;margin:17px 0 12px}
.market-welcome h1 span{color:#adbcff}
.market-welcome p{max-width:585px;font-size:13px;line-height:1.8;color:#bac4db;margin:0}
.welcome-trust{display:flex;gap:20px;margin-top:23px;flex-wrap:wrap;color:#9db2d8;font-size:10px;font-weight:650}
.welcome-trust>span{display:inline-flex;gap:7px;align-items:center}.welcome-trust svg{color:#a2b7fc}
.welcome-actions{position:relative;z-index:2;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.welcome-actions .btn{white-space:nowrap;min-height:52px;box-shadow:0 15px 40px #6f78f64d;border-radius:13px;padding:15px 22px}
.welcome-actions>span{color:#9eacd2;font-size:10px}
.welcome-decoration{position:absolute;color:#d2d9ff23;font-size:290px;font-weight:200;right:9%;top:-125px;z-index:-1;pointer-events:none}
.inside-app .btn.primary,.inside-app button.btn.primary{background:linear-gradient(125deg,#afbbff,#8394ff 70%,#7487e9);color:#0e1531;border:0;font-weight:800}
.inside-app .btn.primary:hover{filter:brightness(1.11)}
.market-discover{margin:30px 0 0}
.block-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 17px}
.block-head h2{font-size:21px;font-weight:800;letter-spacing:-.045em;margin:0}
.block-head>span{font-size:11px;color:#8795af}
.category-chips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.category-chip{min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:linear-gradient(150deg,#1a243b,#151c2e);border:1px solid #9cb0f020;border-radius:17px;color:#b5c4fb;cursor:pointer;transition:transform .2s,border-color .2s,background .2s;min-width:0}
.category-chip span{font-size:10px;color:#d8deee;white-space:nowrap;font-weight:720}
.category-chip:hover,.category-chip.is-selected{background:#26365c;border-color:#a3b2ff70;transform:translateY(-2px)}
.market-search-panel{margin:25px 0 20px;background:#141b2abf;padding:14px;border:1px solid #ffffff1c;border-radius:18px;box-shadow:0 14px 38px #0003}
.market-search-panel form{display:grid;grid-template-columns:minmax(180px,1fr) 175px 180px 112px;gap:10px;align-items:stretch}
.market-search-panel .searchbox{min-height:48px;display:flex;align-items:center;gap:12px;background:#0d1322;border:1px solid #a1adff1d;border-radius:11px;padding:0 15px;color:#8d9abb}
.market-search-panel input,.market-search-panel select{background:#0d1322;border:1px solid #a1adff1d;color:#e8edff;border-radius:11px;font-size:12px;min-width:0}
.market-search-panel .searchbox input{border:0;background:transparent;outline:none;width:100%;height:100%;font-size:12px}
.market-search-panel select{padding:0 13px;min-height:48px;max-width:100%}
.market-search-panel button{border-radius:11px;background:#7788e9;color:white;font-weight:800;display:flex;justify-content:center;gap:7px;align-items:center}
.market-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 13px}
.browse-modes{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.browse-modes button{display:inline-flex;align-items:center;gap:7px;border-radius:11px;padding:11px 15px;color:#a5b0c9;background:transparent;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:800}
.browse-modes button.selected{background:#272f52;color:#dce4ff;border-color:#8a9bff4d;box-shadow:inset 0 1px #ffffff0d}
.browse-modes em{font-size:10px;font-style:normal;background:#ffffff11;padding:2px 6px;border-radius:6px}
.browse-helper{color:#7584a2;font-size:11px}
.inside-app .market-results{margin:0}
.inside-app .results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}
.inside-app .results-head>div{display:flex;align-items:baseline;gap:14px}
.inside-app .results-head span{font-size:19px;font-weight:850;letter-spacing:-.035em}
.inside-app .results-head small{color:#7f8eaa;font-size:11px}
.results-tag{font-size:9px!important;letter-spacing:.14em;color:#829be0;font-weight:700!important}
.inside-app .listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-wrap{position:relative;min-width:0}
.inside-app .listing-card{display:block;text-align:left;width:100%;background:#171e2e;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;height:100%;transition:transform .2s,border-color .2s,box-shadow .2s;color:#f6f8ff}
.inside-app .listing-card:hover{border-color:#899bff77;box-shadow:0 18px 42px #0007;transform:translateY(-3px)}
.inside-app .listing-image{height:204px;background:#26314c;position:relative;overflow:hidden}
.inside-app .listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.inside-app .listing-card:hover .listing-image img{transform:scale(1.04)}
.inside-app .listing-status{position:absolute;left:13px;top:13px;background:#10172bdb;color:#e0e7ff;border:1px solid #ffffff17;border-radius:8px;font-size:10px;padding:6px 9px}
.inside-app .listing-detail{padding:19px 16px 16px}
.inside-app .listing-price{font-size:23px;font-weight:850;letter-spacing:-.04em;color:#fff}
.inside-app .listing-detail h3{margin:11px 0 10px;font-size:14px;font-weight:730;color:#e9eeff;min-height:17px;line-height:1.45}
.inside-app .listing-detail p{font-size:11px;color:#9aa7c2;display:flex;align-items:center;gap:4px;margin-bottom:20px}
.inside-app .listing-footer{border-top:1px solid #ffffff19;padding-top:14px;color:#8491ab;font-size:10px}
.favorite-button{position:absolute;top:12px;right:12px;border:1px solid #ffffff2d;background:#121b32ce;color:#d9e4ff;backdrop-filter:blur(12px);display:grid;place-items:center;width:36px;height:36px;border-radius:11px;cursor:pointer;z-index:2;transition:.2s}
.favorite-button:hover,.favorite-button.is-favorite{color:#ffa0b9;background:#44263ad9;border-color:#ffa0b956}.favorite-button.is-favorite svg{fill:#f6a0b35c}
.market-safety-note{font-size:11px;color:#7988a5;margin:25px 0 0;display:flex;align-items:center;gap:8px;line-height:1.8}
.inside-app .detail-v4{padding:8px 0 0}
.inside-app .detail-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,1fr);gap:25px}
.product-gallery{min-width:0}.inside-app .detail-image{height:480px;min-height:0;background:linear-gradient(145deg,#222e4c,#11192a);border-radius:20px;border:1px solid #ffffff20;overflow:hidden;display:grid;place-items:center}
.inside-app .detail-image img{height:100%;width:100%;object-fit:contain}
.gallery-thumbs{display:flex;gap:9px;margin-top:10px;flex-wrap:wrap}.gallery-thumb{width:78px;height:68px;padding:0;background:#18243b;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer}.gallery-thumb.active{border-color:#99adff}.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.detail-tip{font-size:10px;color:#92a4c2;margin-top:16px;display:flex;align-items:center;gap:7px}
.inside-app .detail-info{border:1px solid #ffffff18;background:linear-gradient(140deg,#192133,#121a29);padding:29px;border-radius:20px;align-self:start}
.inside-app .detail-info h1{font-size:30px;font-weight:850;letter-spacing:-.055em;line-height:1.24;margin:14px 0}
.inside-app .detail-price{font-size:36px;letter-spacing:-.045em;font-weight:900;margin:13px 0}
.inside-app .detail-location{display:flex;align-items:center;gap:8px;color:#9daecd;font-size:12px}
.listing-info-pills{display:flex;gap:7px;margin:16px 0}.listing-info-pills span{border-radius:8px;background:#ffffff0e;padding:7px 11px;font-size:10px;color:#b0bfda}
.product-description{line-height:1.9;color:#b9c3d7;font-size:12px;overflow-wrap:anywhere}
.inside-app .seller-chip{border:1px solid #ffffff1a;background:#ffffff06;border-radius:13px;padding:15px;display:flex;align-items:center;gap:10px;margin:18px 0}.inside-app .seller-chip>div:nth-child(2){flex:1}.inside-app .seller-chip strong{font-size:12px}.inside-app .seller-chip small{font-size:10px}
.detail-buttons{display:grid;grid-template-columns:1fr auto;gap:8px}.detail-buttons .btn{min-height:48px;border-radius:11px}.detail-buttons .save-detail{padding:10px 14px;display:flex;align-items:center;gap:7px}
.inside-app .create-v4{max-width:820px;margin:0 auto;padding-bottom:65px}.create-v4 h2{font-size:33px;font-weight:900;letter-spacing:-.055em}.create-v4>p{color:#aab7d2;font-size:13px}
.inside-app .listing-form{border:1px solid #ffffff1b;background:#171f30;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px}
.inside-app .listing-form>label,.inside-app .listing-form .form-row label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:750;color:#dbe2f8}
.inside-app .listing-form input,.inside-app .listing-form textarea,.inside-app .listing-form select{border:1px solid #ffffff26;background:#0d1422;color:#f0f2ff;border-radius:11px;padding:12px 13px;min-height:44px;font-size:13px}
.inside-app .listing-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inside-app .listing-form .file-drop{padding:24px;border:1px dashed #849dfb8a;border-radius:15px;background:#8394f012;align-items:center;text-align:center;cursor:pointer;color:#bccaff;display:flex;flex-direction:column;gap:7px}
.file-drop small{font-weight:400;color:#99a9c7}.file-drop input{background:transparent!important;border:0!important;width:min(100%,300px);font-size:10px!important}
.upload-preview{font-size:10px;color:#a7c3ec;line-height:1.7;overflow-wrap:anywhere}
.inside-app .profile-page{max-width:860px}.inside-app .profile-page h1{font-size:40px;letter-spacing:-.06em}.inside-app .profile-hero{background:linear-gradient(130deg,#1b2540,#141d32);border-color:#869aff33;padding:26px;border-radius:20px}.inside-app .profile-cards{border-radius:20px;background:#141b2a;border-color:#ffffff1b}.inside-app .profile-setting{padding:22px}
.inside-app .chat-soon{background:radial-gradient(circle at 50% 15%,#596bdb2b,transparent 55%)}
.inside-app .mobile-app-nav{background:#121827f5;border-top:1px solid #879afc32;backdrop-filter:blur(22px)}
.inside-app .mobile-app-nav a{font-size:10px;font-weight:700;gap:5px;min-width:0}
.inside-app .mobile-app-nav a.active{color:#b4bfff}
@media(max-width:1250px){.category-chips{grid-template-columns:repeat(4,1fr)}.inside-app .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-search-panel form{grid-template-columns:minmax(180px,1fr) 130px 150px 110px}}
@media(max-width:900px){.inside-app .market-layout{padding:23px 20px 95px}.market-welcome{min-height:200px;padding:25px}.welcome-actions .btn{padding:13px}.inside-app .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-search-panel form{grid-template-columns:repeat(2,minmax(0,1fr))}.market-search-panel form .searchbox{grid-column:span 2}.market-search-panel button{min-height:47px}.inside-app .detail-grid{grid-template-columns:1fr}.inside-app .detail-image{height:410px}}
@media(max-width:590px){
 .inside-app .app-topbar{min-height:65px;height:auto;padding:12px 16px}.inside-app .app-topbar strong{font-size:18px}.inside-app .app-content{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 .inside-app .market-layout{padding:17px 14px 92px}.market-welcome{min-height:unset;padding:25px 19px 21px;display:block;border-radius:20px}.market-welcome h1{font-size:33px;margin:14px 0 10px;line-height:1.19}.market-welcome p{font-size:11px;line-height:1.7}.welcome-trust{margin-top:14px;gap:8px 16px;font-size:9px}.welcome-actions{align-items:stretch;margin-top:20px;gap:6px}.welcome-actions .btn{min-height:49px;justify-content:center;font-size:13px}.welcome-actions>span{font-size:9px}.welcome-decoration{font-size:175px;top:-39px;right:-13px}
 .market-discover{margin:25px 0 0}.block-head{margin-bottom:12px}.block-head h2{font-size:16px}.block-head>span{font-size:9px}.category-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.category-chip{min-height:80px;border-radius:13px;gap:8px}.category-chip span{font-size:9px;white-space:normal;line-height:1.2;max-width:100%;overflow-wrap:anywhere;text-align:center}.category-chip svg{width:20px;height:20px}
 .market-search-panel{margin-top:20px;padding:10px;border-radius:16px}.market-search-panel form{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.market-search-panel form .searchbox{min-height:46px}.market-search-panel form .searchbox input{font-size:11px}.market-search-panel select{height:45px;font-size:11px}.market-search-panel form button{grid-column:span 2;height:46px;font-size:12px}
 .market-results-toolbar{margin-top:15px}.browse-modes{gap:3px;flex-wrap:nowrap;justify-content:space-between;width:100%}.browse-modes button{padding:9px 10px;gap:5px;font-size:10px;white-space:nowrap}.browse-modes button svg{width:13px;height:13px}.browse-helper{display:none}
 .inside-app .results-head{padding:13px 0 15px}.inside-app .results-head>div{flex-direction:column;align-items:flex-start;gap:5px}.inside-app .results-head span{font-size:17px}.inside-app .results-head small{font-size:9px}.results-tag{font-size:8px!important}
 .inside-app .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inside-app .listing-card{border-radius:15px}.inside-app .listing-image{height:159px}.inside-app .listing-detail{padding:12px 10px 11px}.inside-app .listing-price{font-size:17px}.inside-app .listing-detail h3{font-size:12px;line-height:1.36;margin:8px 0}.inside-app .listing-detail p{font-size:9px;margin-bottom:13px}.inside-app .listing-footer{padding-top:10px;font-size:9px}.inside-app .listing-status{left:8px;top:8px;padding:4px 6px;font-size:9px}.favorite-button{right:7px;top:7px;width:29px;height:29px;border-radius:9px}.favorite-button svg{width:17px;height:17px}
 .market-safety-note{font-size:10px;align-items:flex-start}.market-safety-note svg{flex-shrink:0}
 .inside-app .detail-image{height:295px}.inside-app .detail-info{padding:19px}.inside-app .detail-info h1{font-size:23px}.inside-app .detail-price{font-size:29px}.inside-app .detail-grid{gap:15px}.detail-buttons{grid-template-columns:1fr}.detail-buttons .save-detail{justify-content:center}
 .inside-app .listing-form{padding:15px;gap:15px}.inside-app .listing-form .form-row{gap:9px}.inside-app .listing-form input,.inside-app .listing-form select,.inside-app .listing-form textarea{font-size:12px}.inside-app .create-v4 h2{font-size:26px}
 .inside-app .profile-page{padding:26px 15px 105px}.inside-app .profile-page h1{font-size:31px}.inside-app .profile-hero{padding:17px}.inside-app .profile-setting{padding:15px}
 .inside-app .mobile-app-nav{height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.inside-app .mobile-app-nav a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.category-chip,.favorite-button{transition:none}}
/* System-font fallback works even when Google Fonts is unavailable. */
body,button,input,select,textarea{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important}
@media(max-width:590px){
 .market-welcome{padding:19px 17px 17px}
 .market-welcome h1{font-size:29px;margin:9px 0 7px;max-width:320px}
 .market-welcome p{font-size:10px;line-height:1.55}
 .welcome-trust{display:none}
 .welcome-actions{margin-top:15px}
 .welcome-actions .btn{min-height:44px}
 .market-discover{margin:19px 0 0}
 .category-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#455783 transparent}
 .category-chip{flex:0 0 86px;min-height:76px;scroll-snap-align:start}
 .market-search-panel{margin-top:12px}
 .market-results-toolbar{margin:8px 0}
 .inside-app .results-head{padding:8px 0 11px}
}
/* VASLUNO V0.5 E2EE UI */
.key-unlock-form {width:min(100%,450px);display:flex;flex-direction:column;gap:14px;text-align:left;margin:22px auto}
.key-unlock-form label {display:flex;flex-direction:column;gap:9px;color:#cbd2ed;font-weight:650;font-size:13px}
.key-unlock-form input {padding:15px;border-radius:14px;border:1px solid rgba(154,168,226,.24);background:rgba(17,24,44,.9);color:#f4f5ff;font:inherit;max-width:100%;box-sizing:border-box}
.key-unlock-form input[type=file]{font-size:12px}
.chats-panel .chat-list-head button {margin-top:10px;font-size:12px}
.thread-compose input:disabled,.thread-compose button:disabled {opacity:.4;cursor:not-allowed}
@media(max-width:650px){.e2ee-unlock{padding:27px 20px 95px}.key-unlock-form {margin-top:20px}.chats-layout{min-height:70vh}}