/* velisse — private luxury operations */
:root {
  --font-display: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --rail-w: 224px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
}

:root,
:root[data-theme="dark"] {
  --bg: #100C12;
  --bg-elev: #19141C;
  --bg-elev2: #241D27;
  --bg-inset: #0D0A0F;
  --bg-glow:
    radial-gradient(900px 560px at 100% 0%, rgba(128, 82, 111, .18), transparent 64%),
    radial-gradient(720px 520px at -10% 100%, rgba(201, 169, 112, .09), transparent 60%);
  --label: #F7F1EA;
  --label-2: rgba(247, 241, 234, .66);
  --label-3: rgba(247, 241, 234, .42);
  --label-4: rgba(247, 241, 234, .25);
  --tint: #CFA7BC;
  --tint-strong: #E0BBD0;
  --tint-deep: #704559;
  --tint-weak: rgba(207, 167, 188, .13);
  --gold: #D5B678;
  --gold-deep: #B6904D;
  --danger: #FF625F;
  --danger-weak: rgba(255, 98, 95, .14);
  --ok: #65C59A;
  --ok-weak: rgba(101, 197, 154, .13);
  --warn: #E7B95C;
  --warn-weak: rgba(231, 185, 92, .13);
  --info: #8EBAD3;
  --separator: rgba(247, 241, 234, .09);
  --separator-strong: rgba(247, 241, 234, .16);
  --ring: rgba(207, 167, 188, .58);
  --glass: color-mix(in srgb, #171219 76%, transparent);
  --theme-color: #100C12;
}

:root[data-theme="light"] {
  --bg: #F7F3ED;
  --bg-elev: #FFFCF8;
  --bg-elev2: #F1EAE3;
  --bg-inset: #EEE7E0;
  --bg-glow:
    radial-gradient(900px 560px at 100% 0%, rgba(128, 82, 111, .10), transparent 64%),
    radial-gradient(720px 520px at -10% 100%, rgba(201, 169, 112, .12), transparent 60%);
  --label: #201923;
  --label-2: #5F5662;
  --label-3: #786E7A;
  --label-4: rgba(32, 25, 35, .32);
  --tint: #7D4B65;
  --tint-strong: #6C3C55;
  --tint-deep: #563044;
  --tint-weak: rgba(125, 75, 101, .11);
  --gold: #9B7331;
  --gold-deep: #75531E;
  --ok: #217B59;
  --warn: #8B6114;
  --info: #346F8E;
  --theme-color: #F7F3ED;
}

body { letter-spacing: -.012em; }
.screen,
.large-title-row { max-width: 1180px; }
.large-title,
.login-name { font-family: var(--font-display); font-weight: 500; letter-spacing: -.035em; }
.large-title { font-size: clamp(36px, 4vw, 52px); }
.section-title { font-size: 12px; letter-spacing: .13em; }

.card,
.list,
.empty {
  border-color: var(--separator);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 18px 45px -38px rgba(0,0,0,.9);
}
.card { background: linear-gradient(145deg, color-mix(in srgb, var(--bg-elev) 96%, white), var(--bg-elev)); }
.btn { border-radius: var(--r-md); }
.btn.primary { color: #241720; }
.btn.gold { color: #241C12; }
.seg { border-radius: var(--r-md); }
.seg button, .seg .seg-btn { border-radius: 11px; }
.input, .textarea { border-radius: var(--r-md); }

@media (min-width:768px) {
  .tabbar {
    padding: calc(var(--safe-top) + 22px) 12px 20px;
    background: color-mix(in srgb, var(--bg-elev) 84%, transparent);
  }
  .rail-brand { padding: 0 10px 24px; font-family: var(--font-display); font-size: 30px; font-weight: 500; }
  .rail-brand .velisse-mark { width: 34px; height: 34px; }
  .tab { height: 44px; border-radius: 12px; padding: 0 12px; }
  .tab[aria-current="page"] { color: var(--label); background: var(--tint-weak); }
  .tab[aria-current="page"]::before { content:""; width:3px; height:20px; background:var(--tint); border-radius:4px; margin-left:-12px; }
}

.velisse-mark {
  display:inline-grid; place-items:center; flex:0 0 auto;
  width:40px; height:40px; border-radius:13px;
  background:linear-gradient(145deg,#5F384D,#2B1C28);
  border:1px solid rgba(213,182,120,.28);
  color:#F2DFC2; font-family:var(--font-display); font-size:28px; font-style:italic;
  box-shadow:0 12px 36px -20px rgba(207,167,188,.7);
}

.login-wrap { position:relative; overflow:hidden; }
.login-wrap::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% 18%,rgba(207,167,188,.16),transparent 30%),
             linear-gradient(135deg,transparent 48%,rgba(213,182,120,.035) 49%,transparent 51%);
}
.login-card { max-width:430px; padding:34px; border:1px solid var(--separator); border-radius:28px; background:color-mix(in srgb,var(--bg-elev) 76%,transparent); backdrop-filter:blur(24px); box-shadow:var(--shadow-pop); }
.login-mark { width:auto; height:auto; filter:none; }
.login-name { font-size:52px; line-height:1; }
.login-tag { max-width:30ch; line-height:1.5; }
.login-form { margin-top:8px; }
.login-foot { text-align:center; font-size:12px; color:var(--label-3); }

@media (max-width:767px) {
  .large-title-row { padding-top:18px; }
  .large-title { font-size:40px; }
  .tabbar { margin:0 10px 10px; left:0; right:0; width:auto; border:1px solid var(--glass-line); border-radius:20px; overflow:hidden; }
  .viewport { padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 18px); }
  .login-card { padding:28px 22px; border-radius:24px; }
}

.ck-meter, .ck-autobanner { border-radius:var(--r-md); }
.ck-msg.us { background:linear-gradient(145deg,#81516A,#5D354A)!important; }
.gd-fab { background:linear-gradient(145deg,#7D4B65,#5C3248)!important; color:#FFF7EC!important; }