/* Vyral 7.0.53 — UI cleanup, compact desktop rails, complete light mode */
:root{--v753-blue:#1677ff;--v753-blue-2:#0ea5e9}

/* Desktop side rails */
.desktop-panel{border-radius:9px!important;padding:14px!important;overflow:hidden}
.v753-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.v753-panel-head h3{margin:0!important;font-size:17px!important}
.v753-panel-button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;border-radius:7px;padding:7px 9px;font-weight:850;cursor:pointer}
.v753-panel-button svg,.v753-panel-button i{width:15px;height:15px}
.v753-side-list{display:grid;gap:7px;margin-top:10px}
.v753-side-person,.v753-side-note{width:100%;display:flex;align-items:center;gap:9px;text-align:left;color:inherit;background:transparent;border:0;border-radius:6px;padding:8px;cursor:pointer;transition:background .16s ease}
.v753-side-person:hover,.v753-side-note:hover{background:rgba(255,255,255,.055)}
.v753-side-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#ff3d78,#4dc9ff);font-weight:900;color:#fff}
.v753-side-avatar img{width:100%;height:100%;object-fit:cover}
.v753-side-person-copy,.v753-side-note>span:last-child{min-width:0;display:grid;gap:2px;flex:1}
.v753-side-person-copy b,.v753-side-note b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v753-side-person-copy small,.v753-side-note small{font-size:11px;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v753-side-person>svg{width:14px;height:14px;opacity:.45}
.v753-note-icon{width:30px;height:30px;flex:0 0 30px;border-radius:6px;display:grid;place-items:center;background:rgba(14,165,233,.11)}
.v753-note-icon svg{width:15px;height:15px}
.v753-side-empty{font-size:12px;line-height:1.45;opacity:.58;padding:11px 8px;border:1px dashed rgba(255,255,255,.11);border-radius:6px}

/* Auth branding */
.v753-auth-brand{display:flex;align-items:center;gap:10px;min-width:150px}
.v753-auth-brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#ff3474,#32c9ff);box-shadow:0 8px 22px rgba(61,167,255,.22)}
.v753-auth-brand strong{font-size:21px;letter-spacing:-.03em}
.vyral-language-switcher{display:flex!important;align-items:center!important;gap:7px!important}
.v753-language-icon{display:grid;place-items:center}
.v753-language-icon svg{width:16px;height:16px}

/* Profile cleanup */
.v753-profile-clean{padding-bottom:80px}
.v753-profile-clean .v7-profile-top{align-items:end}
.v753-profile-bio{margin-top:9px;max-width:720px;font-size:14px;line-height:1.55;color:var(--muted)}
.v753-profile-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#35c9ff;font-weight:800;text-decoration:none;font-size:13px}
.v753-profile-link .ico{width:16px;height:16px}
.v753-learn-more{display:inline-flex;margin:8px 0 0 10px;border:0;background:none;color:var(--muted);font-weight:800;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.v753-profile-actions{margin-top:12px!important}
.v753-profile-more{max-width:700px!important}
.v753-profile-more-bio{font-size:15px;line-height:1.65;color:var(--muted);margin:18px 0}
.v753-profile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v753-profile-more-grid>div{border:1px solid var(--border);background:var(--surface);padding:13px;border-radius:10px;display:grid;gap:5px}
.v753-profile-more-grid span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#35c9ff;text-transform:uppercase}
.v753-external-link{display:inline-flex!important;margin-top:14px;text-decoration:none}

/* Settings categories — same original sections, just grouped */
#v753AccountRoot{width:100%}
.v753-settings-categories{display:grid;gap:10px;margin:14px 0 20px}
.v753-settings-category{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}
.v753-settings-category>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;cursor:pointer;user-select:none}
.v753-settings-category>summary::-webkit-details-marker{display:none}
.v753-settings-category>summary>span:nth-child(2){display:grid;gap:2px;flex:1}
.v753-settings-category>summary b{font-size:15px}.v753-settings-category>summary small{font-size:11px;color:var(--muted)}
.v753-settings-category>summary>svg{width:17px;height:17px;transition:transform .2s ease}
.v753-settings-category[open]>summary>svg{transform:rotate(180deg)}
.v753-category-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(53,201,255,.09);color:#35c9ff}
.v753-category-icon svg{width:17px;height:17px}
.v753-category-body{padding:0 10px 10px;display:grid;gap:10px}
.v753-category-body>.vyral-settings-section,.v753-category-body>.v631-account-entry{margin:0!important;border-radius:8px!important}
.v753-progress-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.v753-progress-summary>div{padding:12px;border:1px solid var(--border);border-radius:8px;display:grid;gap:3px}
.v753-progress-summary span{font-size:10px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.v753-progress-summary b{font-size:14px}
.v753-contact-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:10px}
.v753-save-status{margin-top:8px;font-size:12px;color:var(--muted)}

/* Live avatar follow button */
.v753-live-avatar-wrap{position:relative;flex:0 0 auto}
.v753-live-follow{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);z-index:5;width:24px;height:24px;border:2px solid #07090f;border-radius:50%;display:grid;place-items:center;padding:0;background:#ff335f;color:#fff;font-size:18px;line-height:1;font-weight:950;cursor:pointer;box-shadow:0 5px 14px rgba(255,51,95,.35)}

/* Live wizard */
.v753-live-wizard{grid-column:1/-1;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px;margin-bottom:12px}
.v753-live-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.v753-live-stepper button{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer}
.v753-live-stepper button span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2,#171a22);font-size:11px;font-weight:900}
.v753-live-stepper button b{font-size:12px}.v753-live-stepper button.active{border-color:#35c9ff;background:rgba(53,201,255,.07)}.v753-live-stepper button.active span{background:#35c9ff;color:#071018}
.v753-live-wizard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.v632-prelive-shell [hidden]{display:none!important}

/* History */
.v753-page-intro{margin-bottom:14px}.v753-page-intro h2{font-size:28px;margin:5px 0}.v753-page-intro p{color:var(--muted)}
.v753-history-list{display:grid;gap:8px}.v753-history-list article{display:flex;gap:11px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.v753-history-list article>svg{width:18px;height:18px;color:#35c9ff;flex:0 0 18px}.v753-history-list article>div{display:grid;gap:3px}.v753-history-list span,.v753-history-list small{color:var(--muted);font-size:12px}

/* Vyral+ exact URL anchor retains button appearance */
a.vyral-plus-explore{text-decoration:none!important;display:flex!important}

/* COMPLETE LIGHT THEME */
html[data-theme="light"]{color-scheme:light;--bg:#fff!important;--surface:#fff!important;--surface-2:#f7f9fc!important;--panel:#fff!important;--card:#fff!important;--text:#101828!important;--muted:#667085!important;--border:#dce3ec!important;--line:#e7ecf2!important}
html[data-theme="light"] body,
html[data-theme="light"] .app,
html[data-theme="light"] .feed,
html[data-theme="light"] .page-overlay,
html[data-theme="light"] .page,
html[data-theme="light"] #pageContent,
html[data-theme="light"] .modal-overlay,
html[data-theme="light"] .auth-overlay,
html[data-theme="light"] .v7-auth-shell,
html[data-theme="light"] .v7-auth-main,
html[data-theme="light"] .vyral-account-page,
html[data-theme="light"] .v632-prelive-shell,
html[data-theme="light"] .v632-live-studio-shell,
html[data-theme="light"] .v8-msg-app{background:#fff!important;color:#101828!important}
html[data-theme="light"] .desktop-panel,
html[data-theme="light"] .vyral-settings-section,
html[data-theme="light"] .v753-settings-category,
html[data-theme="light"] .v7-card,
html[data-theme="light"] .card,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .v632-dock-card,
html[data-theme="light"] .v632-program-panel,
html[data-theme="light"] .v632-setup-dock,
html[data-theme="light"] .v753-live-wizard,
html[data-theme="light"] .v8-sidebar,
html[data-theme="light"] .v8-chat,
html[data-theme="light"] .v8-info{background:#fff!important;color:#101828!important;border-color:#dce3ec!important;box-shadow:none!important}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .v7-auth-input,
html[data-theme="light"] .vyral-control,
html[data-theme="light"] .v8-composer{background:#f7f9fc!important;color:#101828!important;border-color:#d8e1ec!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#98a2b3!important}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] b,html[data-theme="light"] strong,html[data-theme="light"] label{color:#101828!important}
html[data-theme="light"] p,html[data-theme="light"] small,html[data-theme="light"] .v7-muted,html[data-theme="light"] .v753-profile-bio{color:#667085!important}
html[data-theme="light"] .bottom-nav,html[data-theme="light"] .page-header{background:rgba(255,255,255,.96)!important;border-color:#e4e9f0!important}
html[data-theme="light"] i[data-lucide],html[data-theme="light"] i[data-lucide] svg,html[data-theme="light"] .ico svg,html[data-theme="light"] svg.lucide{color:var(--v753-blue)!important;stroke:var(--v753-blue)!important}
html[data-theme="light"] .v753-category-icon,html[data-theme="light"] .v753-note-icon{background:#eef6ff!important;color:var(--v753-blue)!important}
html[data-theme="light"] .v753-side-person:hover,html[data-theme="light"] .v753-side-note:hover{background:#f4f8fd!important}
html[data-theme="light"] .v753-side-empty{border-color:#dce3ec!important;color:#667085!important}
html[data-theme="light"] .v631-live-card{background:#fff!important}
html[data-theme="light"] .v631-live-video,html[data-theme="light"] .v632-program{background:#f3f6fa!important}
html[data-theme="light"] .v631-feed-empty{background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#101828!important}
html[data-theme="light"] .v631-feed-empty h2{color:#101828!important}
html[data-theme="light"] .v631-feed-empty p{color:#667085!important}

@media(max-width:1280px){.desktop-panel{display:none!important}}
@media(max-width:720px){.v753-profile-more-grid,.v753-progress-summary{grid-template-columns:1fr}.v753-live-stepper{grid-template-columns:1fr 1fr}.v753-live-stepper button b{font-size:11px}.v753-settings-category>summary{min-height:58px}.v753-profile-link{max-width:80vw;overflow:hidden;text-overflow:ellipsis}}


/* V7.0.62 — recent DM previews can share the right Notifications rail. */
.v753-side-note.v762-message-note .v753-note-icon{background:rgba(55,201,255,.12);color:#58d5ff}.v753-side-note.v762-message-note.is-unread{box-shadow:inset 3px 0 0 #35c9ff}.v753-side-note.v762-message-note small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v762-about-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.v762-about-discord{display:inline-flex;align-items:center;gap:7px}