:root{
  --staris-bg:#060b23;
  --staris-bg-2:#091431;
  --staris-panel:rgba(7,14,39,.72);
  --staris-border:rgba(142,167,255,.12);
  --staris-text:#f4f6ff;
  --staris-muted:#aeb7de;
  --staris-gold:#efcc76;
  --staris-purple:#9f6cff;
  --staris-pink:#f06bb5;
  --staris-blue:#58b7ff;
  --staris-radius:28px;
  --staris-shadow:0 22px 70px rgba(0,0,0,.45);
}
html,body{background:#050916 !important;}
body.staris-page-template-active, body.staris-template-route{margin:0;padding:0;background:#050916 !important;overflow-x:hidden;}
body.staris-page-template-active #page-wrap, body.staris-page-template-active #ajax-content-wrap, body.staris-page-template-active .container-wrap, body.staris-template-route #staris-template-shell{margin:0 !important;padding:0 !important;max-width:none !important;width:100% !important;background:transparent !important;}
body.staris-page-template-active header#top, body.staris-page-template-active #header-outer, body.staris-page-template-active #footer-outer{display:none !important;}
#staris-template-main{width:100%;max-width:none;margin:0;padding:0;}
.staris-chat-app{position:relative;min-height:100vh;height:100vh;color:var(--staris-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#030814,#06102a 44%,#081737 100%);overflow:hidden;}
body.admin-bar .staris-chat-app{min-height:calc(100vh - 32px);height:calc(100vh - 32px);}
@media (max-width:782px){body.admin-bar .staris-chat-app{min-height:calc(100vh - 46px);height:calc(100vh - 46px);}}
.staris-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.staris-stars,.staris-bg .staris-grid{position:absolute;inset:0;width:100%;height:100%;}
.staris-bg .staris-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 85%);opacity:.18;}
.staris-nebula{position:absolute;border-radius:50%;filter:blur(70px);opacity:.38;animation:starisNebula 14s ease-in-out infinite alternate;}
.staris-nebula-a{width:560px;height:560px;left:-140px;top:12%;background:radial-gradient(circle,#8757ff 0,rgba(135,87,255,.34) 30%,rgba(6,12,38,0) 72%);}
.staris-nebula-b{width:520px;height:520px;right:-120px;top:18%;background:radial-gradient(circle,#3aaeff 0,rgba(58,174,255,.30) 28%,rgba(6,12,38,0) 72%);animation-delay:-6s;}
@keyframes starisNebula{from{transform:translate3d(0,0,0) scale(1);}to{transform:translate3d(20px,-12px,0) scale(1.08);}}
.staris-auth-screen,.staris-shell{position:relative;z-index:2;}
.staris-auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;}
.staris-auth-card{width:min(920px,100%);padding:34px;border-radius:32px;background:linear-gradient(180deg,rgba(7,14,39,.84),rgba(6,10,28,.76));border:1px solid var(--staris-border);backdrop-filter:blur(18px);box-shadow:var(--staris-shadow);}
.staris-auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.staris-auth-logo{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,.66) 18%,rgba(133,93,255,.48) 44%,rgba(17,20,51,.86) 74%);box-shadow:0 0 24px rgba(130,92,255,.5);font-size:20px;}
.staris-auth-brand strong{display:block;font-size:28px;}
.staris-auth-brand span{display:block;color:var(--staris-muted);margin-top:4px;}
.staris-auth-tabs{display:flex;gap:10px;margin-bottom:20px;}
.staris-auth-tabs button{border:1px solid var(--staris-border);background:rgba(255,255,255,.04);color:var(--staris-muted);padding:12px 18px;border-radius:999px;font-weight:700;cursor:pointer;}
.staris-auth-tabs button.is-active{background:linear-gradient(135deg,rgba(157,101,255,.34),rgba(240,107,181,.2));color:#fff;border-color:rgba(190,158,255,.38);}
.staris-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.staris-auth-grid label{display:flex;flex-direction:column;gap:8px;}
.staris-auth-grid label span{font-size:13px;color:#d7dcff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.staris-auth-grid input{width:100%;height:56px;border-radius:18px;border:1px solid var(--staris-border);background:rgba(255,255,255,.035);color:#fff;padding:0 18px;font-size:16px;outline:none;}
.staris-auth-grid input:focus{border-color:rgba(164,145,255,.6);box-shadow:0 0 0 3px rgba(126,102,255,.16);}
.staris-auth-wide{grid-column:1/-1;}
.staris-auth-note,.staris-auth-message{margin-top:14px;color:var(--staris-muted);}
.staris-primary-btn{margin-top:18px;width:100%;height:58px;border:none;border-radius:999px;background:linear-gradient(90deg,#8f6bff 0%,#8b63ff 25%,#a762f1 55%,#ef72b4 100%);color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 14px 34px rgba(154,99,255,.35);}
.staris-shell{position:relative;display:block;max-width:none;margin:0;padding:0;min-height:100%;height:100%;overflow:hidden;}
.staris-sidebar{position:fixed;left:0;top:0;bottom:0;width:320px;display:flex;flex-direction:column;gap:18px;padding:28px 22px 22px;background:linear-gradient(180deg,#070b21 0%,#060914 100%);border-right:1px solid rgba(151,169,255,.10);backdrop-filter:blur(18px);box-shadow:none;z-index:3;overflow-y:auto;overflow-x:hidden;}
body.admin-bar .staris-sidebar{top:32px;}
@media (max-width:782px){body.admin-bar .staris-sidebar{top:46px;}}
.staris-sidebar-brand,.staris-sidebar-user{display:flex;gap:14px;align-items:center;}
.staris-mini-logo,.staris-user-avatar{width:56px;height:56px;border-radius:50%;display:block;object-fit:cover;box-shadow:0 0 18px rgba(137,94,255,.45);}
.staris-sidebar-brand strong,.staris-sidebar-user strong{display:block;font-size:22px;}
.staris-sidebar-brand span,.staris-sidebar-user span{display:block;color:var(--staris-muted);font-size:14px;}
.staris-inline-link{border:none;background:none;color:#cbd4ff;padding:0;cursor:pointer;font-size:14px;}
.staris-sidebar-nav{display:flex;flex-direction:column;gap:10px;}
.staris-sidebar-nav button{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:16px 18px;border-radius:18px;border:1px solid var(--staris-border);background:rgba(255,255,255,.025);color:#eef2ff;font-size:17px;font-weight:700;cursor:pointer;position:relative;}
.staris-sidebar-nav button em{margin-left:auto;font-style:normal;font-size:11px;color:#97a1cf;background:rgba(255,255,255,.05);padding:5px 8px;border-radius:999px;}
.staris-sidebar-nav button.is-active{background:linear-gradient(180deg,rgba(42,12,95,.86),rgba(95,41,173,.68));box-shadow:0 10px 26px rgba(119,73,255,.34);}
.staris-sidebar-card{padding:18px;border-radius:22px;border:1px solid var(--staris-border);background:rgba(255,255,255,.03);}
.staris-card-kicker{font-size:13px;font-weight:800;color:var(--staris-gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;}
.staris-sidebar-card h4{font-size:25px;line-height:1.1;margin:0 0 10px;}
.staris-sidebar-card p{margin:0;color:var(--staris-muted);line-height:1.55;}
.staris-sidebar-btn{margin-top:16px;height:42px;padding:0 18px;border-radius:999px;border:none;background:linear-gradient(90deg,#6d45ff,#9d59f8);color:#fff;font-weight:700;cursor:pointer;}
.staris-energy-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 8px;}
.staris-energy-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 180deg,#f06bb5 0,#a35cff 55%,rgba(255,255,255,.08) 55% 100%);position:relative;font-weight:800;}
.staris-energy-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b1230;}
.staris-energy-ring span{position:relative;z-index:1;font-size:14px;}
.staris-energy-line{height:42px;display:flex;align-items:flex-end;}
.staris-energy-line span{display:block;width:100%;height:2px;background:linear-gradient(90deg,rgba(118,92,255,.1) 0 10%,#cc4dff 22%,#ff6ec8 54%,#765cff 74%,rgba(118,92,255,.2) 100%);clip-path:path('M0,28 C30,22 58,18 88,26 C118,34 142,12 170,18 C198,24 222,32 254,10 C286,-2 318,26 352,20');}
.staris-week-labels{display:flex;justify-content:space-between;color:#7f89ba;font-size:12px;margin-top:8px;}
.staris-sidebar-footer{margin-top:auto;display:flex;gap:10px;}
.staris-sidebar-footer button{flex:1;height:46px;border-radius:16px;border:1px solid var(--staris-border);background:rgba(255,255,255,.03);color:#dbe2ff;font-weight:700;cursor:pointer;}
.staris-main{margin-left:320px;display:flex;flex-direction:column;gap:18px;padding:28px 36px 18px;min-height:100%;height:100%;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:hidden;position:relative;}
.staris-main-topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 18px;border-bottom:1px solid rgba(151,169,255,.09);}
.staris-greeting{font-size:42px;font-weight:900;line-height:1.05;}
.staris-date{font-size:20px;color:var(--staris-muted);margin-top:6px;}
.staris-tone-select select{height:50px;padding:0 52px 0 18px;background:rgba(255,255,255,.04);border:1px solid var(--staris-border);border-radius:999px;color:#fff;font-size:16px;font-weight:700;appearance:none;}
.staris-tone-select{position:relative;}
.staris-tone-select:after{content:"⌄";position:absolute;right:18px;top:13px;font-size:18px;color:#fff;pointer-events:none;}
.staris-intro-panel{display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;align-items:flex-start;padding:22px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.01));border:1px solid rgba(151,169,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);}
.staris-intro-orb-wrap{display:flex;justify-content:center;padding-top:6px;}
.staris-intro-orb{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0,#c89bff 16%,#7a4fff 34%,rgba(122,79,255,.24) 58%,rgba(122,79,255,.08) 72%,transparent 76%);box-shadow:0 0 30px rgba(151,107,255,.75);animation:starisPulse 4s ease-in-out infinite;}
@keyframes starisPulse{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.08);opacity:1}}
.staris-intro-bubble{padding:26px 28px;border-radius:26px;background:rgba(255,255,255,.025);border:1px solid rgba(150,165,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);}
.staris-intro-bubble p{margin:0 0 14px;font-size:25px;line-height:1.55;color:#eef2ff;}
.staris-intro-bubble p:last-child{margin:0;}
.staris-chip-row{display:flex;gap:10px;flex-wrap:wrap;}
.staris-chip-row button{height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--staris-border);background:rgba(255,255,255,.03);color:#eaf0ff;font-weight:700;cursor:pointer;}
.staris-chip-row-secondary button{height:44px;font-weight:600;color:#d5dcff;}
.staris-chat-thread{display:flex;flex-direction:column;gap:14px;flex:1;min-height:420px;padding:8px 0 0;}
.staris-msg{max-width:min(760px,78%);padding:18px 20px;border-radius:22px;border:1px solid rgba(151,169,255,.10);line-height:1.65;font-size:20px;position:relative;}
.staris-msg p{margin:0 0 12px;}
.staris-msg p:last-child{margin:0;}
.staris-msg-user{align-self:flex-end;background:linear-gradient(135deg,rgba(115,71,255,.88),rgba(181,72,255,.72));border-bottom-right-radius:10px;}
.staris-msg-assistant{align-self:flex-start;background:rgba(255,255,255,.02);border-bottom-left-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;padding-left:74px;min-height:74px;}
.staris-msg-time{display:block;margin-top:10px;color:#8590c3;font-size:12px;} .staris-msg-avatar{position:absolute;left:16px;top:16px;width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 18px rgba(137,94,255,.45);}
.staris-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:12px;align-items:center;padding-top:8px;}
.staris-chat-form input{height:66px;border-radius:20px;border:1px solid var(--staris-border);background:rgba(255,255,255,.02);color:#fff;padding:0 22px;font-size:18px;outline:none;}
.staris-send-btn{height:66px;border:none;border-radius:22px;background:radial-gradient(circle at 35% 30%,#f0b7ff,#8b62ff 48%,#5e36f0 74%);color:#fff;font-size:28px;cursor:pointer;box-shadow:0 14px 28px rgba(116,77,255,.42);}
.staris-chat-note{padding:6px 2px 0;color:#7f89b6;text-align:center;font-size:13px;}
.staris-typing{display:inline-flex;gap:6px;align-items:center;}
.staris-typing span{width:8px;height:8px;border-radius:50%;background:#a7b5ff;opacity:.3;animation:dot 1.4s infinite;}
.staris-typing span:nth-child(2){animation-delay:.2s}.staris-typing span:nth-child(3){animation-delay:.4s}
@keyframes dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@media (max-width: 1100px){
  .staris-sidebar{position:relative;width:100%;top:0;bottom:auto;height:auto;border-right:none;}
  .staris-main{margin-left:0;padding:18px;}
}
@media (max-width: 760px){
  .staris-auth-card{padding:22px;}
  .staris-auth-grid{grid-template-columns:1fr;}
  .staris-main,.staris-sidebar{border-radius:0;border-left:none;border-right:none;}
  .staris-sidebar{padding:18px 16px 16px;}
  .staris-main{min-height:auto;padding:14px;}
  .staris-main-topbar{flex-direction:column;align-items:flex-start;gap:12px;}
  .staris-greeting{font-size:28px;}
  .staris-date{font-size:16px;}
  .staris-intro-panel{grid-template-columns:1fr;}
  .staris-intro-orb-wrap{justify-content:flex-start;}
  .staris-intro-bubble{padding:18px;}
  .staris-intro-bubble p,.staris-msg{font-size:17px;}
  .staris-msg{max-width:92%;}
  .staris-chat-form{grid-template-columns:minmax(0,1fr) 58px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(6,11,30,0),rgba(6,11,30,.98) 24%);padding-bottom:8px;}
  .staris-chat-form input,.staris-send-btn{height:56px;}
}


/* v6.6.3 refinement */
.staris-shell{min-height:100vh;}
.staris-sidebar{overflow-y:auto;overflow-x:hidden;padding-top:22px;scrollbar-width:thin;}
.staris-sidebar-user{margin-bottom:4px;}
.staris-sidebar-user strong{font-size:18px;line-height:1.15;}
.staris-sidebar-nav button{font-size:14px;padding:14px 16px;border-radius:16px;}
.staris-sidebar-nav button em{font-size:10px;}
.staris-sidebar-card{padding:0;overflow:hidden;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease;}
.staris-sidebar-card-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:0;background:transparent;color:inherit;cursor:pointer;}
.staris-sidebar-toggle-icon{font-size:18px;color:rgba(255,255,255,.72);transition:transform .3s ease;}
.staris-sidebar-card-body{max-height:0;opacity:0;overflow:hidden;padding:0 18px;transition:max-height .36s ease, opacity .28s ease, padding .28s ease;}
.staris-sidebar-card.is-open .staris-sidebar-card-body{max-height:360px;opacity:1;padding:0 18px 18px;}
.staris-sidebar-card.is-open .staris-sidebar-toggle-icon{transform:rotate(180deg);}
.staris-sidebar-card h4{font-size:16px;line-height:1.2;color:#eef2ff;}
.staris-sidebar-card p{font-size:14px;color:#d7defd;}
.staris-sidebar-btn{height:38px;font-size:13px;padding:0 16px;margin-top:14px;}
.staris-energy-card{padding:18px;}
.staris-main{height:100vh;overflow:hidden;padding:20px 28px 20px;gap:14px;}
.staris-main-topbar{padding:6px 4px 10px;}
.staris-greeting{font-size:15px;color:#d7defd;}
.staris-date{font-size:12px;color:#98a2d0;}
.staris-tone-select select{height:50px;font-size:14px;padding:0 50px 0 18px;}
.staris-intro-panel{padding:16px 16px 14px;border-radius:28px;min-height:auto;}
.staris-intro-bubble{padding:18px 22px;border-radius:24px;}
.staris-intro-bubble p{font-size:16px;line-height:1.5;margin:0 0 12px;}
.staris-chip-row{gap:10px;}
.staris-chip-row button{padding:10px 16px;font-size:13px;}
.staris-chat-thread{flex:1;min-height:0;overflow-y:auto;padding:6px 8px 0 0;scrollbar-width:thin;}
.staris-msg{max-width:min(700px,72%);padding:14px 16px;border-radius:18px;line-height:1.55;font-size:14px;}
.staris-msg p{margin:0 0 9px;}
.staris-msg-assistant{padding-left:60px;min-height:60px;}
.staris-msg-avatar{left:14px;top:14px;width:32px;height:32px;}
.staris-msg-time{margin-top:8px;font-size:11px;}
.staris-chat-form{grid-template-columns:minmax(0,1fr) 60px;gap:10px;padding-top:6px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(6,11,30,0),rgba(6,11,30,.96) 24%);padding-bottom:4px;}
.staris-chat-form input{height:52px;border-radius:18px;font-size:15px;padding:0 18px;}
.staris-send-btn{height:52px;width:52px;border-radius:18px;font-size:16px;}
.staris-chat-note{font-size:11px;text-align:center;color:#8b95c6;}
@media (max-width: 960px){
  .staris-sidebar{max-height:40vh;}
  .staris-main{height:auto;min-height:60vh;overflow:visible;}
  .staris-chat-thread{max-height:46vh;}
}


/* v6.6.4 chat polish */
.staris-main-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;}
.staris-main-topbar > div:first-child{display:flex;flex-direction:column;gap:2px;}
.staris-greeting{font-size:18px;font-weight:800;line-height:1.15;}
.staris-date{font-size:13px;}
.staris-tone-select{align-self:start;}
.staris-tone-select select{height:44px;padding:0 42px 0 16px;border-radius:18px;}
.staris-tone-select:after{top:10px;right:16px;}

.staris-intro-panel{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:10px 0 6px;background:transparent;border:none;box-shadow:none;border-radius:0;min-height:0;}
.staris-intro-orb-wrap{padding-top:4px;justify-content:flex-start;}
.staris-intro-orb{width:28px;height:28px;box-shadow:0 0 20px rgba(151,107,255,.65);}
.staris-intro-bubble{padding:0;background:transparent;border:none;box-shadow:none;border-radius:0;max-width:980px;}
.staris-intro-bubble p{font-size:13px;line-height:1.5;margin:0 0 6px;color:#dfe6ff;}
.staris-intro-bubble p:first-child{font-size:14px;font-weight:600;}

.staris-chip-row,.staris-chip-row-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;gap:10px;margin-top:2px;}
.staris-chip-row button,.staris-chip-row-secondary button{width:100%;height:42px;justify-content:center;text-align:center;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.staris-chat-thread{padding:4px 10px 0 0;gap:12px;}
.staris-msg{max-width:min(820px,76%);width:fit-content;min-width:0;padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.55;word-break:break-word;overflow-wrap:anywhere;}
.staris-msg-user{max-width:min(620px,68%);}
.staris-msg-assistant{padding-left:56px;min-height:58px;}
.staris-msg-avatar{left:12px;top:12px;width:30px;height:30px;}

.staris-chat-form{grid-template-columns:minmax(0,1fr) 56px;gap:10px;padding-top:8px;padding-bottom:6px;align-items:center;}
.staris-chat-form input{height:54px;border-radius:18px;box-shadow:none !important;outline:none;appearance:none;-webkit-appearance:none;background:rgba(6,11,30,.92);}
.staris-chat-form input:focus{border-color:rgba(147,118,255,.35);box-shadow:0 0 0 1px rgba(147,118,255,.2) inset !important;}
.staris-send-btn{height:54px;width:54px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;border-radius:18px;font-size:18px;box-shadow:0 10px 24px rgba(116,77,255,.34);}

.staris-energy-ring{width:72px;height:72px;aspect-ratio:1/1;flex:0 0 72px;border-radius:50%;overflow:hidden;}
.staris-energy-ring:before{inset:9px;border-radius:50%;}
.staris-energy-ring span{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;}

.staris-sidebar-card h4,.staris-sidebar-headline{color:#f4f6ff;opacity:1;}
.staris-sidebar-card p,.staris-sidebar-summary{color:#d7defd;opacity:1;}

.staris-chat-thread::-webkit-scrollbar,.staris-sidebar::-webkit-scrollbar{width:10px;}
.staris-chat-thread::-webkit-scrollbar-track,.staris-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px;}
.staris-chat-thread::-webkit-scrollbar-thumb,.staris-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(130,109,255,.85),rgba(76,146,255,.85));border-radius:999px;border:2px solid rgba(5,9,22,.45);}
.staris-chat-thread,.staris-sidebar{scrollbar-color:#7f71ff rgba(255,255,255,.04);}

@media (max-width: 1100px){
  .staris-chip-row,.staris-chip-row-secondary{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .staris-main-topbar{grid-template-columns:1fr;}
  .staris-intro-panel{grid-template-columns:36px minmax(0,1fr);gap:10px;}
  .staris-intro-bubble p{font-size:12px;}
  .staris-intro-bubble p:first-child{font-size:13px;}
  .staris-chip-row,.staris-chip-row-secondary{grid-template-columns:1fr;}
  .staris-msg,.staris-msg-user{max-width:100%;}
  .staris-chat-thread{max-height:none;}
}


/* v6.6.5 chat polish */
.staris-main{gap:12px;}
.staris-main-topbar{padding:2px 4px 8px;}
.staris-greeting{font-size:17px;line-height:1.1;}
.staris-date{font-size:11px;opacity:.88;}
.staris-intro-panel{padding:2px 0 0;background:transparent;border:none;box-shadow:none;}
.staris-intro-inline{display:flex;align-items:center;gap:12px;min-width:0;}
.staris-intro-copy{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;}
.staris-intro-orb-wrap{padding-top:0;flex:0 0 auto;}
.staris-intro-orb{width:24px;height:24px;box-shadow:0 0 16px rgba(151,107,255,.58);}
.staris-intro-lead,.staris-intro-support{margin:0 !important;font-size:11px !important;line-height:1.35 !important;color:#eef2ff !important;}
.staris-intro-lead{font-weight:700;}
.staris-intro-support{opacity:.92;}
.staris-chip-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:6px;margin-bottom:2px;}
.staris-chip-row button{height:38px;font-size:12px;padding:0 10px;border-radius:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.staris-chat-thread{flex:1 1 auto;min-height:0;height:calc(100vh - 270px);max-height:none;padding:8px 12px 0 0;gap:10px;scroll-padding-bottom:24px;}
.staris-msg{display:block;max-width:min(860px,78%);padding:13px 16px;border-radius:18px;font-size:13px;line-height:1.5;}
.staris-msg-assistant{padding-left:54px;min-height:56px;}
.staris-msg-user{max-width:min(520px,36%);margin-left:auto;}
.staris-msg-body{display:block;}
.staris-msg p{margin:0 0 8px;}
.staris-msg-time{margin-top:6px;font-size:10px;opacity:.8;}
.staris-chat-form{grid-template-columns:minmax(0,1fr) 54px;gap:10px;padding-top:10px;padding-bottom:10px;background:linear-gradient(180deg,rgba(6,11,30,0),rgba(6,11,30,.97) 18%);}
.staris-chat-form input{height:56px;border-radius:18px;padding:0 20px;font-size:15px;background:rgba(5,10,28,.96);border-color:rgba(151,169,255,.13);}
.staris-send-btn{height:56px;width:56px;border-radius:18px;font-size:18px;position:relative;}
.staris-send-btn::before{content:'➤';display:block;transform:translateX(1px);}
.staris-send-btn{color:transparent;}
.staris-chat-thread::-webkit-scrollbar-track,.staris-sidebar::-webkit-scrollbar-track{background:rgba(44,55,105,.28);}
.staris-chat-thread::-webkit-scrollbar-thumb,.staris-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(133,107,255,.72),rgba(86,159,255,.74));border:2px solid rgba(10,16,42,.55);}
.staris-chat-thread,.staris-sidebar{scrollbar-color:#7f71ff rgba(44,55,105,.28);}
.staris-energy-card{padding:18px;}
.staris-energy-row{align-items:center;}
.staris-energy-ring{width:76px;height:76px;flex:0 0 76px;background:conic-gradient(from 180deg,#f06bb5 0deg,#a35cff var(--ring-angle,234deg),rgba(255,255,255,.08) var(--ring-angle,234deg) 360deg);} 
.staris-energy-ring::before{inset:9px;}
.staris-week-labels{gap:8px;margin-top:10px;}
.staris-week-labels button{appearance:none;border:0;background:transparent;color:#7f89ba;font-size:12px;font-weight:700;padding:4px 5px;border-radius:999px;cursor:pointer;transition:all .2s ease;}
.staris-week-labels button.is-active{color:#fff;background:rgba(159,108,255,.16);box-shadow:0 0 0 1px rgba(159,108,255,.18) inset;}
.staris-sidebar-card h4,.staris-sidebar-headline{color:#eef2ff;opacity:.95;}
.staris-sidebar-card p,.staris-sidebar-summary{color:#dbe3ff;opacity:.92;}
.staris-sidebar-card.is-collapsed .staris-sidebar-card-body{max-height:0;opacity:0;padding:0 18px;}
.staris-sidebar-card.is-open .staris-sidebar-card-body{animation:starisInsightReveal .35s ease;}
@keyframes starisInsightReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 1240px){
 .staris-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));}
 .staris-chat-thread{height:calc(100vh - 320px);} 
}
@media (max-width: 900px){
 .staris-chip-row{grid-template-columns:repeat(2,minmax(0,1fr));}
 .staris-intro-copy{align-items:flex-start;gap:6px;}
 .staris-intro-support{display:block;width:100%;}
 .staris-msg-user{max-width:min(440px,78%);} 
}
@media (max-width: 640px){
 .staris-chat-thread{height:auto;}
 .staris-chip-row{grid-template-columns:1fr 1fr;}
 .staris-intro-inline{align-items:flex-start;}
 .staris-msg,.staris-msg-user{max-width:100%;}
}


/* v6.6.6 dashboard refinement */
.staris-main{gap:10px;}
.staris-main-topbar{padding:0 4px 8px;align-items:center;}
.staris-greeting{font-size:15px;font-weight:800;line-height:1.08;}
.staris-date{font-size:11px;opacity:.82;}
.staris-tone-select select{height:48px;min-width:142px;}

.staris-intro-panel{padding:0;background:transparent;border:none;box-shadow:none;}
.staris-intro-inline{align-items:center;gap:10px;}
.staris-intro-orb{width:22px;height:22px;box-shadow:0 0 14px rgba(151,107,255,.55);}
.staris-intro-copy{gap:8px;flex-wrap:nowrap;align-items:center;overflow:hidden;}
.staris-intro-lead,.staris-intro-support{font-size:10.5px !important;line-height:1.35 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.staris-intro-support{font-weight:700;color:#f4f7ff !important;}

.staris-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin-top:8px;margin-bottom:6px;}
.staris-chip-row button{height:40px;font-size:11px;padding:0 10px;border-radius:15px;}
.staris-chat-thread{height:calc(100vh - 248px);padding:10px 14px 0 0;gap:11px;}
.staris-msg{max-width:min(780px,72%);padding:12px 16px;border-radius:18px;font-size:12px;line-height:1.48;box-sizing:border-box;}
.staris-msg-body{display:block;max-width:100%;}
.staris-msg-body p{margin:0 0 7px;}
.staris-msg-body p:last-child{margin-bottom:0;}
.staris-msg-assistant{padding-left:50px;min-height:52px;}
.staris-msg-user{max-width:min(420px,32%);}
.staris-msg-avatar{left:12px;top:12px;width:28px;height:28px;}
.staris-msg-time{font-size:10px;opacity:.72;margin-top:5px;}

.staris-chat-form{grid-template-columns:minmax(0,1fr) 56px;gap:10px;padding-top:10px;padding-bottom:10px;background:linear-gradient(180deg,rgba(6,11,30,0),rgba(6,11,30,.98) 18%);}
.staris-chat-form input{height:54px;border-radius:18px;padding:0 18px;font-size:15px;box-shadow:none !important;}
.staris-send-btn{height:56px;width:56px;border-radius:19px;display:flex;align-items:center;justify-content:center;}
.staris-send-btn::before{transform:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}

.staris-sidebar-card{background:rgba(255,255,255,.025);}
.staris-sidebar-card h4,.staris-sidebar-headline{color:#eef3ff;}
.staris-sidebar-card p,.staris-sidebar-summary{color:#d9e1ff;}
.staris-energy-row{align-items:center;gap:14px;}
.staris-energy-ring{width:74px !important;height:74px !important;min-width:74px;min-height:74px;max-width:74px;max-height:74px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;}
.staris-energy-ring::before{inset:8px;}
.staris-energy-line{margin-top:12px;}

.staris-chat-thread::-webkit-scrollbar-track,.staris-sidebar::-webkit-scrollbar-track{background:rgba(18,28,64,.42);}
.staris-chat-thread::-webkit-scrollbar-thumb,.staris-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(117,100,255,.72),rgba(61,124,231,.72));border:2px solid rgba(8,13,31,.72);}
.staris-chat-thread,.staris-sidebar{scrollbar-color:#7665ff rgba(18,28,64,.42);}

@media (max-width: 1200px){
  .staris-chip-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .staris-chat-thread{height:calc(100vh - 284px);}
  .staris-msg-user{max-width:min(460px,46%);}
}
@media (max-width: 860px){
  .staris-intro-copy{flex-wrap:wrap;}
  .staris-intro-lead,.staris-intro-support{white-space:normal;}
  .staris-chip-row{grid-template-columns:1fr 1fr;}
  .staris-msg,.staris-msg-user{max-width:100%;}
  .staris-chat-thread{height:auto;max-height:52vh;}
}


/* v6.6.7 final cleanup */
.staris-main-topbar{margin-bottom:10px;align-items:flex-start}
.staris-greeting{font-size:18px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.staris-date{font-size:12px;opacity:.78;margin-top:4px}
.staris-intro-panel{margin:0 0 8px;padding:0;border:none;background:transparent;box-shadow:none}
.staris-intro-inline{display:flex;align-items:center;gap:10px;min-width:0}
.staris-intro-orb-wrap{flex:0 0 auto}
.staris-intro-orb{width:34px;height:34px;box-shadow:0 0 22px rgba(128,92,255,.55)}
.staris-intro-copy{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap}
.staris-intro-lead,.staris-intro-support{margin:0;font-size:12px;line-height:1.35}
.staris-intro-lead{font-weight:700;color:#f3f6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:820px}
.staris-intro-support{font-weight:700;color:#ffffff;opacity:.94;white-space:nowrap}
.staris-chip-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 10px;width:100%}
.staris-chip-row button{display:flex;align-items:center;justify-content:center;width:100%;height:38px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:700;letter-spacing:-.01em;background:rgba(255,255,255,.03)}
.staris-chat-thread{height:calc(100vh - 220px);padding:8px 10px 0 0;gap:12px;overflow-y:auto;overflow-x:hidden}
.staris-msg{display:block;max-width:min(720px,68%);width:max-content;min-width:0;padding:12px 15px;border-radius:18px;font-size:12px;line-height:1.52;box-sizing:border-box}
.staris-msg-body{display:block;max-width:100%}
.staris-msg-assistant{padding-left:48px;min-height:50px;background:rgba(255,255,255,.03)}
.staris-msg-user{max-width:min(380px,30%);margin-left:auto;background:linear-gradient(135deg,rgba(125,79,255,.95),rgba(188,92,255,.82))}
.staris-msg-avatar{left:10px;top:10px;width:26px;height:26px}
.staris-msg-time{font-size:10px;opacity:.7;margin-top:5px}
.staris-chat-form{grid-template-columns:minmax(0,1fr) 54px;gap:10px;align-items:center}
.staris-chat-form input{height:52px;border-radius:18px;padding:0 18px;background:rgba(5,9,26,.94);box-shadow:none}
.staris-send-btn{height:52px;width:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;box-shadow:0 10px 24px rgba(116,77,255,.30)}
.staris-send-btn::before{content:'➤';display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:translateX(1px)}
.staris-chat-thread::-webkit-scrollbar,.staris-sidebar::-webkit-scrollbar{width:8px}
.staris-chat-thread::-webkit-scrollbar-track,.staris-sidebar::-webkit-scrollbar-track{background:rgba(18,28,64,.34);border-radius:999px}
.staris-chat-thread::-webkit-scrollbar-thumb,.staris-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(111,97,255,.62),rgba(61,124,231,.58));border-radius:999px;border:1px solid rgba(8,13,31,.52)}
.staris-chat-thread,.staris-sidebar{scrollbar-color:#6f61ff rgba(18,28,64,.34)}
.staris-energy-ring{width:74px;height:74px;border-radius:50%;flex:0 0 74px}
.staris-energy-ring span{font-size:16px;line-height:1}
.staris-week-labels button{position:relative}
.staris-week-labels button.is-active{color:#fff}
.staris-week-labels button.is-active::after{content:'';position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:18px;height:3px;border-radius:999px;background:linear-gradient(90deg,#7d5fff,#ea77cf)}
.staris-sidebar-card h4,.staris-sidebar-headline{color:#eff3ff;opacity:.98}
.staris-sidebar-card p,.staris-sidebar-summary{color:#d8e0ff;opacity:.95}
@media (max-width: 1180px){.staris-chip-row{grid-template-columns:repeat(3,minmax(0,1fr))}.staris-chat-thread{height:calc(100vh - 250px)}.staris-msg-user{max-width:min(420px,48%)}}
@media (max-width: 820px){.staris-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}.staris-intro-copy{flex-wrap:wrap}.staris-intro-lead{max-width:none;white-space:normal}.staris-chat-thread{height:auto;max-height:54vh}.staris-msg,.staris-msg-user{max-width:100%}}


/* v6.6.8 dashboard fit + mobile */
.staris-mobile-nav-btn,.staris-mobile-overlay{display:none;}
.staris-main-topbar{padding:4px 4px 8px;}
.staris-greeting{font-size:16px;line-height:1.1;}
.staris-date{font-size:11px;opacity:.86;}
.staris-tone-select select{height:42px;padding:0 40px 0 14px;border-radius:16px;font-size:14px;}
.staris-intro-panel{padding:0;background:transparent;border:none;box-shadow:none;min-height:auto;}
.staris-intro-copy{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap;}
.staris-intro-lead,.staris-intro-support{margin:0 !important;font-size:12px !important;line-height:1.35 !important;}
.staris-intro-lead{font-weight:700;max-width:none;}
.staris-intro-support{opacity:.9;}
.staris-chip-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:0;margin-bottom:0;}
.staris-chip-row button{height:36px;border-radius:14px;font-size:12px;padding:0 10px;}
.staris-chat-thread{flex:1 1 auto;height:auto;min-height:0;max-height:none;padding:6px 10px 0 0;gap:10px;overflow-y:auto;overflow-x:hidden;}
.staris-msg{position:relative;max-width:min(760px,72%);padding:12px 14px;border-radius:18px;font-size:13px;line-height:1.48;}
.staris-msg-user{max-width:min(380px,32%);margin-left:auto;}
.staris-msg-assistant{padding-left:54px;min-height:54px;}
.staris-msg-avatar{left:12px;top:12px;width:30px;height:30px;}
.staris-msg-body{display:flex;flex-direction:column;gap:6px;}
.staris-msg-text{display:block;}
.staris-msg-time{display:block;position:static;margin-top:2px;color:#91a0d8;font-size:10px;opacity:.82;}
.staris-chat-form{margin-top:8px;grid-template-columns:minmax(0,1fr) 56px;gap:10px;padding:8px 0 0;background:linear-gradient(180deg,rgba(6,11,30,0),rgba(6,11,30,.96) 28%);}
.staris-chat-form input{height:50px;border-radius:16px;font-size:14px;padding:0 18px;}
.staris-send-btn{height:50px;width:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;}
.staris-send-btn::before{content:"➤";display:block;transform:translate(1px,-1px);}
.staris-chat-note{display:none;}
.staris-chat-thread::-webkit-scrollbar,.staris-sidebar::-webkit-scrollbar{width:8px;}
.staris-chat-thread::-webkit-scrollbar-track,.staris-sidebar::-webkit-scrollbar-track{background:rgba(32,43,88,.24);border-radius:999px;}
.staris-chat-thread::-webkit-scrollbar-thumb,.staris-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(129,108,255,.8),rgba(75,146,255,.78));border-radius:999px;border:1px solid rgba(6,10,24,.42);}
.staris-energy-copy-wrap{display:flex;flex-direction:column;gap:6px;min-width:0;}
.staris-energy-copy-wrap strong{display:block;font-size:13px;line-height:1.35;}
.staris-energy-copy-wrap p{margin:0;font-size:12px;line-height:1.45;color:#cfd8ff;}
.staris-energy-card{overflow:hidden;}
.staris-energy-row{align-items:center;gap:12px;}
.staris-energy-line{margin-top:10px;}
.staris-week-labels button{position:relative;}
.staris-week-labels button.is-active{color:#fff;}
.staris-week-labels button.is-active::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;width:16px;height:3px;border-radius:999px;background:linear-gradient(90deg,#9d6cff,#f06bb5);}
.staris-main,.staris-shell,.staris-chat-app{overflow:hidden;}
@media (max-width:980px){
  .staris-shell{height:100%;}
  .staris-main{margin-left:0;padding:16px 14px 12px;height:100%;}
  .staris-sidebar{transform:translateX(-110%);transition:transform .28s ease;z-index:20;width:min(84vw,320px);box-shadow:0 30px 80px rgba(0,0,0,.52);}
  .staris-shell.is-mobile-open .staris-sidebar{transform:translateX(0);}
  .staris-mobile-nav-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(151,169,255,.12);background:rgba(255,255,255,.04);color:#eef2ff;font-weight:700;cursor:pointer;}
  .staris-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(1,4,12,.48);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:15;}
  .staris-shell.is-mobile-open .staris-mobile-overlay{opacity:1;pointer-events:auto;}
  .staris-main-topbar{grid-template-columns:auto 1fr auto;align-items:center;}
  .staris-main-topbar > div:first-child{min-width:0;}
  .staris-greeting{font-size:15px;}
  .staris-tone-select select{height:38px;font-size:13px;padding:0 34px 0 12px;}
  .staris-chip-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .staris-chip-row button{height:34px;font-size:11px;}
  .staris-chat-thread{padding-right:4px;}
  .staris-msg,.staris-msg-user{max-width:92%;}
  .staris-msg-user{max-width:82%;}
}
@media (max-width:640px){
  .staris-main-topbar{grid-template-columns:auto 1fr;gap:10px;}
  .staris-tone-select{grid-column:1 / -1;justify-self:start;}
  .staris-intro-copy{display:block;}
  .staris-intro-support{margin-top:4px !important;display:block;}
  .staris-chip-row{grid-template-columns:1fr 1fr;}
  .staris-sidebar{padding:18px 14px 14px;}
  .staris-main{padding:12px 10px 10px;}
}


/* v6.7.0 mobile-first dashboard fix */
html.staris-lock, body.staris-lock{overflow:hidden !important;height:100%;}
.staris-chat-app{overflow:hidden;}
.staris-shell{height:100%;}
.staris-main{height:100%;min-height:0;display:flex;flex-direction:column;}
.staris-chat-thread{min-height:0;}

@media (max-width: 980px){
  body.staris-page-template-active, body.staris-template-route{overflow:hidden !important;}
  .staris-chat-app{height:100dvh;min-height:100dvh;}
  body.admin-bar .staris-chat-app{height:calc(100dvh - 46px);min-height:calc(100dvh - 46px);}
  .staris-shell{display:block;height:100%;}
  .staris-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);max-width:340px;transform:translateX(-110%);transition:transform .28s ease;z-index:40;overflow-y:auto;overflow-x:hidden;padding:18px 14px calc(22px + env(safe-area-inset-bottom));box-shadow:0 20px 60px rgba(0,0,0,.55);border-right:1px solid rgba(151,169,255,.10);}
  body.admin-bar .staris-sidebar{top:46px;}
  .staris-shell.is-mobile-open .staris-sidebar{transform:translateX(0);}
  .staris-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(2,5,16,.62);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:35;}
  .staris-shell.is-mobile-open .staris-mobile-overlay{opacity:1;pointer-events:auto;}

  .staris-main{margin-left:0;padding:12px 10px max(10px, env(safe-area-inset-bottom));height:100%;min-height:0;overflow:hidden;gap:10px;}
  .staris-main-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:0 0 8px;border-bottom:1px solid rgba(151,169,255,.08);}
  .staris-mobile-nav-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(151,169,255,.12);background:rgba(255,255,255,.05);color:#eef2ff;font-weight:700;cursor:pointer;}
  .staris-main-topbar > div:first-child{min-width:0;}
  .staris-greeting{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .staris-date{font-size:11px;margin-top:2px;color:#aeb7de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .staris-tone-select{justify-self:end;}
  .staris-tone-select select{height:38px;min-width:120px;padding:0 34px 0 12px;border-radius:14px;font-size:13px;}
  .staris-tone-select:after{top:8px;right:13px;font-size:16px;}

  .staris-intro-panel{padding:0;margin:0;border:none;background:transparent;box-shadow:none;min-height:auto;}
  .staris-intro-copy{display:block;min-width:0;}
  .staris-intro-orb-wrap,.staris-intro-orb{display:none !important;}
  .staris-intro-lead,.staris-intro-support{display:block;white-space:normal !important;overflow:visible !important;text-overflow:unset !important;max-width:none !important;font-size:13px !important;line-height:1.45 !important;}
  .staris-intro-lead{font-weight:700;margin:0 0 6px !important;}
  .staris-intro-support{margin:0 !important;color:#d6defd !important;}

  .staris-chip-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 0 4px;margin:0;scrollbar-width:none;}
  .staris-chip-row::-webkit-scrollbar{display:none;}
  .staris-chip-row button{flex:0 0 auto;height:34px;padding:0 12px;border-radius:999px;font-size:11px;white-space:nowrap;}

  .staris-chat-thread{flex:1 1 auto;height:auto !important;max-height:none !important;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 4px 0 0;gap:10px;scroll-padding-bottom:90px;}
  .staris-msg,.staris-msg-user{max-width:84%;font-size:13px;line-height:1.45;padding:12px 14px;}
  .staris-msg-user{margin-left:auto;border-bottom-right-radius:12px;}
  .staris-msg-assistant{padding-left:16px;min-height:0;border-bottom-left-radius:12px;}
  .staris-msg-avatar{display:none;}
  .staris-msg-time{font-size:10px;opacity:.76;}

  .staris-chat-form{position:sticky;bottom:0;grid-template-columns:minmax(0,1fr) 52px;gap:8px;padding:10px 0 calc(8px + env(safe-area-inset-bottom));margin-top:0;background:linear-gradient(180deg,rgba(6,11,30,0),rgba(6,11,30,.96) 20%,rgba(6,11,30,.99) 100%);z-index:4;}
  .staris-chat-form input{height:50px;border-radius:16px;font-size:14px;padding:0 16px;box-shadow:none !important;}
  .staris-send-btn{height:50px;width:52px;border-radius:16px;box-shadow:0 8px 18px rgba(116,77,255,.35);}
  .staris-chat-note{display:none;}

  .staris-sidebar-card h4{font-size:18px;line-height:1.2;}
  .staris-sidebar-card p{font-size:13px;line-height:1.5;}
  .staris-energy-row{align-items:flex-start;}
  .staris-energy-copy-wrap strong{font-size:13px;line-height:1.35;}
  .staris-energy-copy-wrap p{font-size:12px;line-height:1.45;}
  .staris-energy-ring{width:68px !important;height:68px !important;min-width:68px;min-height:68px;max-width:68px;max-height:68px;}
  .staris-energy-ring span{font-size:13px;}
  .staris-week-labels{gap:6px;justify-content:space-between;}
  .staris-week-labels button{padding:4px 5px;min-width:22px;}
}

@media (max-width: 640px){
  .staris-main{padding:10px 8px max(8px, env(safe-area-inset-bottom));}
  .staris-main-topbar{grid-template-columns:auto 1fr;}
  .staris-tone-select{grid-column:1 / -1;justify-self:start;}
  .staris-tone-select select{min-width:132px;}
  .staris-greeting{font-size:15px;}
  .staris-chip-row button{height:32px;font-size:10.5px;padding:0 11px;}
  .staris-msg,.staris-msg-user{max-width:88%;font-size:12.5px;}
}


/* v6.7.2 hard mobile rescue */
@media (max-width: 980px){
  html,body,body.staris-page-template-active,body.staris-template-route{height:100%;overflow:hidden !important;}
  #wpadminbar{position:fixed !important;top:0;left:0;right:0;z-index:99999;}
  .staris-chat-app{height:100dvh !important;min-height:100dvh !important;overflow:hidden !important;}
  body.admin-bar .staris-chat-app{height:calc(100dvh - 46px) !important;min-height:calc(100dvh - 46px) !important;margin-top:46px;}
  .staris-shell{height:100% !important;display:block !important;overflow:hidden !important;}
  .staris-sidebar{position:fixed !important;left:0;top:0;bottom:0;width:min(86vw,320px) !important;transform:translateX(-110%) !important;z-index:60 !important;}
  body.admin-bar .staris-sidebar{top:46px !important;}
  .staris-shell.is-mobile-open .staris-sidebar,
  .staris-chat-app.is-mobile-open .staris-sidebar{transform:translateX(0) !important;}
  .staris-mobile-overlay{display:block !important;z-index:55 !important;}
  .staris-shell.is-mobile-open .staris-mobile-overlay,
  .staris-chat-app.is-mobile-open .staris-mobile-overlay{opacity:1 !important;pointer-events:auto !important;}

  .staris-main{margin-left:0 !important;padding:12px 10px calc(10px + env(safe-area-inset-bottom)) !important;height:100% !important;min-height:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;gap:10px !important;}
  .staris-main-topbar{display:grid !important;grid-template-columns:auto 1fr !important;align-items:center !important;gap:10px !important;padding:0 0 8px !important;}
  .staris-mobile-nav-btn{display:inline-flex !important;}
  .staris-tone-select{grid-column:1 / -1;justify-self:start;}
  .staris-tone-select select{height:40px !important;min-width:130px !important;}

  .staris-intro-panel{display:block !important;grid-template-columns:1fr !important;padding:0 !important;margin:0 !important;min-height:auto !important;}
  .staris-intro-orb-wrap,.staris-intro-orb{display:none !important;}
  .staris-intro-copy{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;overflow:visible !important;}
  .staris-intro-lead,.staris-intro-support{display:block !important;width:100% !important;max-width:100% !important;white-space:normal !important;word-break:normal !important;overflow-wrap:break-word !important;overflow:visible !important;text-overflow:unset !important;writing-mode:horizontal-tb !important;font-size:14px !important;line-height:1.45 !important;}
  .staris-intro-lead{margin:0 0 6px !important;font-weight:700 !important;}
  .staris-intro-support{margin:0 !important;}

  .staris-chip-row{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:8px !important;padding:2px 0 6px !important;margin:0 !important;scrollbar-width:none;}
  .staris-chip-row::-webkit-scrollbar{display:none !important;}
  .staris-chip-row button{flex:0 0 auto !important;width:auto !important;max-width:none !important;min-width:max-content !important;}

  .staris-chat-thread{flex:1 1 auto !important;min-height:0 !important;height:auto !important;max-height:none !important;overflow-y:auto !important;overflow-x:hidden !important;padding:4px 2px 0 0 !important;scroll-padding-bottom:88px !important;}
  .staris-msg,.staris-msg-user{max-width:88% !important;font-size:13px !important;line-height:1.45 !important;padding:12px 14px !important;}
  .staris-msg-assistant{padding-left:14px !important;min-height:0 !important;}
  .staris-msg-avatar{display:none !important;}
  .staris-msg-user{margin-left:auto !important;}

  .staris-chat-form{position:sticky !important;bottom:0 !important;grid-template-columns:minmax(0,1fr) 52px !important;padding:8px 0 calc(8px + env(safe-area-inset-bottom)) !important;z-index:8 !important;}
  .staris-chat-form input{height:50px !important;font-size:14px !important;}
  .staris-send-btn{height:50px !important;width:52px !important;}

  .staris-sidebar-card,.staris-energy-card{border-radius:20px !important;}
  .staris-energy-row{gap:10px !important;align-items:flex-start !important;}
  .staris-energy-copy-wrap{min-width:0 !important;}
  .staris-energy-copy-wrap strong{font-size:13px !important;line-height:1.35 !important;display:block !important;}
  .staris-energy-copy-wrap p{font-size:12px !important;line-height:1.4 !important;display:block !important;}
  .staris-energy-ring{width:64px !important;height:64px !important;min-width:64px !important;min-height:64px !important;max-width:64px !important;max-height:64px !important;}
}

@media (max-width: 640px){
  .staris-main{padding:10px 8px calc(8px + env(safe-area-inset-bottom)) !important;}
  .staris-greeting{font-size:15px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .staris-date{font-size:11px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .staris-intro-lead,.staris-intro-support{font-size:13px !important;}
  .staris-msg,.staris-msg-user{max-width:92% !important;font-size:12.5px !important;}
}


/* ═══════════════════════════════════════════════════════════════════════════
   v6.7.10 CHAT UI OVERHAUL — clean layout, better messages, engagement hooks
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── DESKTOP: fix the messy layout visible in screenshot 2 ── */

/* Widen the main chat area — sidebar is too dominant on wide screens */
@media (min-width: 981px) {
  .staris-sidebar { width: 280px; padding: 22px 18px 18px; gap: 14px; }
  .staris-main { margin-left: 280px; padding: 20px 32px 14px; gap: 10px; }

  /* Fix chat thread height so it actually fills the space */
  .staris-chat-thread {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    max-height: none !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 12px 0 0;
    gap: 12px;
  }

  /* Assistant messages: cleaner, more readable */
  .staris-msg-assistant {
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(151,169,255,.08);
    border-bottom-left-radius: 8px;
    padding: 14px 18px 14px 54px;
    min-height: 54px;
  }

  /* User messages: right-aligned, max 50% width so they don't crowd the screen */
  .staris-msg-user {
    max-width: min(480px, 48%) !important;
    margin-left: auto;
    border-bottom-right-radius: 8px;
  }

  /* Messages: slightly larger text for readability */
  .staris-msg {
    font-size: 13.5px;
    line-height: 1.56;
    max-width: min(760px, 72%);
  }

  /* Chip row: 5 columns on wide screens */
  .staris-chip-row { grid-template-columns: repeat(5, minmax(0,1fr)) !important; }

  /* Sticky input bar with clear separator */
  .staris-chat-form {
    border-top: 1px solid rgba(151,169,255,.07);
    padding-top: 12px;
    padding-bottom: 10px;
    flex-shrink: 0;
  }
}

/* ── MESSAGE ANIMATIONS — make bubbles feel alive ── */
@keyframes starisMsgIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.staris-msg {
  animation: starisMsgIn .22s ease forwards;
}

/* ── TYPING DOTS — bigger, more visible, with glow ── */
.staris-typing {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding: 4px 2px;
}
.staris-typing span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a78bfa, #818cf8);
  opacity: 0;
  box-shadow: 0 0 8px rgba(167,139,250,.5);
  animation: starisTypingPulse 1.5s ease-in-out infinite;
}
.staris-typing span:nth-child(1) { animation-delay: 0s; }
.staris-typing span:nth-child(2) { animation-delay: .2s; }
.staris-typing span:nth-child(3) { animation-delay: .4s; }
@keyframes starisTypingPulse {
  0%, 80%, 100% { opacity: .2; transform: scale(.85); }
  40%            { opacity: 1;  transform: scale(1.15); }
}

/* ── INPUT FIELD — make it feel premium ── */
.staris-chat-form input {
  background: rgba(8, 14, 38, .94) !important;
  border: 1px solid rgba(151,169,255,.15) !important;
  color: #eef2ff !important;
  letter-spacing: .01em;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.staris-chat-form input:focus {
  border-color: rgba(147,118,255,.45) !important;
  box-shadow: 0 0 0 3px rgba(147,118,255,.12) inset !important;
}
.staris-chat-form input::placeholder { color: rgba(180,190,230,.4); }

/* ── SEND BUTTON — pulsing glow on hover ── */
.staris-send-btn {
  background: linear-gradient(135deg, #6d45ff, #9d59f8) !important;
  transition: transform .15s ease, box-shadow .15s ease;
}
.staris-send-btn:hover {
  transform: scale(1.06);
  box-shadow: 0 10px 30px rgba(109,69,255,.5) !important;
}
.staris-send-btn:active { transform: scale(.97); }

/* ── CHIP BUTTONS — more engaging, highlight on hover ── */
.staris-chip-row button {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(151,169,255,.1) !important;
  color: #c8d2f8 !important;
  font-weight: 600;
  transition: background .18s, border-color .18s, color .18s, transform .15s;
  letter-spacing: -.01em;
}
.staris-chip-row button:hover {
  background: rgba(109,69,255,.18) !important;
  border-color: rgba(167,139,250,.35) !important;
  color: #eef2ff !important;
  transform: translateY(-1px);
}
.staris-chip-row button:active { transform: translateY(0); }

/* ── SIDEBAR NAV ACTIVE STATE — cleaner active pill ── */
.staris-sidebar-nav button { font-size: 14px; padding: 13px 16px; }
.staris-sidebar-nav button.is-active {
  background: linear-gradient(135deg, rgba(42,12,95,.9), rgba(95,41,173,.7)) !important;
  border-color: rgba(151,169,255,.15) !important;
  box-shadow: 0 8px 22px rgba(119,73,255,.28), 0 0 0 1px rgba(151,169,255,.08) inset !important;
}

/* ── ENERGY RING — subtle pulse animation ── */
@keyframes starisRingPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(163,92,255,.0); }
  50%       { box-shadow: 0 0 0 6px rgba(163,92,255,.15); }
}
.staris-energy-ring { animation: starisRingPulse 3.5s ease-in-out infinite; }

/* ── ASSISTANT MESSAGE AVATAR — subtle glow ── */
.staris-msg-avatar {
  box-shadow: 0 0 14px rgba(137,94,255,.5), 0 0 0 2px rgba(137,94,255,.15) !important;
}

/* ── SCROLLBAR — thinner, more refined ── */
.staris-chat-thread::-webkit-scrollbar { width: 4px; }
.staris-chat-thread::-webkit-scrollbar-track { background: transparent; }
.staris-chat-thread::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(120,100,255,.5), rgba(80,140,255,.4));
  border-radius: 999px;
  border: none;
}

/* ── DAILY INSIGHT CARD — make it feel more premium ── */
.staris-sidebar-card {
  border: 1px solid rgba(151,169,255,.09) !important;
  background: linear-gradient(160deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
  transition: border-color .2s ease;
}
.staris-sidebar-card:hover { border-color: rgba(151,169,255,.18) !important; }

/* ── MESSAGE TIME — subtler, not cluttering ── */
.staris-msg-time {
  font-size: 10px !important;
  opacity: .55 !important;
  margin-top: 4px !important;
  letter-spacing: .02em;
}

/* ── INTRO PANEL — make the two lines more readable ── */
.staris-intro-lead { font-size: 12px !important; color: #c8d2f8 !important; opacity: .88; }
.staris-intro-support { font-size: 11px !important; color: #9ea8d8 !important; opacity: .82; }



/* ═══════════════════════════════════════════════════════════════════════════
   v6.7.11 UI CLEANUP — remove intro panel, tighter layout, mobile polish
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── HIDE any lingering intro panel markup ── */
.staris-intro-panel,
.staris-intro-copy,
.staris-intro-lead,
.staris-intro-support,
.staris-intro-orb-wrap,
.staris-intro-orb,
.staris-intro-inline,
.staris-intro-bubble,
[data-staris-intro-line-1],
[data-staris-intro-line-2],
[data-staris-intro-line-3] {
  display: none !important;
}

/* ── DESKTOP: tighter topbar, more room for chat ── */
@media (min-width: 981px) {
  .staris-main {
    padding: 16px 28px 12px;
    gap: 8px;
  }
  .staris-main-topbar {
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(151,169,255,.07);
    margin-bottom: 4px;
  }
  .staris-greeting { font-size: 17px; font-weight: 800; letter-spacing: -.02em; }
  .staris-date { font-size: 11px; color: #8e98c4; margin-top: 2px; }

  .staris-chip-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 8px;
    margin: 0 0 6px;
    flex-shrink: 0;
  }
  .staris-chip-row button {
    height: 36px;
    font-size: 12px;
    border-radius: 12px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Chat thread fills remaining space */
  .staris-chat-thread {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    padding: 6px 10px 0 0;
  }

  /* Cleaner message bubbles */
  .staris-msg-assistant {
    max-width: 72%;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(151,169,255,.07);
  }
  .staris-msg-user {
    max-width: 46% !important;
    background: linear-gradient(135deg, rgba(109,69,255,.92), rgba(171,82,255,.78)) !important;
  }

  /* Input bar */
  .staris-chat-form {
    flex-shrink: 0;
    padding: 10px 0 8px;
    border-top: 1px solid rgba(151,169,255,.06);
    background: linear-gradient(180deg, rgba(6,11,30,0), rgba(6,11,30,.98) 20%);
  }
}

/* ── MOBILE OVERHAUL ── */
@media (max-width: 980px) {
  /* Full-height locked layout */
  html, body { height: 100%; overflow: hidden !important; }
  .staris-chat-app { height: 100dvh !important; overflow: hidden !important; }
  .staris-shell { height: 100% !important; display: flex !important; flex-direction: column !important; }

  .staris-main {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  /* Topbar: compact single row */
  .staris-main-topbar {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid rgba(151,169,255,.07) !important;
    flex-shrink: 0 !important;
  }
  .staris-greeting { font-size: 15px !important; font-weight: 800 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .staris-date { font-size: 10px !important; color: #8e98c4 !important; white-space: nowrap !important; }
  .staris-mobile-nav-btn { display: inline-flex !important; height: 36px !important; padding: 0 12px !important; font-size: 13px !important; }
  .staris-tone-select select { height: 36px !important; min-width: 110px !important; font-size: 12px !important; padding: 0 28px 0 10px !important; }

  /* Chips: horizontal scroll row */
  .staris-chip-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 7px !important;
    padding: 0 0 4px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    scrollbar-width: none !important;
  }
  .staris-chip-row::-webkit-scrollbar { display: none !important; }
  .staris-chip-row button {
    flex: 0 0 auto !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(151,169,255,.12) !important;
  }

  /* Chat thread fills all remaining space */
  .staris-chat-thread {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 4px 0 0 0 !important;
    gap: 10px !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Messages — full width, no avatar on mobile */
  .staris-msg, .staris-msg-user { max-width: 86% !important; font-size: 14px !important; line-height: 1.5 !important; padding: 12px 14px !important; }
  .staris-msg-assistant { padding-left: 14px !important; min-height: 0 !important; background: rgba(255,255,255,.04) !important; border: 1px solid rgba(151,169,255,.08) !important; border-bottom-left-radius: 8px !important; }
  .staris-msg-user { background: linear-gradient(135deg, rgba(109,69,255,.92), rgba(171,82,255,.78)) !important; margin-left: auto !important; border-bottom-right-radius: 8px !important; }
  .staris-msg-avatar { display: none !important; }
  .staris-msg-time { font-size: 10px !important; opacity: .55 !important; }

  /* Input — sticky at the bottom with safe area padding */
  .staris-chat-form {
    position: sticky !important;
    bottom: 0 !important;
    flex-shrink: 0 !important;
    grid-template-columns: minmax(0,1fr) 48px !important;
    gap: 8px !important;
    padding: 8px 0 calc(8px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, rgba(6,11,30,0), rgba(6,11,30,.98) 18%) !important;
    z-index: 10 !important;
  }
  .staris-chat-form input {
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    padding: 0 16px !important;
  }
  .staris-send-btn { height: 48px !important; width: 48px !important; border-radius: 14px !important; font-size: 16px !important; }
  .staris-chat-note { display: none !important; }
}

@media (max-width: 640px) {
  .staris-main { padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important; }
  .staris-greeting { font-size: 14px !important; }
  .staris-msg, .staris-msg-user { max-width: 92% !important; font-size: 13.5px !important; }
}

/* ── TYPING DOTS — make them appear inside a proper bubble ── */
.staris-msg-assistant .staris-typing {
  min-height: 20px;
  padding: 2px 0;
}

/* ── TONE SELECT — cleaner on all screens ── */
.staris-tone-select select {
  background: rgba(8,14,38,.94);
  border: 1px solid rgba(151,169,255,.14);
  color: #d4dcf8;
  cursor: pointer;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v6.7.14 — TARGETED FIXES ONLY. No position:fixed on html/body.
   Fixes: desktop input visible, mobile input visible, avatar overlap, visuals.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. DESKTOP: proper flex column so input stays on screen ─────────────
   The shell is display:block. The sidebar is position:fixed 320px wide.
   .staris-main has margin-left:320px.  We just need it to be a proper
   flex-column that fits inside 100vh with no overflow.
   ──────────────────────────────────────────────────────────────────────── */
@media (min-width: 981px) {
  .staris-chat-app {
    height: 100vh !important;
    overflow: hidden !important;
  }
  .staris-shell {
    height: 100% !important;
    overflow: hidden !important;
  }
  .staris-sidebar {
    width: 240px !important;
  }
  .staris-main {
    margin-left: 240px !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 14px 24px 0 24px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  body.admin-bar .staris-sidebar { top: 32px !important; }
  body.admin-bar .staris-main {
    height: calc(100vh - 32px) !important;
    margin-top: 32px !important;
  }

  .staris-main-topbar { flex-shrink: 0 !important; }
  .staris-chip-row    { flex-shrink: 0 !important; }

  /* Thread: flex:1 with height:0 — the only pattern that works reliably */
  .staris-chat-thread {
    flex: 1 1 0% !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* Form: never shrink, always visible at the bottom */
  .staris-chat-form {
    flex: 0 0 auto !important;
    padding: 10px 0 12px !important;
    margin-top: 0 !important;
  }
  .staris-chat-note { display: none !important; }
}

/* ─── 2. MOBILE: flex column inside 100dvh ────────────────────────────────
   Do NOT touch html/body overflow — that breaks WordPress page rendering.
   The chat app itself gets height:100dvh and overflow:hidden.
   ──────────────────────────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .staris-chat-app {
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
  body.admin-bar .staris-chat-app {
    height: calc(100dvh - 46px) !important;
    min-height: calc(100dvh - 46px) !important;
  }
  .staris-shell {
    flex: 1 1 0% !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
  }
  .staris-main {
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 10px 12px 0 !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  .staris-main-topbar {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(151,169,255,.08) !important;
  }
  .staris-chip-row {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 7px !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }
  .staris-chip-row::-webkit-scrollbar { display: none !important; }
  .staris-chip-row button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    height: 32px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
  }
  /* Thread fills the middle */
  .staris-chat-thread {
    flex: 1 1 0% !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 8px 0 4px 0 !important;
  }
  /* Input — flex:0 0 auto so it's always the last visible element */
  .staris-chat-form {
    flex: 0 0 auto !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr 48px !important;
    gap: 8px !important;
    padding: 8px 0 max(10px, env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(151,169,255,.08) !important;
    background: rgba(3,8,20,.98) !important;
    z-index: 10 !important;
  }
  .staris-chat-form input {
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    padding: 0 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    background: rgba(8,14,38,.95) !important;
    border: 1px solid rgba(151,169,255,.18) !important;
    color: #eef2ff !important;
    box-sizing: border-box !important;
    display: block !important;
    -webkit-appearance: none !important;
  }
  .staris-send-btn {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    flex-shrink: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#6d45ff,#9d59f8) !important;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* Messages */
  .staris-msg, .staris-msg-user { max-width: 86% !important; }
  .staris-msg-user { margin-left: auto !important; }
  /* No avatar on mobile */
  .staris-msg-avatar { display: none !important; }
  .staris-msg-assistant {
    padding-left: 14px !important;
    min-height: 0 !important;
  }
  .staris-chat-note { display: none !important; }
  .staris-mobile-nav-btn { display: inline-flex !important; }
  .staris-mobile-overlay { display: block !important; }
}

/* ─── 3. AVATAR OVERLAP FIX ───────────────────────────────────────────────
   The avatar is position:absolute inside .staris-msg-assistant.
   The bubble needs left-padding = avatar width + gap.
   ──────────────────────────────────────────────────────────────────────── */
@media (min-width: 981px) {
  .staris-msg-assistant {
    padding-left: 52px !important; /* 28px avatar + 12px gap + 12px inner padding */
    min-height: 52px !important;
    position: relative !important;
  }
  .staris-msg-avatar {
    position: absolute !important;
    left: 12px !important;
    top: 12px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: block !important;
  }
}

/* ─── 4. TIMESTAMP NEVER CLIPS ────────────────────────────────────────────*/
.staris-msg {
  overflow: visible !important;
  box-sizing: border-box !important;
  word-break: break-word !important;
}
.staris-msg-body {
  overflow: visible !important;
  min-width: 0 !important;
}
.staris-msg-text {
  display: block !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
.staris-msg-time {
  display: block !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  opacity: .5 !important;
  margin-top: 5px !important;
  line-height: 1.2 !important;
}

/* ─── 5. VISUAL POLISH ────────────────────────────────────────────────────*/
/* Assistant bubble — dark glass */
.staris-msg-assistant {
  background: linear-gradient(145deg, rgba(20,26,56,.9), rgba(14,18,42,.85)) !important;
  border: 1px solid rgba(100,120,255,.12) !important;
  border-radius: 4px 18px 18px 18px !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.2) !important;
  padding-top: 12px !important;
  padding-right: 16px !important;
  padding-bottom: 10px !important;
}
/* User bubble — vivid purple */
.staris-msg-user {
  background: linear-gradient(135deg, #6030f0, #9844f5) !important;
  border: none !important;
  border-radius: 18px 4px 18px 18px !important;
  box-shadow: 0 4px 18px rgba(96,48,240,.38) !important;
  padding: 12px 16px 10px !important;
  color: #fff !important;
}
.staris-msg-user .staris-msg-time { color: rgba(255,255,255,.5) !important; }
.staris-msg-assistant .staris-msg-time { color: rgba(140,160,220,.6) !important; }

/* Message entrance */
@keyframes starisMsgIn {
  from { opacity:0; transform:translateY(5px); }
  to   { opacity:1; transform:translateY(0); }
}
.staris-msg { animation: starisMsgIn .18s ease forwards !important; }

/* Typing dots */
.staris-typing span {
  background: linear-gradient(135deg,#a78bfa,#7c6fff) !important;
  box-shadow: 0 0 8px rgba(167,139,250,.5) !important;
}
@keyframes starisDotV2 {
  0%,70%,100% { opacity:.2; transform:scale(.8); }
  35%         { opacity:1;  transform:scale(1.2); }
}
.staris-typing span:nth-child(1) { animation: starisDotV2 1.4s ease-in-out infinite 0s !important; }
.staris-typing span:nth-child(2) { animation: starisDotV2 1.4s ease-in-out infinite .2s !important; }
.staris-typing span:nth-child(3) { animation: starisDotV2 1.4s ease-in-out infinite .4s !important; }

/* Input */
.staris-chat-form input {
  background: rgba(8,14,38,.95) !important;
  border: 1px solid rgba(100,120,255,.18) !important;
  color: #eef2ff !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.staris-chat-form input:focus {
  border-color: rgba(120,80,255,.5) !important;
  box-shadow: 0 0 0 3px rgba(120,80,255,.1) !important;
  outline: none !important;
}
.staris-chat-form input::placeholder { color: rgba(150,170,220,.38) !important; }

/* Send button */
.staris-send-btn {
  background: linear-gradient(135deg,#6030f0,#9844f5) !important;
  box-shadow: 0 4px 16px rgba(96,48,240,.38) !important;
  transition: transform .15s, box-shadow .15s !important;
}
.staris-send-btn:hover {
  transform: scale(1.06) !important;
  box-shadow: 0 6px 22px rgba(96,48,240,.55) !important;
}
.staris-send-btn:active { transform: scale(.96) !important; }

/* Chip buttons */
.staris-chip-row button {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(100,120,255,.15) !important;
  color: #b0bcec !important;
  font-weight: 600 !important;
  transition: all .18s !important;
  border-radius: 12px !important;
}
.staris-chip-row button:hover {
  background: rgba(96,48,240,.18) !important;
  border-color: rgba(120,80,255,.4) !important;
  color: #eef2ff !important;
  transform: translateY(-1px) !important;
}

/* Sidebar cards */
.staris-sidebar-card {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(100,120,255,.1) !important;
  border-radius: 16px !important;
}
.staris-sidebar-card:hover { border-color: rgba(120,80,255,.22) !important; }

/* Scrollbar */
.staris-chat-thread::-webkit-scrollbar { width: 3px !important; }
.staris-chat-thread::-webkit-scrollbar-track { background: transparent !important; }
.staris-chat-thread::-webkit-scrollbar-thumb {
  background: rgba(100,80,240,.3) !important;
  border-radius: 999px !important;
}