/*
Theme Name: vleora
Text Domain: vleora
Description: A modern community platform for discovering, reading, publishing, and discussing manga and stories.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Compact header actions */
.lop-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.lop-actions .lop-pill{padding:8px 16px!important;min-height:38px!important;font-size:12px!important;line-height:1!important;white-space:nowrap}
.lop-actions .lop-pill.lop-install{padding:8px 13px!important}
@media(max-width:680px){
  .lop-actions{gap:4px!important;flex:1 1 auto;min-width:0;justify-content:flex-end;overflow:hidden}
  .lop-actions .lop-pill{padding:5px 7px!important;min-height:30px!important;font-size:9px!important;line-height:1!important;flex:0 1 auto;min-width:0}
  .lop-actions .lop-pill.lop-install{padding:5px 7px!important}

  /* Logged-in mobile header: use a fixed two-column layout so the controls can never push the header wider than the phone. */
  .lop-logged-in .lop-header-inner{
    display:grid!important;
    grid-template-columns:90px minmax(0,1fr)!important;
    align-items:center!important;
    gap:4px!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .lop-logged-in .lop-brand{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .lop-logged-in .lop-nav,
  .lop-logged-in form[role="search"]{display:none!important}
  .lop-logged-in .lop-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:3px!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .lop-logged-in .lop-actions .lop-pill{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:30px!important;
    height:32px!important;
    padding:3px 2px!important;
    margin:0!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    flex:none!important;
  }
  .lop-logged-in .lop-actions .lop-install{
    display:flex!important;
  }
  .lop-logged-in .lop-actions .lop-install::first-letter{font-size:12px!important}
}

.lop-save-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #382F45;border-radius:999px;background:#18151F;color:#F5F3FF;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s ease}
.lop-save-btn:hover,.lop-save-btn[data-saved="1"]{border-color:#A855F7;color:#A855F7;background:#21172D}
.lop-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lop-profile-card{border:1px solid #382F45;border-radius:22px;background:#18151F;padding:24px}
@media(max-width:680px){.lop-profile-grid{grid-template-columns:1fr 1fr}.lop-profile-grid .lop-profile-card:last-child{grid-column:1/-1}}

.lop-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.lop-profile-card{padding:24px;border:1px solid #382F45;border-radius:20px;background:#18151F}.lop-profile-card strong{font-size:28px;color:#F5F3FF}.lop-follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #A855F7;border-radius:999px;background:#21172D;color:#F5F3FF;font-weight:800;cursor:pointer}.lop-follow-btn:hover{background:#271D35;box-shadow:0 0 0 3px rgba(168,85,247,.14)}.lop-reel-creator .lop-follow-btn{min-height:30px;padding:0 11px;font-size:11px;margin-left:7px;vertical-align:middle}.lop-reel-creator .lop-follow-btn span{font-size:10px;color:#D0CADB}@media(max-width:680px){.lop-profile-grid{grid-template-columns:1fr 1fr}.lop-profile-grid .lop-profile-card:last-child{grid-column:1/-1}}

/* Mobile-first overflow protection: the phone layout must never require horizontal page scrolling. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe,embed,object{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
table{max-width:100%;width:100%}
td,th{overflow-wrap:anywhere}
.lop-wrap,.lop-header-inner,.lop-footer-inner{width:100%;max-width:100%;min-width:0}
.lop-grid,.lop-profile-grid{min-width:0}
.lop-grid>*,.lop-profile-grid>*{min-width:0}
.lop-card,.lop-profile-card,.lop-btn,.lop-pill{max-width:100%;min-width:0}
@media(max-width:680px){
  /*
   * Mobile Vleora: keep the desktop visual structure, but scale it down.
   * Do not stack/squash the interface just to make it fit.
   */
  html,body{overflow-x:hidden}
  body{font-size:14px}
  .lop-announcement{font-size:10px;line-height:28px;max-width:100%;overflow:hidden;white-space:nowrap}
  .lop-header{width:100%;max-width:100%;overflow:hidden}
  .lop-header-inner{padding:8px 12px!important;gap:8px!important}
  .lop-brand{font-size:20px!important;white-space:nowrap}
  .lop-nav{display:flex!important;gap:10px!important;min-width:0;overflow:hidden;flex-wrap:wrap}
  .lop-nav a{font-size:11px!important;line-height:1.2;white-space:nowrap}
  .lop-actions{display:flex!important;gap:5px!important;flex-wrap:wrap;min-width:0}
  .lop-actions .lop-pill{font-size:10px!important;padding:6px 9px!important;white-space:nowrap;min-height:30px}
  .lop-wrap{padding-left:14px!important;padding-right:14px!important}
  .lop-home h1{font-size:30px!important;line-height:1.05}
  .lop-home h2{font-size:24px!important;line-height:1.1}
  .lop-home h3{font-size:17px!important}
  .lop-lede{font-size:13px!important}
  .lop-section{padding-top:34px!important;padding-bottom:34px!important}
  .lop-card,.lop-profile-card{padding:16px!important;border-radius:16px!important}
  .lop-profile-card strong{font-size:22px!important}
  .lop-grid{gap:10px!important}
  .lop-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .lop-profile-grid .lop-profile-card:last-child{grid-column:auto!important}
  .lop-profile-card{padding:10px 6px!important;text-align:center!important}
  .lop-profile-card strong{font-size:18px!important}
  .lop-profile-card p{font-size:10px!important;margin:3px 0 0!important}
  .lop-btn,.lop-save-btn,.lop-follow-btn{font-size:10px!important;min-height:30px!important;padding:0 7px!important;white-space:nowrap}
  main,article,section,header,footer,div{min-width:0}
  img,svg,video,canvas,iframe{max-width:100%}
  .prose,.entry-content,.wp-block-group{max-width:100%;min-width:0}
}

/* Final mobile header: never allow desktop navigation to consume phone width. */
@media (max-width:680px){
  .lop-header .lop-header-inner{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-width:0!important;margin:0 auto!important;padding:8px 0!important;overflow:hidden!important}
  .lop-header .lop-brand{display:block!important;width:96px!important;max-width:96px!important;min-width:96px!important;font-size:18px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important}
  .lop-header .lop-nav{display:none!important}
  .lop-header form[role="search"]{display:none!important}
  .lop-header .lop-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:3px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;flex:none!important;flex-wrap:nowrap!important}
  .lop-header.lop-logged-out .lop-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .lop-header .lop-actions .lop-pill{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;margin:0!important;padding:2px 1px!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;flex:none!important}
}

/* Vleora AI */
.vleora-ai-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Inter,system-ui,sans-serif}.vleora-ai-launch{border:1px solid #A855F7;border-radius:999px;background:#18151F;color:#F5F3FF;padding:12px 18px;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.45);cursor:pointer}.vleora-ai-launch span{margin-left:6px}.vleora-ai-panel{position:absolute;right:0;bottom:58px;width:min(380px,calc(100vw - 32px));height:520px;background:#0B0B0F;border:1px solid #382F45;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column}.vleora-ai-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#18151F;border-bottom:1px solid #382F45}.vleora-ai-head strong{display:block;color:#F5F3FF}.vleora-ai-head small{color:#B9B2C8}.vleora-ai-close{background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.vleora-ai-chat{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.vleora-ai-msg{max-width:86%;padding:11px 13px;border-radius:15px;line-height:1.5;font-size:14px;white-space:pre-wrap}.vleora-ai-msg.ai{background:#18151F;color:#D0CADB;align-self:flex-start}.vleora-ai-msg.user{background:#7C3AED;color:#fff;align-self:flex-end}.vleora-ai-prompts{display:flex;gap:7px;overflow:auto;padding:0 14px 10px}.vleora-ai-prompts button{white-space:nowrap;border:1px solid #382F45;border-radius:999px;background:#18151F;color:#D0CADB;padding:7px 10px;cursor:pointer}.vleora-ai-form{display:flex;gap:8px;padding:12px;border-top:1px solid #382F45}.vleora-ai-form textarea{flex:1;resize:none;background:#18151F;border:1px solid #382F45;border-radius:13px;color:#fff;padding:10px;outline:none}.vleora-ai-form button{width:42px;border:0;border-radius:13px;background:#7C3AED;color:#fff;font-weight:900;cursor:pointer}@media(max-width:680px){.vleora-ai-widget{right:12px;bottom:12px}.vleora-ai-launch{padding:10px 14px}.vleora-ai-panel{bottom:52px;width:calc(100vw - 24px);height:min(72vh,520px)}}

/* Vleora AI */
.vleora-ai-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.vleora-ai-launch{display:inline-flex;align-items:center;gap:8px;border:1px solid #A855F7;border-radius:999px;background:#7C3AED;color:#fff;padding:12px 17px;font-weight:900;font-size:12px;box-shadow:0 14px 40px rgba(0,0,0,.45);cursor:pointer}
.vleora-ai-launch:hover{background:#A855F7;transform:translateY(-2px)}
.vleora-ai-panel{position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 28px));height:min(570px,calc(100vh - 100px));display:flex;flex-direction:column;overflow:hidden;background:#0B0B0F;border:1px solid #382F45;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.65)}
.vleora-ai-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #382F45;background:#18151F}.vleora-ai-head strong{display:block;font-family:Georgia,serif;font-size:21px}.vleora-ai-head small{display:block;margin-top:3px;color:#B9B2C8;font-size:11px}.vleora-ai-close{border:0;background:transparent;color:#D0CADB;font-size:25px;cursor:pointer}
.vleora-ai-chat{flex:1;overflow:auto;padding:17px}.vleora-ai-msg{max-width:88%;padding:11px 13px;margin:0 0 11px;border-radius:15px;font-size:13px;line-height:1.55;white-space:pre-wrap}.vleora-ai-msg.ai{background:#18151F;border:1px solid #382F45;color:#F5F3FF}.vleora-ai-msg.user{margin-left:auto;background:#7C3AED;color:#fff}.vleora-ai-prompts{display:flex;gap:7px;overflow-x:auto;padding:10px 15px;border-top:1px solid #382F45}.vleora-ai-prompts button{white-space:nowrap;border:1px solid #382F45;background:#18151F;color:#D0CADB;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}.vleora-ai-prompts button:hover{border-color:#A855F7;color:#fff}.vleora-ai-form{display:flex;gap:8px;padding:12px;border-top:1px solid #382F45;background:#0B0B0F}.vleora-ai-form textarea{flex:1;min-width:0;resize:none;border:1px solid #382F45;border-radius:13px;background:#18151F;color:#fff;padding:10px 12px;outline:none}.vleora-ai-form textarea:focus{border-color:#A855F7}.vleora-ai-form button{width:42px;border:0;border-radius:13px;background:#7C3AED;color:#fff;font-size:18px;font-weight:900;cursor:pointer}.vleora-ai-form button:hover{background:#A855F7}
@media(max-width:680px){.vleora-ai-widget{right:12px;bottom:12px}.vleora-ai-launch{padding:11px 14px}.vleora-ai-panel{right:-1px;bottom:54px;width:calc(100vw - 24px);height:min(72vh,560px);border-radius:19px}}

/* Vleora AI */
.vleora-ai-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Inter,system-ui,sans-serif}.vleora-ai-launch{display:flex;align-items:center;gap:8px;border:1px solid #382F45;background:#18151F;color:#F5F3FF;border-radius:999px;padding:12px 17px;box-shadow:0 16px 45px rgba(0,0,0,.45);font-weight:900;cursor:pointer}.vleora-ai-launch:hover{border-color:#A855F7;background:#21172D}.vleora-ai-panel{width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;border:1px solid #382F45;border-radius:22px;background:#0B0B0F;box-shadow:0 24px 80px rgba(0,0,0,.65);overflow:hidden}.vleora-ai-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#18151F;border-bottom:1px solid #382F45}.vleora-ai-head strong{display:block;color:#F5F3FF;font-size:16px}.vleora-ai-head small{display:block;color:#AFA7BC;margin-top:3px}.vleora-ai-close{border:0;background:none;color:#B9B2C8;font-size:25px;cursor:pointer}.vleora-ai-chat{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.vleora-ai-msg{max-width:88%;padding:10px 12px;border-radius:14px;line-height:1.5;font-size:14px;white-space:pre-wrap}.vleora-ai-msg.ai{align-self:flex-start;background:#18151F;color:#D0CADB}.vleora-ai-msg.user{align-self:flex-end;background:#7C3AED;color:#fff}.vleora-ai-prompts{display:flex;gap:7px;overflow:auto;padding:10px 12px;border-top:1px solid #382F45}.vleora-ai-prompts button{flex:0 0 auto;border:1px solid #382F45;background:#18151F;color:#D0CADB;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.vleora-ai-prompts button:hover{border-color:#A855F7;color:#fff}.vleora-ai-form{display:flex;gap:8px;padding:12px;border-top:1px solid #382F45;background:#121015}.vleora-ai-form textarea{flex:1;resize:none;background:#0B0B0F;color:#F5F3FF;border:1px solid #382F45;border-radius:13px;padding:10px;outline:none}.vleora-ai-form textarea:focus{border-color:#A855F7}.vleora-ai-form button{width:44px;border:0;border-radius:13px;background:#7C3AED;color:#fff;font-weight:900;cursor:pointer}@media(max-width:680px){.vleora-ai-widget{right:12px;bottom:12px}.vleora-ai-panel{height:min(72vh,620px)}.vleora-ai-launch span{display:none}.vleora-ai-launch{width:48px;height:48px;justify-content:center;padding:0;font-size:20px}}

/* Vleora AI */
.vleora-ai-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Inter,system-ui,sans-serif}.vleora-ai-launch{border:1px solid #A855F7;background:#18151F;color:#F5F3FF;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 14px 45px rgba(0,0,0,.45);cursor:pointer}.vleora-ai-launch span{margin-left:7px}.vleora-ai-panel{width:min(390px,calc(100vw - 28px));height:min(650px,calc(100vh - 100px));display:flex;flex-direction:column;overflow:hidden;background:#0B0B0F;border:1px solid #382F45;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.65)}.vleora-ai-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #382F45;background:#18151F}.vleora-ai-head strong{display:block;font-family:Georgia,serif;font-size:20px}.vleora-ai-head small{display:block;color:#B9B2C8;margin-top:3px}.vleora-ai-close{border:0;background:transparent;color:#B9B2C8;font-size:28px;cursor:pointer}.vleora-ai-chat{flex:1;overflow-y:auto;padding:16px;display:grid;align-content:start;gap:10px}.vleora-ai-msg{max-width:86%;padding:11px 13px;border-radius:16px;line-height:1.5;font-size:14px;white-space:pre-wrap;word-break:break-word}.vleora-ai-msg.ai{justify-self:start;background:#18151F;border:1px solid #382F45;color:#F5F3FF;border-bottom-left-radius:5px}.vleora-ai-msg.user{justify-self:end;background:#7C3AED;color:#fff;border-bottom-right-radius:5px}.vleora-ai-prompts{display:flex;gap:7px;overflow-x:auto;padding:10px 14px;border-top:1px solid #382F45}.vleora-ai-prompts button{flex:0 0 auto;border:1px solid #382F45;background:#18151F;color:#D0CADB;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.vleora-ai-prompts button:hover{border-color:#A855F7;color:#F5F3FF}.vleora-ai-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #382F45;background:#121725}.vleora-ai-form textarea{flex:1;resize:none;background:#0B0B0F;color:#F5F3FF;border:1px solid #382F45;border-radius:14px;padding:10px 12px;outline:none}.vleora-ai-form textarea:focus{border-color:#A855F7}.vleora-ai-form button{width:42px;border:0;border-radius:14px;background:#7C3AED;color:#fff;font-size:20px;font-weight:900;cursor:pointer}.vleora-ai-form button:disabled{opacity:.5;cursor:wait}@media(max-width:680px){.vleora-ai-widget{right:12px;bottom:12px}.vleora-ai-launch{padding:10px 14px}.vleora-ai-panel{width:calc(100vw - 24px);height:min(72vh,620px);border-radius:20px}}

/* Vleora AI creator workspace */
.vleora-ai-widget{position:fixed;right:20px;bottom:20px;z-index:9999;font-family:Inter,system-ui,sans-serif}.vleora-ai-launch{border:1px solid #A855F7;background:#18151F;color:#F5F3FF;border-radius:999px;padding:7px 14px 7px 7px;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.35);cursor:pointer;display:flex;align-items:center;gap:8px}.vleora-ai-launch-image{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block;flex:0 0 42px}.vleora-ai-panel{position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100vh - 110px));background:#0B0B0F;border:1px solid #382F45;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.6);display:flex;flex-direction:column}.vleora-ai-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#18151F;border-bottom:1px solid #382F45}.vleora-ai-head strong{display:block;font-family:Georgia,serif;font-size:20px}.vleora-ai-head small{display:block;color:#B9B2C8;margin-top:2px}.vleora-ai-close{background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.vleora-ai-context{padding:12px 16px;background:#121725;border-bottom:1px solid #382F45}.vleora-ai-context span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#A855F7}.vleora-ai-context small{display:block;color:#B9B2C8;font-size:11px;margin-top:3px}.vleora-ai-chat{flex:1;overflow:auto;padding:16px;display:grid;align-content:start;gap:10px}.vleora-ai-msg{max-width:86%;padding:11px 13px;border-radius:16px;white-space:pre-wrap;line-height:1.5;font-size:14px}.vleora-ai-msg.ai{background:#18151F;border:1px solid #382F45}.vleora-ai-msg.user{margin-left:auto;background:#7C3AED;color:#fff}.vleora-ai-prompts{display:flex;gap:7px;overflow-x:auto;padding:10px 14px;border-top:1px solid #382F45}.vleora-ai-prompts button{flex:0 0 auto;border:1px solid #382F45;background:#18151F;color:#D0CADB;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}.vleora-ai-prompts button:hover{border-color:#A855F7;color:#fff}.vleora-ai-form{display:flex;gap:8px;padding:12px 14px;background:#18151F}.vleora-ai-form textarea{flex:1;resize:none;background:#0B0B0F;border:1px solid #382F45;border-radius:14px;color:#fff;padding:10px;outline:none}.vleora-ai-form textarea:focus{border-color:#A855F7}.vleora-ai-form button{width:42px;border:0;border-radius:14px;background:#7C3AED;color:#fff;font-size:20px;cursor:pointer}

/* Reels refinement */
.lop-reel-like.is-liked{color:#A855F7!important;border-color:#A855F7!important;box-shadow:0 0 0 1px rgba(168,85,247,.12)}
.lop-reel-creator .lop-follow-btn{margin-left:8px;padding:6px 12px;border-radius:999px;background:#18151F;color:#fff;border:1px solid #382F45;cursor:pointer;font-size:11px;font-weight:800}
@media(max-width:680px){.lop-reels-head h1{font-size:clamp(2.7rem,14vw,4rem)}.lop-reel-info p{font-size:13px;line-height:1.5}.lop-reel-views{top:12px;right:12px}.lop-reel-actions{gap:9px}}

/* Engagement presentation */
#comments{background:#18151F;border:1px solid #382F45;border-radius:22px;padding:28px!important}
#comments h2,#comments h3{font-family:Georgia,serif;color:#F5F3FF}
#comments input,#comments textarea{width:100%;box-sizing:border-box;background:#0B0B0F!important;color:#F5F3FF!important;border:1px solid #382F45!important;border-radius:12px!important;padding:12px!important}
#comments .submit,#comments button{border:0;border-radius:999px;background:#7C3AED;color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}
#comments .comment-list{padding-left:0;list-style:none}
#comments .comment{border-top:1px solid #382F45;padding:18px 0}

/* Creator profile presentation */
.lop-creator-avatar{width:96px!important;height:96px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #A855F7!important;background:#18151F!important}
.lop-creator-hero h1{margin:.15em 0!important}
@media(max-width:680px){.lop-creator-hero{gap:12px!important}.lop-creator-avatar{width:72px!important;height:72px!important}.lop-creator-hero>div{min-width:0!important}.lop-creator-hero .lop-follow-btn{margin-left:0!important}}

/* Final mobile safety override: compact header on real phones/tablets. */
@media (max-width:900px){
  .lop-header{overflow:hidden!important;width:100%!important}
  .lop-header .lop-header-inner{display:grid!important;grid-template-columns:minmax(84px,96px) minmax(0,1fr)!important;gap:6px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:0 auto!important;padding:8px 0!important;min-width:0!important;overflow:hidden!important}
  .lop-header .lop-brand{display:block!important;width:96px!important;max-width:96px!important;min-width:0!important;font-size:18px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important}
  .lop-header .lop-nav,.lop-header form[role="search"]{display:none!important}
  .lop-header .lop-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important;overflow:hidden!important;flex:none!important;flex-wrap:nowrap!important}
  .lop-header.lop-logged-in .lop-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .lop-header .lop-actions .lop-pill{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:2px 3px!important;margin:0!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
}
.vleora-ai-widget{position:fixed!important;right:16px!important;bottom:16px!important;left:auto!important;top:auto!important;z-index:2147483000!important;width:auto!important;max-width:none!important}
.vleora-ai-launch{position:relative!important;display:flex!important;width:52px!important;height:52px!important;padding:4px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;overflow:hidden!important}
.vleora-ai-launch-mark{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important}
.vleora-ai-launch-image{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.vleora-ai-panel{position:absolute!important;right:0!important;left:auto!important;bottom:62px!important;top:auto!important;z-index:2147483001!important}
@media(max-width:900px){.vleora-ai-widget{right:12px!important;bottom:12px!important}.vleora-ai-panel{right:0!important;width:min(390px,calc(100vw - 24px))!important}}
/* Final logged-in mobile header override */
@media(max-width:680px){.lop-logged-in .lop-header-inner{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:4px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-width:0!important;overflow:hidden!important}.lop-logged-in .lop-nav,.lop-logged-in form[role="search"]{display:none!important}.lop-logged-in .lop-brand{display:block!important;width:88px!important;max-width:88px!important;min-width:0!important;font-size:18px!important;white-space:nowrap!important;overflow:hidden!important}.lop-logged-in .lop-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;width:100%!important;min-width:0!important;overflow:hidden!important}.lop-logged-in .lop-actions .lop-pill{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:30px!important;min-height:30px!important;padding:2px 1px!important;margin:0!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;flex:none!important}}