.more-menu.show{display:block;animation:menuPop .18s cubic-bezier(.16,1,.3,1) both}
    .more-menu::before{
      content:'Opsi jawaban';
      display:block;
      padding:6px 10px 8px;
      color:rgba(246,255,233,.52);
      font-weight:900;
      font-size:12px;
      letter-spacing:.03em;
    }
    .more-menu button{min-height:42px;font-size:14px !important;padding:10px 12px !important;border-radius:14px !important;}

    .sidebar{
      left:0;
      top:0;
      bottom:0;
      width:min(370px, 88vw);
      border-radius:0 30px 30px 0;
      padding:18px 14px;
      display:flex;
      flex-direction:column;
      gap:12px;
      background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035)), rgba(8,13,7,.9);
    }
    .side-head-chatgpt{margin-bottom:2px;padding:2px 4px}
    .side-mini{margin-top:2px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em}
    .side-search{
      height:46px;
      border-radius:18px;
      border:1px solid rgba(var(--lime-rgb),.16);
      background:rgba(255,255,255,.055);
      display:flex;
      align-items:center;
      gap:10px;
      padding:0 12px;
      color:rgba(246,255,233,.65);
    }
    .side-search input{
      min-width:0;
      width:100%;
      border:0;
      outline:0;
      background:transparent;
      color:var(--text);
      font-weight:800;
    }
    .side-search input::placeholder{color:rgba(246,255,233,.48)}
    .side-scroll{flex:1;overflow:auto;scrollbar-width:none;padding-right:2px}
    .side-scroll::-webkit-scrollbar{display:none}
    .side-section-title{margin:18px 8px 8px;color:rgba(246,255,233,.46);font-size:13px;font-weight:900;letter-spacing:.04em}
    .side-item{min-height:44px;border-radius:15px;padding:10px 10px;font-size:15px}
    .side-item.primary{background:rgba(var(--lime-rgb),.10);color:var(--lime);border:1px solid rgba(var(--lime-rgb),.13)}
    .side-chat{
      width:100%;
      min-height:42px;
      border-radius:14px;
      padding:10px 12px;
      text-align:left;
      color:rgba(246,255,233,.86);
      font-weight:800;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .side-chat:hover,.side-chat.active{background:rgba(246,255,233,.08);color:var(--lime)}
    .side-profile-card{
      margin-top:auto;
      padding:10px;
      border-radius:20px;
      border:1px solid rgba(var(--lime-rgb),.14);
      background:rgba(var(--lime-rgb),.055);
      display:flex;
      align-items:center;
      gap:10px;
    }
    .side-avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ddff72,var(--lime),#70c916);color:#071006;font-weight:950}
    .side-profile-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
    .side-profile-text b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .side-profile-text span{color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .side-gear{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--text)}


    /* V7 fixes: answer menu setting ada di sini, manusia UI bisa atur tanpa nyasar */
    :root{
  --chat-toast-top:18px;
      --answer-menu-x-nudge: 0px;
      --answer-menu-y-nudge: 10px;
      --answer-menu-gap: 8px;
    }

    body.home-mode{
      overscroll-behavior:none;
    }
    body.home-mode main{
      overflow:hidden;
    }
    body.home-mode .composer-card{
      z-index:125;
    }

    .more-menu{
      position:fixed !important;
      left:12px !important;
      top:12px !important;
      right:auto !important;
      bottom:auto !important;
      width:min(272px, calc(100vw - 28px)) !important;
      padding:10px !important;
      border-radius:22px !important;
      transform:none !important;
      z-index:320 !important;
      overflow:hidden !important;
      max-height:min(260px, calc(100vh - var(--composer-h) - 56px));
    }
    .more-menu::before{
      content:'Opsi jawaban';
      display:block;
      padding:6px 10px 8px;
      color:rgba(246,255,233,.52);
      font-weight:900;
      font-size:12px;
      letter-spacing:.03em;
    }
    .more-menu button{
      min-height:42px !important;
      font-size:14px !important;
      padding:10px 12px !important;
      border-radius:14px !important;
    }

    .sidebar{
      width:min(420px, 90vw);
      padding:18px 14px;
    }
    .side-head-chatgpt{
      position:relative;
      height:52px;
      padding:0 4px;
      margin-bottom:8px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      overflow:visible;
    }
    .side-title-wrap{
      min-width:0;
      transition:opacity .22s ease, transform .22s ease, filter .22s ease;
    }
    .sidebar.search-open .side-title-wrap{
      opacity:0;
      transform:translateX(-16px) scale(.96);
      filter:blur(7px);
      pointer-events:none;
    }
    .side-actions{
      display:flex;
      align-items:center;
      gap:8px;
      position:relative;
      z-index:3;
    }
    .side-head-btn,
    .side-close{
      width:42px;
      height:42px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:rgba(255,255,255,.075);
      color:var(--text);
      border:1px solid rgba(255,255,255,.08);
      transition:transform .18s ease, background .18s ease, color .18s ease;
    }
    .side-head-btn:active,.side-close:active{transform:scale(.94)}
    .sidebar.search-open .side-head-btn{
      opacity:0;
      pointer-events:none;
      transform:scale(.82) translateX(-12px);
    }
    .sidebar.search-open .side-close{
      background:rgba(var(--lime-rgb),.10);
      color:var(--lime);
      border-color:rgba(var(--lime-rgb),.18);
    }
    .side-search-panel{
      position:absolute;
      left:4px;
      right:54px;
      top:5px;
      height:42px;
      border-radius:999px;
      border:1px solid rgba(var(--lime-rgb),.18);
      background:rgba(255,255,255,.07);
      color:rgba(246,255,233,.72);
      display:flex;
      align-items:center;
      gap:10px;
      padding:0 14px;
      transform:scaleX(.18) translateX(78px);
      transform-origin:right center;
      opacity:0;
      pointer-events:none;
      transition:transform .28s cubic-bezier(.16,1,.3,1), opacity .2s ease;
      z-index:2;
      overflow:hidden;
    }
    .sidebar.search-open .side-search-panel{
      opacity:1;
      transform:scaleX(1) translateX(0);
      pointer-events:auto;
    }
    .side-search-panel svg{
      flex:0 0 auto;
      transform:translateX(18px) scale(.9);
      transition:transform .28s cubic-bezier(.16,1,.3,1);
    }
    .sidebar.search-open .side-search-panel svg{transform:translateX(0) scale(1)}
    .side-search-panel input{
      width:100%;
      min-width:0;
      border:0;
      outline:0;
      background:transparent;
      color:var(--text);
      font-weight:850;
      opacity:0;
      transition:opacity .18s ease .12s;
    }
    .sidebar.search-open .side-search-panel input{opacity:1}
    .side-search-panel input::placeholder{color:rgba(246,255,233,.45)}

    .side-scroll{padding-top:2px}
    .side-empty{
      padding:10px 12px;
      color:rgba(246,255,233,.42);
      font-size:13px;
      font-weight:800;
      line-height:1.35;
    }
    .side-chat mark{
      background:rgba(var(--lime-rgb),.16);
      color:var(--lime);
      border-radius:6px;
      padding:0 2px;
    }

    @media (max-width:760px){
      .sidebar{width:min(390px, 84vw)}
    }
    @media (max-width:430px){
      .sidebar{width:min(370px, 82vw)}
      .side-head-chatgpt{height:50px}
      .side-search-panel{height:40px;right:52px}
    }

  
    /* V9: portal menu anti-nyasar + settings page. Karena dropdown kecil pun bisa jadi perang dunia CSS. */
    .answer-menu-portal{
      position:fixed;
      left:12px;
      top:12px;
      width:min(260px, calc(100vw - 24px));
      padding:10px;
      border-radius:22px;
      border:1px solid rgba(var(--lime-rgb),.28);
      background:
        linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035)),
        rgba(10,16,8,.94);
      backdrop-filter:blur(22px) saturate(1.45);
      -webkit-backdrop-filter:blur(22px) saturate(1.45);
      box-shadow:0 28px 90px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.1);
      display:none;
      z-index:9999;
      overflow:hidden;
      transform-origin:top right;
    }
    .answer-menu-portal.show{display:block;animation:menuPop .16s ease both}
    .answer-menu-portal::before{
      content:'Opsi jawaban';
      display:block;
      padding:6px 10px 8px;
      color:rgba(246,255,233,.52);
      font-weight:900;
      font-size:12px;
      letter-spacing:.03em;
    }
    .answer-menu-portal button{
      width:100%;
      min-height:42px;
      padding:10px 12px;
      border-radius:14px;
      background:transparent;
      color:var(--text);
      text-align:left;
      font-size:14px;
      font-weight:850;
    }
    .answer-menu-portal button:hover,
    .answer-menu-portal button.active{
      background:rgba(var(--lime-rgb),.08);
      color:var(--lime);
    }
    .answer-menu-portal[data-placement="top"]{transform-origin:bottom right}
    .answer-menu-portal[data-placement="bottom"]{transform-origin:top right}
    .more-menu{display:none!important}

    .settings-page{
      position:fixed;
      inset:0;
      z-index:10020;
      background:#fff;
      color:#111;
      display:none;
      overflow:auto;
      font-family:"Baloo 2", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      padding:28px 18px calc(34px + env(safe-area-inset-bottom));
    }
    .settings-page.show{display:block;animation:settingsIn .22s ease both}
    .settings-wrap{
      width:min(720px,100%);
      margin:0 auto;
      padding-bottom:28px;
    }
    .settings-back{
      position:sticky;
      top:8px;
      z-index:3;
      width:54px;
      height:54px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:#fff;
      color:#111;
      box-shadow:0 10px 30px rgba(0,0,0,.08);
      margin-bottom:10px;
    }
    .profile-head{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      padding:6px 0 28px;
    }
    .profile-avatar-big{
      position:relative;
      width:112px;
      height:112px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,#9a55c7,#7e3fb4);
      color:#fff;
      font-size:42px;
      font-weight:700;
      letter-spacing:.02em;
    }
    .profile-edit{
      position:absolute;
      right:0;
      bottom:8px;
      width:40px;
      height:40px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:#f5f5f5;
      color:#111;
      box-shadow:0 8px 22px rgba(0,0,0,.12);
      border:3px solid #fff;
    }
    .profile-name{
      margin-top:18px;
      font-size:24px;
      font-weight:900;
      letter-spacing:-.02em;
    }
    .settings-section-title{
      margin:28px 2px 10px;
      color:#8b8b8b;
      font-size:16px;
      font-weight:800;
    }
    .settings-group{
      overflow:hidden;
      border-radius:28px;
      background:#f1f1f1;
      margin-bottom:22px;
    }
    .settings-row{
      width:100%;
      min-height:80px;
      display:flex;
      align-items:center;
      gap:18px;
      padding:16px 20px;
      color:#111;
      background:#f1f1f1;
      text-align:left;
      border-bottom:2px solid #fff;
    }
    .settings-row:last-child{border-bottom:0}
    .settings-row svg{flex:0 0 auto;color:#111}
    .settings-row-text{
      flex:1;
      min-width:0;
      display:flex;
      flex-direction:column;
      line-height:1.2;
    }
    .settings-row-text b{
      font-size:20px;
      font-weight:850;
    }
    .settings-row-text span{
      margin-top:5px;
      color:#666;
      font-size:16px;
      font-weight:650;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    .settings-chevron{
      flex:0 0 auto;
      color:#111;
    }
    .settings-logout{
      margin-top:30px;
      color:#e5003c;
      border-radius:28px;
      background:#f1f1f1;
    }
    .settings-logout svg{color:#e5003c}
    @keyframes settingsIn{
      from{opacity:0;transform:translateY(18px)}
      to{opacity:1;transform:translateY(0)}
    }
    @media(max-width:540px){
      .settings-page{padding:18px 16px calc(28px + env(safe-area-inset-bottom))}
      .settings-row{min-height:76px;padding:15px 18px}
      .settings-row-text b{font-size:18px}
      .settings-row-text span{font-size:15px}
      .profile-avatar-big{width:108px;height:108px}
    }


    /* V10 Profile/settings overhaul. Warna putih solid diusir dari kerajaan lime. */
    body.light-mode{
      --bg:#f6faed;
      --bg2:#eef8de;
      --panel:#ffffff;
      --panel2:#f2f8e6;
      --text:#11190c;
      --muted:rgba(17,25,12,.66);
      --faint:rgba(17,25,12,.42);
      --glass:rgba(255,255,255,.72);
      color:var(--text);
      background:
        radial-gradient(circle at 50% -8%, rgba(var(--lime-rgb),.26), transparent 34%),
        radial-gradient(circle at 92% 80%, rgba(var(--lime-rgb),.16), transparent 32%),
        linear-gradient(180deg,#fbfff4 0%,#f0f7e5 52%,#f7fbf0 100%);
    }
    body.light-mode::before{opacity:.18}
    body.light-mode .glass-btn,
    body.light-mode .glass-capsule,
    body.light-mode .composer-card,
    body.light-mode .bubble,
    body.light-mode .quick-card,
    body.light-mode .side-panel{
      background:rgba(255,255,255,.68);
      color:var(--text);
      border-color:rgba(var(--lime-rgb),.26);
      box-shadow:0 20px 60px rgba(76,108,32,.16), inset 0 1px 0 rgba(255,255,255,.8);
    }
    body.light-mode .user .bubble{
      background:linear-gradient(135deg, var(--lime), var(--lime2));
      color:#101a09;
    }
    body.light-mode .settings-page{
      background:
        radial-gradient(circle at 50% -10%, rgba(var(--lime-rgb),.22), transparent 32%),
        linear-gradient(180deg,#fbfff4,#f4faea);
      color:#11190c;
    }
    :root{
  --chat-toast-top:18px;
      --lime-rgb:198,255,52;
      --answer-menu-x-nudge:0px;
      --answer-menu-y-nudge:10px;
      --answer-menu-gap:8px;
    }
    .settings-page{
      background:
        radial-gradient(circle at 50% -12%, rgba(var(--lime-rgb),.20), transparent 34%),
        radial-gradient(circle at 88% 76%, rgba(var(--lime-rgb),.12), transparent 36%),
        linear-gradient(180deg, var(--bg), var(--bg2));
      color:var(--text);
      padding:18px 16px calc(28px + env(safe-area-inset-bottom));
      overscroll-behavior:contain;
    }
    .settings-wrap{width:min(680px,100%);padding-bottom:22px}
    .settings-view{display:none}
    .settings-view.active{display:block;animation:settingsIn .2s ease both}
    .settings-home.active{display:block}
    .settings-back,.settings-save{
      width:48px;height:48px;border-radius:999px;
      display:grid;place-items:center;
      background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035)), rgba(10,16,8,.82);
      color:var(--text);
      border:1px solid rgba(var(--lime-rgb),.18);
      box-shadow:0 18px 45px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12);
      backdrop-filter:blur(18px) saturate(1.3);
      -webkit-backdrop-filter:blur(18px) saturate(1.3);
    }
    body.light-mode .settings-back,
    body.light-mode .settings-save{
      background:rgba(255,255,255,.74);
      color:#11190c;
      box-shadow:0 14px 38px rgba(0,0,0,.08);
    }
    .settings-back{position:sticky;top:8px;z-index:3;margin-bottom:8px}
    .settings-sub-head{
      position:sticky;top:0;z-index:5;
      display:grid;grid-template-columns:48px 1fr 48px;align-items:center;
      gap:10px;padding:0 0 12px;
      background:linear-gradient(180deg, var(--bg) 0%, rgba(5,8,5,.78) 72%, transparent);
    }
    body.light-mode .settings-sub-head{
      background:linear-gradient(180deg,#fbfff4 0%,rgba(251,255,244,.82) 72%,transparent);
    }
    .settings-sub-head h2{margin:0;text-align:center;font-size:22px;letter-spacing:-.03em}
    .profile-head{padding:8px 0 24px}
    .profile-avatar-big{
      width:96px;height:96px;
      background:
        radial-gradient(circle at 28% 24%, rgba(255,255,255,.78) 0 10%, transparent 11%),
        linear-gradient(135deg, var(--lime), var(--lime2) 48%, var(--lime3));
      color:#0a1306;
      font-size:33px;font-weight:900;
      box-shadow:0 20px 55px rgba(var(--lime-rgb),.20);
    }
    .profile-edit{
      right:-2px;bottom:4px;width:36px;height:36px;
      background:rgba(255,255,255,.84);
      color:#111;
      border:3px solid rgba(5,8,5,.9);
    }
    body.light-mode .profile-edit{border-color:#fbfff4}
    .profile-name{font-size:22px;margin-top:14px;color:var(--text)}
    .settings-section-title{
      color:var(--faint);
      font-size:14px;
      margin:22px 4px 8px;
      letter-spacing:.02em;
    }
    .settings-group{
      background:rgba(246,255,233,.055);
      border:1px solid rgba(var(--lime-rgb),.15);
      border-radius:24px;
      overflow:hidden;
      margin-bottom:18px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    body.light-mode .settings-group{
      background:rgba(255,255,255,.72);
      border-color:rgba(19,30,10,.08);
      box-shadow:0 12px 36px rgba(57,89,20,.08);
    }
    .settings-group.single{border-radius:24px}
    .settings-row{
      min-height:64px;
      gap:15px;
      padding:13px 16px;
      color:var(--text);
      background:transparent;
      border-bottom:1px solid rgba(var(--lime-rgb),.10);
    }
    body.light-mode .settings-row{border-bottom-color:rgba(17,25,12,.06)}
    .settings-row svg{color:var(--text)}
    .settings-row:last-child{border-bottom:0}
    .settings-row.compact{min-height:58px}
    .settings-row.standalone{
      width:100%;
      min-height:62px;
      margin:18px 0 10px;
      border-radius:24px;
      border:1px solid rgba(var(--lime-rgb),.14);
      background:rgba(246,255,233,.055);
    }
    .settings-row-text b{font-size:17px;line-height:1.08}
    .settings-row-text span{
      font-size:13px;
      color:var(--muted);
      margin-top:4px;
      white-space:normal;
    }
    .settings-next,.settings-chevron{
      font-size:24px;font-weight:900;color:var(--muted);line-height:1;
    }
    .settings-help{
      color:var(--muted);
      font-size:14px;
      line-height:1.46;
      margin:10px 26px 18px;
    }
    .settings-input,.settings-textarea{
      width:100%;
      border:1px solid rgba(var(--lime-rgb),.14);
      outline:0;
      color:var(--text);
      background:rgba(246,255,233,.06);
      border-radius:22px;
      padding:15px 17px;
      font:inherit;
      font-size:15px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    .settings-textarea{min-height:108px;resize:none;line-height:1.45}
    body.light-mode .settings-input,
    body.light-mode .settings-textarea{
      background:rgba(255,255,255,.72);
      color:#11190c;
      border-color:rgba(17,25,12,.08);
    }
    .switch{
      width:54px;height:32px;border-radius:999px;background:rgba(255,255,255,.12);
      border:1px solid rgba(var(--lime-rgb),.14);
      display:inline-flex;align-items:center;padding:3px;transition:.2s ease;
      flex:0 0 auto;
    }
    .switch i{width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.85);transition:.2s ease}
    .switch.on{background:var(--lime);border-color:transparent}
    .switch.on i{transform:translateX(22px);background:#071006}
    .settings-popover{
      position:fixed;
      z-index:10040;
      width:min(330px, calc(100vw - 32px));
      padding:10px;
      border-radius:24px;
      border:1px solid rgba(var(--lime-rgb),.18);
      background:rgba(13,20,10,.96);
      color:var(--text);
      box-shadow:0 28px 90px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.08);
      backdrop-filter:blur(22px) saturate(1.35);
      -webkit-backdrop-filter:blur(22px) saturate(1.35);
      display:none;
    }
    body.light-mode .settings-popover{
      background:rgba(255,255,255,.96);
      color:#11190c;
      box-shadow:0 20px 70px rgba(0,0,0,.16);
    }
    .settings-popover.show{display:block;animation:menuPop .16s ease both}
    .settings-pop-row{
      width:100%;min-height:54px;border-radius:16px;
      padding:9px 12px;background:transparent;color:inherit;
      display:flex;align-items:center;gap:12px;text-align:left;
    }
    .settings-pop-row:hover,.settings-pop-row.active{background:rgba(var(--lime-rgb),.10)}
    .settings-pop-row b{font-size:15px;display:block}
    .settings-pop-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
    .settings-pop-row .check-slot{margin-left:auto;color:var(--lime);font-weight:900}
    .color-dot,.accent-dot{
      width:14px;height:14px;border-radius:999px;display:inline-block;vertical-align:-2px;margin-right:7px;
      background:var(--lime);
      box-shadow:0 0 14px rgba(var(--lime-rgb),.32);
    }
    .checkin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .checkin-card{
      border-radius:22px;border:1px solid rgba(var(--lime-rgb),.17);
      padding:14px;background:rgba(246,255,233,.055);
    }
    .checkin-card.done{background:rgba(var(--lime-rgb),.11);border-color:rgba(var(--lime-rgb),.35)}
    .checkin-day{font-weight:900;font-size:15px}
    .checkin-limit{font-size:13px;color:var(--muted);margin:4px 0 12px}
    .claim-btn{
      width:100%;height:38px;border-radius:14px;background:var(--lime);color:#071006;font-weight:900;
    }
    .claim-btn:disabled{opacity:.55;filter:grayscale(.2)}
    .coming-card{
      margin-top:18px;border-radius:28px;padding:24px;
      background:rgba(246,255,233,.06);border:1px solid rgba(var(--lime-rgb),.18);
    }
    .coming-badge{
      display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(var(--lime-rgb),.12);color:var(--lime);font-weight:900;font-size:12px;
    }
    .coming-card h3{font-size:24px;margin:16px 0 8px}
    .coming-card p{color:var(--muted);line-height:1.5;margin:0}
    .settings-logout{color:#ff4f6d;background:rgba(255,79,109,.07);border:1px solid rgba(255,79,109,.16)}
    .settings-logout svg{color:#ff4f6d}
    .theme-loading{
      position:fixed;inset:0;z-index:10100;display:none;place-items:center;
      background:rgba(0,0,0,.44);backdrop-filter:blur(12px);
      color:#fff;gap:12px;flex-direction:column;
    }
    .theme-loading.show{display:flex}
    .theme-loading span{
      width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.28);border-top-color:var(--lime);
      animation:spin .75s linear infinite;
    }
    .theme-loading b{font-size:15px}
    @media(max-width:540px){
      .settings-page{padding:14px 14px calc(24px + env(safe-area-inset-bottom))}
      .settings-row{min-height:60px;padding:12px 14px}
      .settings-row-text b{font-size:16px}
      .settings-row-text span{font-size:12.5px}
      .profile-avatar-big{width:88px;height:88px;font-size:30px}
      .profile-edit{width:34px;height:34px}
      .profile-name{font-size:21px}
      .settings-section-title{font-size:13px;margin-top:20px}
      .checkin-grid{grid-template-columns:1fr 1fr}
    }


    /* V11 final display patch: balik ke Lime, rapihin toggle/avatar/modal/popover. */
    :root{
  --chat-toast-top:18px;
      --lime:#c6ff34 !important;
      --lime-rgb:198,255,52 !important;
      --lime2:#9ee91e !important;
      --lime3:#64b412 !important;
    }
    .send-btn{
      opacity:1 !important;
      filter:none !important;
      background:linear-gradient(135deg,#edff9a,var(--lime) 48%,#7ee214) !important;
      color:#071006 !important;
      box-shadow:0 14px 34px rgba(var(--lime-rgb),.2) !important;
    }
    .send-btn.loading{
      background:rgba(var(--lime-rgb),.12) !important;
      color:var(--lime) !important;
      border:1px solid rgba(var(--lime-rgb),.26) !important;
    }
    .mic-btn{color:var(--lime) !important;opacity:1 !important;filter:none !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,#e9ff8b,var(--lime) 48%,#6fc814) !important;
      color:#071006 !important;
      text-shadow:none !important;
      opacity:1 !important;
      box-shadow:0 20px 58px rgba(var(--lime-rgb),.24), inset -10px -12px 22px rgba(25,63,5,.25) !important;
    }
    .side-avatar{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-weight:950;flex:0 0 auto}
    .profile-edit{
      background:rgba(250,255,240,.94) !important;
      color:#071006 !important;
      border:3px solid rgba(5,8,5,.9) !important;
      box-shadow:0 12px 28px rgba(0,0,0,.25) !important;
    }
    body.light-mode .profile-edit{border-color:#fbfff4 !important}
    .switch{
      width:56px !important;height:34px !important;
      background:rgba(246,255,233,.12) !important;
      border:1px solid rgba(var(--lime-rgb),.22) !important;
      padding:4px !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
    }
    .switch i{width:24px !important;height:24px !important;background:rgba(246,255,233,.92) !important;box-shadow:0 3px 10px rgba(0,0,0,.25) !important}
    .switch.on{background:linear-gradient(135deg,#eaff90,var(--lime)) !important;border-color:transparent !important}
    .switch.on i{transform:translateX(22px) !important;background:#071006 !important}
    body.light-mode .switch{background:rgba(17,25,12,.12) !important;border-color:rgba(17,25,12,.12) !important}
    body.light-mode .switch i{background:#fff !important}
    body.light-mode .switch.on i{background:#11190c !important}
    .claim-btn:disabled{
      opacity:1 !important;
      filter:none !important;
      color:rgba(246,255,233,.66) !important;
      background:rgba(246,255,233,.075) !important;
      border:1px solid rgba(var(--lime-rgb),.16) !important;
    }
    body.light-mode .claim-btn:disabled{
      color:rgba(17,25,12,.58) !important;
      background:rgba(17,25,12,.065) !important;
      border-color:rgba(17,25,12,.08) !important;
    }
    .checkin-card.done{background:rgba(var(--lime-rgb),.065) !important}
    .settings-popover{
      max-height:min(60vh,520px) !important;
      overflow:auto !important;
      overscroll-behavior:contain !important;
    }
    .settings-popover.mobile-sheet{
      position:fixed !important;
      left:14px !important;
      right:14px !important;
      top:auto !important;
      bottom:calc(14px + env(safe-area-inset-bottom)) !important;
      width:auto !important;
      max-height:min(56vh,480px) !important;
      border-radius:28px !important;
    }
    .settings-pop-row .color-dot.disabled{opacity:.65;filter:saturate(.6)}
    .settings-pop-row:has(.color-dot.disabled){opacity:.78}
    .settings-pop-row:has(.color-dot.disabled) small::after{content:""}
    .settings-row,.settings-group,.settings-input,.settings-textarea,.coming-card,.checkin-card{
      backdrop-filter:blur(18px) saturate(1.24);
      -webkit-backdrop-filter:blur(18px) saturate(1.24);
    }
    body.light-mode .settings-page{
      background:
        radial-gradient(circle at 50% -12%, rgba(var(--lime-rgb),.25), transparent 35%),
        radial-gradient(circle at 92% 82%, rgba(var(--lime-rgb),.16), transparent 34%),
        linear-gradient(180deg,#fbfff4 0%,#f2f9e7 52%,#fbfff6 100%) !important;
      color:#11190c !important;
    }
    body.light-mode .settings-row,
    body.light-mode .settings-group,
    body.light-mode .settings-input,
    body.light-mode .settings-textarea,
    body.light-mode .coming-card,
    body.light-mode .checkin-card{
      background:rgba(255,255,255,.72) !important;
      color:#11190c !important;
      border-color:rgba(17,25,12,.09) !important;
    }
    body.light-mode .settings-row-text span,
    body.light-mode .settings-help,
    body.light-mode .settings-section-title{color:rgba(17,25,12,.62) !important}
    body.light-mode .settings-back,body.light-mode .settings-save{color:#11190c !important}
    .name-modal{
      position:fixed;inset:0;z-index:11000;display:none;align-items:flex-end;justify-content:center;
      background:rgba(0,0,0,.54);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
      padding:18px;
    }
    .name-modal.show{display:flex;animation:settingsIn .18s ease both}
    .name-modal-card{
      width:min(560px,100%);border-radius:30px;border:1px solid rgba(var(--lime-rgb),.22);
      background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),rgba(10,16,8,.96);
      color:var(--text);box-shadow:0 32px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.10);
      padding:16px;transform:translateY(0);
    }
    .name-modal-head{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-bottom:14px}
    .name-modal-head h3{margin:0;text-align:center;font-size:21px;letter-spacing:-.03em}
    .name-modal-close{width:44px;height:44px;border-radius:999px;background:rgba(246,255,233,.08);color:var(--text);display:grid;place-items:center}
    .name-modal-save{height:42px;border-radius:999px;background:var(--lime);color:#071006;padding:0 16px;font-weight:950}
    .name-modal-label{display:block;color:var(--muted);font-weight:850;margin:6px 4px 8px}
    .name-modal-input{width:100%;height:58px;border-radius:20px;border:1px solid rgba(var(--lime-rgb),.22);background:rgba(246,255,233,.07);color:var(--text);outline:0;padding:0 16px;font:inherit;font-size:18px;font-weight:850;caret-color:var(--lime)}
    .name-modal-help{margin:10px 4px 2px;color:var(--muted);line-height:1.35;font-size:13px}
    body.light-mode .name-modal-card{background:rgba(255,255,255,.96);color:#11190c;border-color:rgba(17,25,12,.09);box-shadow:0 24px 80px rgba(0,0,0,.16)}
    body.light-mode .name-modal-close{background:rgba(17,25,12,.08);color:#11190c}
    body.light-mode .name-modal-input{background:rgba(17,25,12,.055);color:#11190c;border-color:rgba(17,25,12,.10)}