@media(max-width:540px){
      .settings-page{padding:13px 14px calc(24px + env(safe-area-inset-bottom)) !important}
      .settings-wrap{width:100% !important}
      .settings-row{min-height:58px !important;padding:12px 14px !important}
      .settings-row svg{width:24px;height:24px}
      .settings-row-text b{font-size:16px !important}
      .settings-row-text span{font-size:12.5px !important}
      .settings-group{border-radius:22px !important;margin-bottom:16px !important}
      .profile-head{padding-top:4px !important;padding-bottom:20px !important}
      .profile-avatar-big{width:86px !important;height:86px !important;font-size:29px !important}
      .profile-edit{width:34px !important;height:34px !important;right:-4px !important;bottom:1px !important}
      .profile-name{font-size:21px !important;margin-top:12px !important}
      .settings-back,.settings-save{width:46px !important;height:46px !important}
      .settings-sub-head{grid-template-columns:46px 1fr 46px !important;gap:8px !important}
      .settings-sub-head h2{font-size:21px !important}
      .checkin-grid{gap:9px !important}
      .checkin-card{border-radius:19px !important;padding:12px !important}
    }


    /* V12 light-mode readability fix. Mode gelap jangan disentuh, mode terang jangan jadi senter buta. */
    body.light-mode{
      --bg:#f8ffef !important;
      --bg2:#eef8df !important;
      --panel:#ffffff !important;
      --panel2:#f4faea !important;
      --text:#10170b !important;
      --muted:rgba(16,23,11,.66) !important;
      --faint:rgba(16,23,11,.44) !important;
      --glass:rgba(255,255,255,.76) !important;
      background:
        radial-gradient(circle at 50% -10%, rgba(var(--lime-rgb),.24), transparent 34%),
        radial-gradient(circle at 14% 18%, rgba(var(--lime-rgb),.12), transparent 30%),
        radial-gradient(circle at 86% 76%, rgba(var(--lime-rgb),.13), transparent 36%),
        linear-gradient(180deg,#fbfff4 0%,#f1f8e7 52%,#fbfff6 100%) !important;
      color:#10170b !important;
    }
    body.light-mode::after{
      background:radial-gradient(circle at 50% 50%, transparent 0%, rgba(212,239,183,.18) 78%, rgba(148,190,93,.18) 100%) !important;
    }
    body.light-mode .top-controls{background:transparent !important;box-shadow:none !important;border:0 !important;}
    body.light-mode .glass-btn,
    body.light-mode .glass-capsule,
    body.light-mode .control-btn,
    body.light-mode .composer-card,
    body.light-mode .quick-card,
    body.light-mode .bubble,
    body.light-mode .file-card,
    body.light-mode .source-note,
    body.light-mode .viewer-box,
    body.light-mode .file-open-panel,
    body.light-mode .settings-row,
    body.light-mode .settings-group,
    body.light-mode .coming-card,
    body.light-mode .checkin-card,
    body.light-mode .settings-input,
    body.light-mode .settings-textarea{
      background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.72)) !important;
      color:#10170b !important;
      border-color:rgba(39,58,22,.10) !important;
      box-shadow:0 18px 55px rgba(78,111,38,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
    }
    body.light-mode .composer-card{
      background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(250,255,242,.80)) !important;
      border-color:rgba(var(--lime-rgb),.28) !important;
    }
    body.light-mode .bubble{background:rgba(255,255,255,.92) !important;color:#10170b !important;}
    body.light-mode .ai .bubble{background:rgba(255,255,255,.92) !important;color:#10170b !important;}
    body.light-mode .user .bubble,
    body.light-mode .send-btn{
      background:linear-gradient(135deg,#eaff8d,var(--lime) 50%,#81df18) !important;
      color:#071006 !important;
      border-color:rgba(var(--lime-rgb),.48) !important;
    }
    body.light-mode .hero h1,
    body.light-mode .profile-name,
    body.light-mode .settings-sub-head h2,
    body.light-mode .settings-row-text b,
    body.light-mode .settings-row b,
    body.light-mode .side-title,
    body.light-mode .side-item,
    body.light-mode .side-profile-name,
    body.light-mode .menu-row b,
    body.light-mode .top-menu button,
    body.light-mode .more-menu button,
    body.light-mode .settings-pop-row b,
    body.light-mode .style-option,
    body.light-mode .viewer-title,
    body.light-mode .checkin-day,
    body.light-mode .coming-card h3{
      color:#10170b !important;
      text-shadow:none !important;
    }
    body.light-mode .hero p,
    body.light-mode .side-sub,
    body.light-mode .settings-help,
    body.light-mode .settings-row-text span,
    body.light-mode .settings-section-title,
    body.light-mode .settings-pop-row small,
    body.light-mode .menu-row small,
    body.light-mode .file-size,
    body.light-mode .typing-label,
    body.light-mode .coming-card p,
    body.light-mode .checkin-limit,
    body.light-mode .name-modal-help,
    body.light-mode .name-modal-label{
      color:rgba(16,23,11,.62) !important;
    }
    body.light-mode .quick-text,
    body.light-mode .file-name{color:#10170b !important;}
    body.light-mode .quick-icon,
    body.light-mode .avatar.ai,
    body.light-mode .spark,
    body.light-mode .mic-btn,
    body.light-mode .voice-wave,
    body.light-mode .tool-btn.active,
    body.light-mode .tool-btn:hover,
    body.light-mode .source-btn.active,
    body.light-mode .settings-pop-row.active b,
    body.light-mode .menu-row.active b,
    body.light-mode .style-option.active{
      color:#6fb900 !important;
    }
    body.light-mode .avatar,
    body.light-mode .avatar.ai,
    body.light-mode .spark,
    body.light-mode .mic-btn,
    body.light-mode .tool-btn,
    body.light-mode .source-btn{
      background:rgba(255,255,255,.58) !important;
      border-color:rgba(39,58,22,.12) !important;
      color:rgba(16,23,11,.72) !important;
      box-shadow:0 12px 28px rgba(78,111,38,.10) !important;
    }
    body.light-mode .tool-btn.active,
    body.light-mode .tool-btn:hover,
    body.light-mode .source-btn.active{
      background:rgba(var(--lime-rgb),.18) !important;
      border-color:rgba(var(--lime-rgb),.35) !important;
    }
    body.light-mode textarea,
    body.light-mode input,
    body.light-mode .settings-input,
    body.light-mode .settings-textarea,
    body.light-mode .name-modal-input{
      color:#10170b !important;
      caret-color:#72bf00 !important;
    }
    body.light-mode textarea::placeholder,
    body.light-mode input::placeholder,
    body.light-mode .settings-input::placeholder,
    body.light-mode .settings-textarea::placeholder{
      color:rgba(16,23,11,.42) !important;
    }
    body.light-mode .side-panel,
    body.light-mode .model-menu,
    body.light-mode .top-menu,
    body.light-mode .more-menu,
    body.light-mode .style-menu,
    body.light-mode .settings-popover,
    body.light-mode .name-modal-card{
      background:rgba(255,255,255,.92) !important;
      color:#10170b !important;
      border-color:rgba(39,58,22,.12) !important;
      box-shadow:0 28px 90px rgba(55,82,26,.18), inset 0 1px 0 rgba(255,255,255,.92) !important;
      backdrop-filter:blur(22px) saturate(1.25) !important;
      -webkit-backdrop-filter:blur(22px) saturate(1.25) !important;
    }
    body.light-mode .side-panel::before{background:rgba(255,255,255,.46) !important;}
    body.light-mode .side-item.primary,
    body.light-mode .menu-row:hover,
    body.light-mode .menu-row.active,
    body.light-mode .style-option:hover,
    body.light-mode .style-option.active,
    body.light-mode .settings-pop-row:hover,
    body.light-mode .settings-pop-row.active{
      background:rgba(var(--lime-rgb),.22) !important;
      color:#10170b !important;
    }
    body.light-mode .side-bottom,
    body.light-mode .side-profile{
      background:rgba(255,255,255,.76) !important;
      border-color:rgba(39,58,22,.11) !important;
      color:#10170b !important;
    }
    body.light-mode .side-avatar,
    body.light-mode .profile-avatar-big{
      opacity:1 !important;
      filter:none !important;
      background:linear-gradient(135deg,#eaff8d,var(--lime) 48%,#7edb18) !important;
      color:#071006 !important;
      box-shadow:0 20px 52px rgba(var(--lime-rgb),.24) !important;
    }
    body.light-mode .profile-edit{
      background:rgba(255,255,255,.96) !important;
      color:#10170b !important;
      border-color:#fbfff4 !important;
    }
    body.light-mode .switch{background:rgba(16,23,11,.13) !important;border-color:rgba(16,23,11,.10) !important;}
    body.light-mode .switch i{background:#fff !important;box-shadow:0 3px 12px rgba(0,0,0,.18) !important;}
    body.light-mode .switch.on{background:linear-gradient(135deg,#eaff8d,var(--lime)) !important;}
    body.light-mode .switch.on i{background:#10170b !important;}
    body.light-mode .claim-btn{background:var(--lime) !important;color:#071006 !important;}
    body.light-mode .claim-btn:disabled{
      background:rgba(16,23,11,.07) !important;
      color:rgba(16,23,11,.52) !important;
      border-color:rgba(16,23,11,.08) !important;
    }
    body.light-mode .settings-logout{
      background:rgba(255,79,109,.08) !important;
      color:#d20b3c !important;
      border-color:rgba(255,79,109,.18) !important;
    }
    body.light-mode .settings-logout svg{color:#d20b3c !important;}
    body.light-mode .viewer-body{background:#f8ffef !important;}
    body.light-mode .remove-file{background:rgba(16,23,11,.82) !important;color:#fff !important;}
    body.light-mode .color-dot.disabled{opacity:.45 !important;filter:saturate(.55) !important;}

    .theme-loading{
      position:fixed !important;
      inset:0 !important;
      z-index:10100 !important;
      display:none !important;
      place-items:center !important;
      background:#050805 !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      color:var(--text) !important;
    }
    .theme-loading.show{display:grid !important;}
    .theme-loading.to-light{
      background:
        radial-gradient(circle at 50% -10%, rgba(var(--lime-rgb),.24), transparent 34%),
        radial-gradient(circle at 86% 78%, rgba(var(--lime-rgb),.14), transparent 34%),
        linear-gradient(180deg,#fbfff4 0%,#f1f8e7 52%,#fbfff6 100%) !important;
      color:#10170b !important;
    }
    .theme-loading.to-dark{
      background:
        radial-gradient(circle at 50% -8%, rgba(var(--lime-rgb),.17), transparent 36%),
        radial-gradient(circle at 88% 72%, rgba(var(--lime-rgb),.075), transparent 34%),
        linear-gradient(180deg,#050805 0%,#081006 46%,#040604 100%) !important;
      color:#f6ffe9 !important;
    }
    .theme-loading span{
      width:46px !important;
      height:46px !important;
      border-radius:50% !important;
      border:4px solid rgba(16,23,11,.16) !important;
      border-top-color:#10170b !important;
      border-right-color:#10170b !important;
      animation:spin .75s linear infinite !important;
      box-shadow:none !important;
    }
    .theme-loading.to-dark span{
      border-color:rgba(246,255,233,.18) !important;
      border-top-color:var(--lime) !important;
      border-right-color:var(--lime) !important;
    }
    .theme-loading b{display:none !important;}


    /* V13 final patch: buang mode terang, fokus dark + accent. Jangan biarkan CSS lama sok ikut campur. */
    :root{
  --chat-toast-top:18px; color-scheme:dark; }
    body.light-mode{ background:inherit !important; color:var(--text) !important; }
    .settings-row[data-settings-pop="appearance"]{display:none !important;}
    .theme-loading{display:none !important;}
    .send-btn.stop-mode,
    .send-btn.stop-mode:disabled{
      background:rgba(255,79,109,.14) !important;
      color:#ff4f6d !important;
      border:1px solid rgba(255,79,109,.32) !important;
      box-shadow:0 0 0 0 rgba(255,79,109,.25),0 12px 28px rgba(255,79,109,.12) !important;
      animation:stopPulse .95s ease-in-out infinite !important;
      opacity:1 !important;
      filter:none !important;
    }
    .send-btn.stop-mode .send-icon-wrap{color:#ff4f6d !important;}
    .voice-wave span{
      background:linear-gradient(180deg,#ffd5dd,#ff4f6d,#df123b) !important;
      box-shadow:0 0 12px rgba(255,79,109,.35) !important;
    }
    .accent-dot,.color-dot{background:var(--lime) !important;}
    .settings-popover{
      background:rgba(10,18,8,.98) !important;
      color:var(--text) !important;
      border-color:rgba(var(--lime-rgb),.24) !important;
    }
    .settings-pop-row{color:var(--text) !important;}
    .settings-pop-row small{color:var(--muted) !important;}
    .settings-pop-row.active b{color:var(--lime) !important;}
    .profile-avatar-big,.side-avatar{
      background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.72) 0 10%, transparent 11%),
        linear-gradient(135deg,#efffa7,var(--lime) 48%,var(--lime3)) !important;
    }
    .send-btn{
      background:linear-gradient(135deg,#efffa7,var(--lime) 48%,var(--lime3)) !important;
      box-shadow:0 14px 34px rgba(var(--lime-rgb),.2) !important;
    }
    .user .bubble{
      background:linear-gradient(135deg, rgba(var(--lime-rgb),.95), var(--lime2)) !important;
      border-color:rgba(var(--lime-rgb),.34) !important;
      color:#071006 !important;
    }

  

    /* V14 accent purity patch: bersihin sisa kuning/lime dari gradient. CSS lama memang suka nyangkut kayak mantan. */
    .send-btn:not(.stop-mode),
    body:not(.light-mode) .send-btn:not(.stop-mode){
      background:linear-gradient(135deg, rgba(255,255,255,.88), var(--lime) 48%, var(--lime3)) !important;
      box-shadow:0 14px 34px rgba(var(--lime-rgb),.20) !important;
    }
    .profile-avatar-big,.side-avatar{
      background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.74) 0 10%, transparent 11%),
        linear-gradient(135deg, rgba(255,255,255,.86), var(--lime) 48%, var(--lime3)) !important;
      box-shadow:0 20px 58px rgba(var(--lime-rgb),.22), inset -10px -12px 22px rgba(0,0,0,.18) !important;
    }
    .switch.on{
      background:linear-gradient(135deg, rgba(255,255,255,.84), var(--lime) 58%, var(--lime3)) !important;
      border-color:transparent !important;
    }
    .claim-btn:not(:disabled){
      background:linear-gradient(135deg, rgba(255,255,255,.84), var(--lime) 58%, var(--lime3)) !important;
      color:#071006 !important;
    }
    .voice-logo #waveG stop:nth-child(1){stop-color:rgba(255,255,255,.86) !important;}
    .voice-logo #waveG stop:nth-child(2){stop-color:var(--lime) !important;}
    .voice-logo #waveG stop:nth-child(3){stop-color:var(--lime3) !important;}
    .voice-logo .wave-group{fill:url(#waveG) !important;}
    .voice-logo .outer-pulse,
    .voice-logo .inner-pulse,
    .voice-logo .dash-ring{stroke:rgba(var(--lime-rgb),.58) !important;}
    .voice-logo .outer-pulse{fill:rgba(var(--lime-rgb),.055) !important;}
    .voice-logo .inner-pulse{fill:rgba(var(--lime-rgb),.08) !important;}
    body{
      background:
        radial-gradient(circle at 50% -8%, rgba(var(--lime-rgb),.17), transparent 36%),
        radial-gradient(circle at 12% 20%, rgba(var(--lime-rgb),.07), transparent 30%),
        radial-gradient(circle at 88% 72%, rgba(var(--lime-rgb),.075), transparent 34%),
        linear-gradient(180deg,var(--bg) 0%,var(--bg2) 46%,#030403 100%) !important;
    }
    .bubble,
    .composer-card,
    .quick-card,
    .settings-row,
    .settings-group,
    .settings-input,
    .settings-textarea,
    .coming-card,
    .checkin-card{
      border-color:rgba(var(--lime-rgb),.16) !important;
    }
    .side-panel,
    .model-menu,
    .top-menu,
    .more-menu,
    .style-menu,
    .settings-popover,
    .name-modal-card{
      border-color:rgba(var(--lime-rgb),.22) !important;
    }


    /* V15 patch: accent dots fixed, loading button balik normal, scroll awal chat jangan sadis. */
    .settings-pop-row[data-pop-type="accent"] .color-dot{
      box-shadow:0 0 14px rgba(255,255,255,.12) !important;
      filter:none !important;
    }
    .settings-pop-row[data-pop-type="accent"][data-pop-value="lime"] .color-dot{background:#c6ff34 !important;}
    .settings-pop-row[data-pop-type="accent"][data-pop-value="blue"] .color-dot{background:#38a7ff !important;}
    .settings-pop-row[data-pop-type="accent"][data-pop-value="green"] .color-dot{background:#20e484 !important;}
    .settings-pop-row[data-pop-type="accent"][data-pop-value="yellow"] .color-dot{background:#ffd83d !important;}
    .settings-pop-row[data-pop-type="accent"][data-pop-value="pink"] .color-dot{background:#ff5f93 !important;}
    .settings-pop-row[data-pop-type="accent"][data-pop-value="orange"] .color-dot{background:#ff9b2f !important;}
    .settings-pop-row[data-pop-type="accent"][data-pop-value="purple"] .color-dot{background:#ad7cff !important;}

    .send-btn.loading,
    body:not(.light-mode) .send-btn.loading,
    .send-btn.loading:disabled{
      background:rgba(var(--lime-rgb),.085) !important;
      color:var(--lime) !important;
      border:1px solid rgba(var(--lime-rgb),.22) !important;
      box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05) !important;
      opacity:1 !important;
      filter:none !important;
    }
    .send-btn.loading .send-loader{
      width:20px !important;
      height:20px !important;
      border:2.4px solid rgba(var(--lime-rgb),.22) !important;
      border-top-color:var(--lime) !important;
      border-right-color:var(--lime) !important;
      background:transparent !important;
      box-shadow:none !important;
    }


    /* V16 patch: scroll AI lebih kalem, dropdown setting nempel, modal nama di tengah tanpa blur absurd. */
    .name-modal{
      align-items:center !important;
      justify-content:center !important;
      background:rgba(0,0,0,.46) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      padding:18px !important;
    }
    .name-modal-card{
      width:min(480px, calc(100vw - 32px)) !important;
      border-radius:28px !important;
      transform:none !important;
      animation:nameModalPop .18s cubic-bezier(.16,1,.3,1) both;
    }
    @keyframes nameModalPop{
      from{opacity:0;transform:translateY(10px) scale(.96)}
      to{opacity:1;transform:translateY(0) scale(1)}
    }
    .settings-popover{
      z-index:11050 !important;
      position:fixed !important;
      bottom:auto !important;
      right:auto !important;
      overflow:auto !important;
      scrollbar-width:none !important;
    }
    .settings-popover::-webkit-scrollbar{display:none}
    .settings-popover.mobile-sheet{
      bottom:auto !important;
      right:auto !important;
      width:min(380px, calc(100vw - 28px)) !important;
      max-height:min(520px, calc(100vh - 28px)) !important;
      border-radius:24px !important;
    }
    .settings-pop-row{
      min-height:52px !important;
    }
    .settings-pop-row.active{
      background:rgba(var(--lime-rgb),.12) !important;
    }


    /* V17 profile utility pages: keamanan, penyimpanan, bug report, tentang. Tema tetap DATZON, bukan cosplay ChatGPT putih polos. */
    .security-card,.storage-panel,.bug-card,.about-hero-card{
      border:1px solid rgba(var(--lime-rgb),.18);
      background:linear-gradient(180deg,rgba(var(--lime-rgb),.075),rgba(255,255,255,.018)),rgba(9,15,8,.78);
      border-radius:24px;
      padding:18px;
      margin:0 0 18px;
      box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
    }
    .security-card-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
    .security-card-head b,.storage-head b,.storage-number,.about-hero-card h3{font-size:18px;color:var(--text);font-weight:950;letter-spacing:-.02em}
    .security-card-head span,.storage-head span{color:var(--muted);font-weight:850}
    .inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
    .small-action,.primary-wide,.danger-wide{
      border-radius:18px;
      min-height:50px;
      padding:0 16px;
      font-weight:950;
      color:#071006;
      background:linear-gradient(135deg,rgba(255,255,255,.82),var(--lime) 54%,var(--lime3));
      box-shadow:0 14px 36px rgba(var(--lime-rgb),.16);
      border:1px solid rgba(var(--lime-rgb),.28);
    }
    .primary-wide,.danger-wide{width:100%;margin-top:12px}
    .primary-wide:disabled{opacity:.38;filter:saturate(.4);cursor:not-allowed}
    .danger-wide{background:rgba(255,79,109,.10);color:#ff5f7d;border-color:rgba(255,79,109,.24);box-shadow:none}
    .danger-wide.subtle{margin-top:8px;background:rgba(255,79,109,.055)}
    .settings-help.compact{margin:10px 4px 0;font-size:13px;line-height:1.4}
    .session-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}
    .session-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(var(--lime-rgb),.12);background:rgba(255,255,255,.035);border-radius:18px;padding:12px;color:var(--text)}
    .session-item svg{color:var(--lime)}
    .session-item b{display:block;font-size:15px;line-height:1.15}
    .session-item small{display:block;color:var(--muted);font-weight:750;line-height:1.35;margin-top:3px}
    .session-badge{font-size:11px;font-weight:950;color:#071006;background:var(--lime);border-radius:999px;padding:6px 8px;white-space:nowrap}
    .storage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .storage-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin:12px 0;border:1px solid rgba(var(--lime-rgb),.12)}
    .storage-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--lime),var(--lime2));border-radius:999px;transition:width .25s ease}
    .bug-textarea{width:100%;height:190px;border-radius:20px;border:1px solid rgba(var(--lime-rgb),.18);background:rgba(255,255,255,.045);color:var(--text);outline:0;padding:15px;font:inherit;font-weight:750;resize:none;line-height:1.45;caret-color:var(--lime)}
    .bug-textarea::placeholder{color:var(--muted)}
    .bug-counter{text-align:right;color:var(--muted);font-weight:850;font-size:13px;margin-top:6px}
    .settings-row.slim{min-height:62px;margin-top:14px;border-radius:20px;border:1px solid rgba(var(--lime-rgb),.12)}
    .about-hero-card{text-align:center;padding:24px 18px}
    .about-logo{width:72px;height:72px;border-radius:24px;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.84),var(--lime),var(--lime3));color:#071006;font-size:24px;font-weight:1000;box-shadow:0 22px 55px rgba(var(--lime-rgb),.16)}
    .about-hero-card p{margin:8px auto 0;max-width:520px;color:var(--muted);line-height:1.55;font-weight:750}
    @media(max-width:520px){
      .inline-form{grid-template-columns:1fr}.small-action{width:100%}
      .security-card,.storage-panel,.bug-card,.about-hero-card{border-radius:22px;padding:15px}
      .session-item{grid-template-columns:30px 1fr}.session-badge{grid-column:2/3;width:max-content;margin-top:4px}
    }

/* V18 patch: settings header ghost shadow dibuang + Firebase/Auth UI. Bayangan hitam random itu bukan fitur, itu CSS kerasukan. */
.settings-sub-head{
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  position:sticky !important;
}
.settings-sub-head::before,
.settings-sub-head::after,
.settings-page::before,
.settings-page::after{display:none !important;content:none !important;}
.settings-view{background:transparent !important;}
.settings-sub-head h2{text-shadow:none !important;filter:none !important;}

.profile-avatar-big img,
.side-avatar img,
.auth-avatar img,
.auth-avatar-mini img,
.profile-avatar-img{
  width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;
}
.profile-avatar-big{overflow:visible;}
.profile-avatar-big > img{position:absolute;inset:0;z-index:0;}
.profile-avatar-big .profile-edit{z-index:2;}
.side-avatar{overflow:hidden;}
.auth-avatar{overflow:hidden;}

.auth-card{
  border:1px solid rgba(var(--lime-rgb),.18);
  background:linear-gradient(180deg,rgba(var(--lime-rgb),.075),rgba(255,255,255,.018)),rgba(9,15,8,.80);
  border-radius:26px;
  padding:18px;
  margin:0 0 18px;
  box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.auth-userbox{
  display:flex;align-items:center;gap:12px;
  border:1px solid rgba(var(--lime-rgb),.14);
  background:rgba(255,255,255,.035);
  border-radius:20px;
  padding:12px;
  margin-bottom:14px;
}
.auth-userbox b{display:block;color:var(--text);font-size:17px;font-weight:950;line-height:1.05;}
.auth-userbox span{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-top:4px;}
.auth-avatar{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;
  color:#071006;font-weight:1000;
  background:linear-gradient(135deg,rgba(255,255,255,.84),var(--lime),var(--lime3));
  box-shadow:0 14px 35px rgba(var(--lime-rgb),.16);
}
.google-btn{
  width:100%;min-height:52px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:rgba(255,255,255,.92);color:#111;font-weight:950;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:900;font-size:13px;margin:15px 0;}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(var(--lime-rgb),.14);}
.auth-card .settings-input{margin-bottom:10px;}
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;}
.primary-wide.secondary{background:rgba(var(--lime-rgb),.10) !important;color:var(--lime) !important;box-shadow:none !important;}
.small-link{width:100%;margin:10px 0 0;color:var(--lime);font-weight:900;text-align:center;padding:10px;border-radius:14px;}
.small-link:active{background:rgba(var(--lime-rgb),.08);}
body.is-logged-in #authMainRow .settings-next{color:var(--lime);}
body.is-logged-in .settings-logout{display:flex;}

/* Default traits tampil default, bukan langsung sok kurang segala. */
#traitWarmLabel,#traitEnthusiasmLabel,#traitListsLabel,#traitEmojiLabel{color:var(--muted);}

@media(max-width:520px){
  .auth-actions{grid-template-columns:1fr;}
  .auth-card{border-radius:22px;padding:15px;}
}


/* =========================================================
   V19 PERFORMANCE PATCH
   Fokus: Android smooth. Efek mahal dikurangi, bukan UI dibongkar.
   Kalau mau glass berat lagi: hapus class `perf-lite` di <body>.
   ========================================================= */
:root{
  --chat-toast-top:18px;
  --perf-shadow-soft:0 10px 28px rgba(0,0,0,.22);
  --perf-shadow-tiny:0 6px 18px rgba(0,0,0,.16);
}
html{scroll-behavior:auto !important;}
body.perf-lite{
  background:
    radial-gradient(circle at 50% -10%, rgba(var(--lime-rgb),.12), transparent 38%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg2) 46%,#030403 100%) !important;
  text-rendering:optimizeLegibility;
}
body.perf-lite::before{display:none !important;}
body.perf-lite::after{
  background:radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.24) 82%, rgba(0,0,0,.34) 100%) !important;
}
body.perf-lite *,
body.perf-lite *::before,
body.perf-lite *::after{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
body.perf-lite .glass-btn,
body.perf-lite .glass-capsule,
body.perf-lite .composer-card,
body.perf-lite .floating-menu,
body.perf-lite .model-menu,
body.perf-lite .style-menu,
body.perf-lite .sidebar,
body.perf-lite .settings-popover,
body.perf-lite .name-modal-card,
body.perf-lite .viewer-box{
  box-shadow:var(--perf-shadow-soft), inset 0 1px 0 rgba(255,255,255,.06) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)), rgba(8,13,7,.94) !important;
}
body.perf-lite .glass-btn::before,
body.perf-lite .glass-capsule::before{opacity:.38 !important;}
body.perf-lite .quick-card,
body.perf-lite .bubble,
body.perf-lite .file-card,
body.perf-lite .tool-btn,
body.perf-lite .settings-card,
body.perf-lite .settings-group,
body.perf-lite .settings-row,
body.perf-lite .check-card,
body.perf-lite .storage-card,
body.perf-lite .auth-card,
body.perf-lite .coming-card{
  box-shadow:var(--perf-shadow-tiny) !important;
}
body.perf-lite .voice-logo,
body.perf-lite .hero .lime,
body.perf-lite .pill-dot,
body.perf-lite .avatar.ai,
body.perf-lite .typing-dots span{
  filter:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
body.perf-lite .hero,
body.perf-lite .quick-grid,
body.perf-lite .composer-card,
body.perf-lite .msg,
body.perf-lite .ai-tools,
body.perf-lite .floating-menu.show,
body.perf-lite .more-menu.show,
body.perf-lite .settings-popover.show,
body.perf-lite .name-modal.show{
  animation:none !important;
}
body.perf-lite .hero{
  transition:opacity .2s ease, transform .2s ease, max-height .22s ease, min-height .22s ease, padding .22s ease !important;
  filter:none !important;
}
body.perf-lite .hero.hero-exit{filter:none !important;}
body.perf-lite .logo-float,
body.perf-lite .outer-pulse,
body.perf-lite .inner-pulse,
body.perf-lite .dash-ring,
body.perf-lite .wave-group{
  animation:none !important;
}
body.perf-lite .wave-bar{
  animation:waveMove 2.4s ease-in-out infinite !important;
}
body.perf-lite .quick-card{
  transition:transform .12s ease, border-color .12s ease, background .12s ease !important;
  background:linear-gradient(180deg, rgba(var(--lime-rgb),.065), rgba(var(--lime-rgb),.022)), rgba(255,255,255,.025) !important;
}
body.perf-lite .bubble{
  background:rgba(17,28,14,.94) !important;
}
body.perf-lite .user .bubble{
  background:linear-gradient(135deg, rgba(var(--lime-rgb),.94), var(--lime2)) !important;
  color:#071006 !important;
}
body.perf-lite .composer-card{
  background:linear-gradient(180deg,rgba(var(--lime-rgb),.05),rgba(var(--lime-rgb),.014)),rgba(8,13,7,.97) !important;
}
body.perf-lite .top-controls{contain:layout style;}
body.perf-lite .chat-log{contain:layout style;}
body.perf-lite .composer-card{contain:layout style;}
body.perf-lite .sidebar{contain:layout style paint;}
body.perf-lite .settings-page{contain:layout style;}
body.perf-lite .top-controls,
body.perf-lite .composer-card,
body.perf-lite .sidebar,
body.perf-lite .settings-page,
body.perf-lite .floating-menu,
body.perf-lite .model-menu,
body.perf-lite .style-menu{
  transform:translateZ(0);
}