/* Two-mode preview, built on the existing ORA interface. */
[hidden] { display: none !important; }
body::before, body::after { display: none; }
.theme-background { position: fixed; inset: 0; z-index: -2; pointer-events: none; background-position: center; background-size: cover; background-repeat: no-repeat; transition: opacity .72s cubic-bezier(.22,.61,.36,1); }
.theme-background-dark { background-image: url('ora-background.png'); filter: saturate(1.08) contrast(1.06) brightness(1.08); }
.theme-background-light { background-image: url('ora-background-light.png'); opacity: 0; z-index: -1; }
body[data-theme="light"] .theme-background-light { opacity: 1; }
.lion-icon { position:relative; transition:border-color .5s,box-shadow .5s; }
.lion-icon img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .72s cubic-bezier(.22,.61,.36,1); }
.lion-icon .brand-logo-light { opacity:0; }
body[data-theme="light"] .lion-icon .brand-logo-light { opacity:1; }
@supports(height:100lvh) { .theme-background { height:100lvh; bottom:auto; } }
body { transition: color .5s ease; padding-bottom: calc(204px + env(safe-area-inset-bottom, 0px)); }
.navigation-dock { position:fixed; z-index:200; left:50%; transform:translateX(-50%); bottom:12px; bottom:max(12px, env(safe-area-inset-bottom, 0px)); width:min(calc(100% - 24px),580px); }
.navigation-dock .bottom-nav { position:relative; left:auto; bottom:auto; transform:none; width:100%; }
.screenshot-reminder { position:relative; margin-bottom:10px; padding:12px 16px 2px; color:#c7b78d; transition:color .5s,text-shadow .5s; text-shadow:0 1px 5px #120c04,0 0 12px #120c04; }
.screenshot-reminder::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold-dim) 25%,var(--gold-dim) 75%,transparent); opacity:.45; }
.screenshot-reminder p { margin:0; font-size:12px; font-weight:400; line-height:1.6; text-align:center; overflow-wrap:break-word; }
body[data-theme="light"] .screenshot-reminder { color:#806e4d; text-shadow:0 1px 4px #fffdf6,0 0 10px #fffdf6,0 0 18px #fffdf6; }
body.keyboard-open .navigation-dock { visibility:hidden; pointer-events:none; }
.header, .header h1, .header-sub, .brand-kicker, .card, .card-title, .bottom-nav, .nav-item, input, .count-chip, .management { transition: color .5s, background-color .5s, border-color .5s, box-shadow .5s; }
.mode-stack { position: relative; transition: height .45s cubic-bezier(.22,.61,.36,1); }
.mode-panel { position:absolute; top:0; left:0; right:0; min-width:0; opacity:0; transform:translateY(12px); visibility:hidden; pointer-events:none; transition:opacity .3s ease, transform .45s cubic-bezier(.22,.61,.36,1), visibility .3s; }
.mode-panel.active { opacity:1; transform:translateY(0); visibility:visible; pointer-events:auto; }
.mode-panel .tab-content { display:block; animation:none; }
.management { border-top:1px solid var(--border); color:var(--text-muted); margin-top:4px; }
.management > summary { display:flex; justify-content:space-between; align-items:center; padding:15px 4px; font-size:11px; cursor:pointer; list-style:none; }
.management > summary::-webkit-details-marker { display:none; }
.management summary .ui-icon { font-size:17px; transition:transform .25s; }
.management[open] summary .ui-icon { transform:rotate(180deg); }
.management-content { padding-top:2px; }
.two-tabs { padding:7px; gap:0; background:rgba(9,6,3,.58); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.two-tabs .nav-item { min-height:70px; gap:5px; font-size:11px; padding:8px 6px; line-height:1.35; z-index:1; }
.two-tabs .nav-item::before { display:none; }
.two-tabs .nav-item.active { background:transparent; box-shadow:none; }
.two-tabs .nav-icon { font-size:22px; }
.nav-indicator { position:absolute; top:7px; bottom:7px; left:7px; width:calc((100% - 14px) / 2); border:1px solid rgba(239,193,78,.34); border-radius:17px; background:linear-gradient(145deg,rgba(214,165,45,.26),rgba(95,65,10,.14)); box-shadow:0 5px 18px rgba(0,0,0,.13); transition:transform .55s cubic-bezier(.22,.8,.22,1),background .5s,border-color .5s; }
.nav-indicator::before { content:''; position:absolute; width:26px; height:2px; border-radius:2px; background:#e6be56; top:5px; left:calc(50% - 13px); }
body[data-mode="no-deposit"] .nav-indicator { transform:translateX(100%); }
.mode-hint { display:flex; align-items:center; gap:7px; margin-top:15px; font-size:10px; line-height:1.5; color:var(--text-muted); }
.status-dot { width:5px; height:5px; flex-shrink:0; background:#b98825; border-radius:50%; box-shadow:0 0 0 3px rgba(185,136,37,.09); }
.no-deposit-table th:nth-child(1) { width:52%; }
.no-deposit-table th:nth-child(2) { width:34%; }
.no-deposit-table th:nth-child(3) { width:14%; }
.no-deposit-table td:nth-child(2) { font-size:10px; }
.no-deposit-table .empty { padding:38px 8px; }
.empty-orbit { width:58px; height:58px; border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; background:rgba(255,255,255,.36); }
.empty-orbit .ui-icon { font-size:25px; color:var(--gold); }
.empty .empty-note { font-size:10px; line-height:1.7; margin:7px auto 0; max-width:230px; opacity:.8; }
.status-label { display:inline-flex; align-items:center; gap:5px; color:#8d641e; line-height:1.5; }
.status-label::before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; flex-shrink:0; }
.dialog-x { position:absolute; top:14px; right:14px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:transparent; color:var(--text-muted); cursor:pointer; }
.dialog-x:hover { background:rgba(170,140,80,.1); }
.dialog-x .ui-icon { font-size:18px; }
.no-deposit-dialog,.message-dialog { position:relative; padding:36px 26px 25px; text-align:center; max-width:420px; }
.warning-medallion { width:80px; height:80px; margin:0 auto 23px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#b24d38; background:radial-gradient(circle,rgba(185,93,72,.16),rgba(185,93,72,.04)); border:1px solid rgba(185,93,72,.18); box-shadow:0 0 0 8px rgba(185,93,72,.035); }
.warning-medallion .ui-icon { font-size:48px; stroke-width:3.6; }
.dialog-eyebrow { font-size:11px; font-weight:800; letter-spacing:1.3px; line-height:1.6; color:var(--text-muted); margin-bottom:10px; }
.no-deposit-dialog h2,.message-dialog h2 { font-family:'Marcellus',Georgia,'Times New Roman',serif; font-size:28px; font-weight:400; line-height:1.25; color:var(--gold-light); margin:0; }
.dialog-message { font-size:16px; font-weight:500; line-height:1.75; color:var(--text); margin:16px 0 22px; }
.checked-phone { display:flex; flex-direction:column; gap:5px; margin:0 0 23px; padding:12px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.28); }
.checked-phone span { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; color:var(--text-muted); }
.checked-phone strong { font-size:17px; letter-spacing:.5px; overflow-wrap:anywhere; color:var(--text); }
.no-deposit-dialog .modal-close-btn { font-size:16px; text-transform:none; letter-spacing:.2px; }
.no-deposit-dialog { isolation:isolate; }
.dialog-brand { width:176px; height:142px; margin:-16px auto 15px; -webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 90%,transparent); mask-image:linear-gradient(180deg,transparent,#000 16%,#000 90%,transparent); }
.dialog-brand img { display:block; width:176px; height:176px; max-width:100%; margin-top:-16px; object-fit:contain; filter:brightness(1.04) contrast(1.1); mix-blend-mode:multiply; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.no-deposit-dialog .warning-medallion { width:64px; height:64px; margin-bottom:20px; box-shadow:none; }
.no-deposit-dialog .warning-medallion .ui-icon { font-size:42px; }
.no-deposit-dialog .checked-phone { border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; padding:16px 0 0; margin-bottom:22px; }
.dialog-brand-dark { mix-blend-mode:screen; }
.dialog-brand-dark img { mix-blend-mode:normal; filter:contrast(1.18) brightness(1.02); }
#searchModal .modal-box { max-width:420px; isolation:isolate; }
#modalSuccess.branded-success { padding:34px 26px 25px; }
.branded-success .dialog-brand { flex-shrink:0; }
.branded-success .check-circle { width:64px; height:64px; flex-shrink:0; margin-bottom:20px; box-shadow:0 0 24px rgba(214,166,42,.14); }
.branded-success .modal-title { font-size:26px; font-weight:400; line-height:1.3; letter-spacing:.2px; text-transform:none; margin:0; }
.branded-success .modal-phone-card { border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; margin-top:23px; padding:17px 0 0; }
.branded-success .modal-phone-copy { text-align:center; }
.branded-success .modal-phone-card > .ui-icon { display:none; }
.branded-success .modal-phone-label { font-size:10px; margin-bottom:5px; }
.branded-success .modal-phone-number { font-size:17px; }
.branded-success .success-footer { width:100%; padding:22px 0 0; }
.branded-success .modal-close-btn { font-size:16px; }
.no-deposit-loading { padding:30px 0 20px; }
.loading-orbit { margin:0 auto 22px; width:60px; height:60px; color:var(--gold); }
.loading-orbit svg { width:100%; height:100%; animation:oraSpin 1s linear infinite; }
.no-deposit-loading p { font-size:15px; color:var(--text-muted); }
.message-actions { display:flex; gap:10px; }
.message-actions > button { flex:1; width:auto; }
.modal-overlay { transition:opacity .25s,visibility .25s; }
.modal-overlay.show { backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); background:rgba(7,5,2,.32); }
body[data-theme="light"] {
  --gold:#9c7324; --gold-light:#725018; --gold-dim:#ab8236;
  --dark:#faf6ed; --dark2:rgba(255,255,255,.87); --dark3:rgba(255,255,255,.56);
  --text:#403522; --text-muted:#8c7a59; --border:rgba(164,120,37,.25); --success:#b68a32;
  color-scheme:light;
}
body[data-theme="light"] .header { background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,253,245,.15)); border-color:rgba(177,133,45,.25); box-shadow:0 10px 36px rgba(98,71,22,.06); }
body[data-theme="light"] .header h1 { color:#805c1b; text-shadow:0 1px 0 rgba(255,255,255,.8); }
body[data-theme="light"] .brand-kicker,body[data-theme="light"] .header-sub { color:#927839; }
body[data-theme="light"] .lion-icon { border-color:rgba(164,120,37,.4); box-shadow:0 0 0 4px rgba(164,120,37,.06),0 8px 22px rgba(82,54,13,.1); }
body[data-theme="light"] .card,body[data-theme="light"] .result-card { background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(255,251,239,.40)); border-color:rgba(173,132,49,.27); box-shadow:0 15px 38px rgba(100,71,18,.075),inset 0 1px 0 rgba(255,255,255,.85); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
body[data-theme="light"] .card-title { color:#906b27; }
body[data-theme="light"] .card-title::after { background:linear-gradient(90deg,rgba(171,128,36,.32),transparent); }
body[data-theme="light"] .section-icon,body[data-theme="light"] .input-wrap > .input-icon { color:#a77c2a; }
body[data-theme="light"] input,body[data-theme="light"] select { background-color:rgba(255,255,255,.6); border-color:rgba(160,119,34,.25); color:#49391f; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); color-scheme:light; }
body[data-theme="light"] input::placeholder { color:#a59471; }
body[data-theme="light"] input:focus { border-color:#b48b3e; box-shadow:0 0 0 3px rgba(179,137,54,.10); }
body[data-theme="light"] .btn,body[data-theme="light"] .modal-close-btn { background:linear-gradient(130deg,#eac974,#d5ac4f 55%,#b88a30); box-shadow:0 8px 20px rgba(157,115,30,.15),inset 0 1px 0 #fff1c9; color:#503914; }
body[data-theme="light"] .count-chip { background:linear-gradient(135deg,#e9d398,#d7b969); color:#604613; box-shadow:0 3px 10px rgba(157,115,30,.08); }
body[data-theme="light"] thead th { color:#9b8459; border-bottom-color:rgba(165,128,55,.2); }
body[data-theme="light"] tbody td,body[data-theme="light"] tbody td:first-child { color:#5a4829; }
body[data-theme="light"] tbody tr { border-bottom-color:rgba(169,133,59,.13); }
body[data-theme="light"] .wa-dot { background:#b48b39; box-shadow:none; }
body[data-theme="light"] .del-btn { color:#a48a59; }
body[data-theme="light"] .del-btn:hover { color:#865b1c; }
body[data-theme="light"] .two-tabs { background:rgba(255,253,245,.83); border-color:rgba(176,134,47,.32); box-shadow:0 12px 40px rgba(118,83,17,.12),inset 0 1px 0 #fff; }
body[data-theme="light"] .nav-item { color:#a28e68; }
body[data-theme="light"] .nav-item.active { color:#79551c; }
body[data-theme="light"] .nav-indicator { border-color:rgba(184,140,46,.37); background:linear-gradient(145deg,rgba(230,195,108,.33),rgba(243,226,184,.18)); box-shadow:0 5px 16px rgba(149,112,34,.07); }
body[data-theme="light"] .nav-indicator::before { background:#b48a35; }
body[data-theme="light"] .modal-overlay.show { background:rgba(92,74,41,.14); }
body[data-theme="light"] .modal-box { background:linear-gradient(145deg,#fffefa,#fff); border-color:rgba(184,145,62,.33); box-shadow:0 28px 85px rgba(106,78,25,.20),inset 0 1px 0 #fff; }
body[data-theme="light"] .toast { background:#fffdf7 !important; color:#7d5b20; border-color:rgba(177,131,39,.3); box-shadow:0 12px 30px rgba(119,86,21,.13); }
body[data-theme="light"] .modal-title,body[data-theme="light"] .modal-phone-number { color:#715222; }
body[data-theme="light"] .modal-phone-card { background:#fbf7eb; border-color:var(--border); }
@media(max-width:480px) {
  .navigation-dock { width:calc(100% - 18px); bottom:8px; bottom:max(8px,env(safe-area-inset-bottom,0px)); }
  .two-tabs .nav-item { min-height:68px; font-size:10px; }
  .no-deposit-dialog,.message-dialog { padding:34px 23px 23px; }
  #modalSuccess.branded-success { padding:34px 23px 23px; }
  .no-deposit-dialog h2,.message-dialog h2 { font-size:26px; }
  .dialog-message { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}