/* ============================================================
   chito.fan — profile / study / social layer
   add-on css for profile.html + home compact + focus banner
   ============================================================ */
.profile-page{--room-accent:#ff4f9e;--room-accent2:#7fe3ff;}
.profile-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start;}
.profile-shell .wide{grid-column:1/-1;}
.profile-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;}
.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}

/* cover banner + avatar */
.pf-cover{position:relative;height:128px;overflow:hidden;background:#2a1a4d;border-bottom:2px solid #6b2350;}
.pf-cover img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.pf-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,8,55,.05),rgba(30,8,55,.72));}
.pf-cover .rec{position:absolute;top:10px;right:12px;z-index:2;color:#fff;font-family:var(--pixel);font-size:7px;}
.pf-head{display:flex;gap:16px;align-items:flex-end;padding:0 18px;margin-top:-46px;position:relative;z-index:3;}
.pf-head.compact{margin-top:0;padding:0;align-items:center;}
.pf-ava{width:96px;height:96px;flex:none;border-radius:18px;overflow:hidden;border:3px solid #fff;background:#2a1a4d;box-shadow:0 0 0 3px var(--sick-pink),0 8px 18px rgba(180,30,100,.35);}
.pf-head.compact .pf-ava{width:78px;height:78px;}
.pf-ava img{width:100%;height:100%;object-fit:cover;}
.pf-id{flex:1;padding-bottom:6px;min-width:0;}
.pf-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pf-name h2{font-family:var(--disp);font-size:26px;color:var(--void);line-height:1;}
.pf-rank{font-family:var(--term);font-size:17px;color:var(--sick-pink);margin-top:2px;}
.pf-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;}
.bdg{display:inline-flex;align-items:center;gap:5px;font-family:var(--pixel);font-size:6.5px;color:#fff;padding:5px 8px;border-radius:14px;background:linear-gradient(160deg,var(--lav),var(--sick-pink));box-shadow:0 2px 0 rgba(120,30,80,.25);line-height:1.2;}
.bdg.cult{background:linear-gradient(160deg,#ff2e88,#7a3dff);}
.bdg.ghost{background:#f0d6e6;color:#9a4b78;}

/* status pill */
.pstat{display:inline-flex;align-items:center;gap:6px;font-family:var(--pixel);font-size:7px;padding:6px 10px;border-radius:16px;border:2px solid;}
.pstat .dot{width:8px;height:8px;border-radius:50%;}
.pstat.online{color:#1f7a3a;border-color:#9be8ad;background:#e7ffef;} .pstat.online .dot{background:#2ecc5a;box-shadow:0 0 6px #4dff7a;}
.pstat.studying{color:#1f5e8a;border-color:#9bd2ff;background:#e7f4ff;} .pstat.studying .dot{background:#3fb6ff;box-shadow:0 0 6px #7fe3ff;}
.pstat.resting{color:#7a5a1f;border-color:#ffd98a;background:#fff6e0;} .pstat.resting .dot{background:#ffcf3f;box-shadow:0 0 6px #ffe07a;}
.pstat.overloaded{color:#a01030;border-color:#ff9cb0;background:#ffe6ec;} .pstat.overloaded .dot{background:#ff2e5a;box-shadow:0 0 7px #ff5a7a;}

/* stat tiles */
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;}
.statcard{padding:12px;border-radius:12px;text-align:center;background:linear-gradient(180deg,#fff,#fff1f8);border:2px solid #6b2350;box-shadow:0 4px 0 rgba(120,30,80,.16);min-width:0;}
.statcard .sv{font-family:var(--disp);font-size:26px;color:var(--void);line-height:1;}
.statcard .sl{font-family:var(--pixel);font-size:6.5px;color:var(--mut);margin-top:6px;letter-spacing:.5px;line-height:1.3;}
.statcard.accent{background:linear-gradient(160deg,var(--sick-pink),var(--lav));border-color:#6b2350;}
.statcard.accent .sv,.statcard.accent .sl{color:#fff;}

/* goal chips */
.goal-row{display:flex;flex-wrap:wrap;gap:7px;}
.goalchip{font-family:var(--disp);font-size:14px;color:#7a1148;background:#fff;border:2px solid var(--bubble);border-radius:18px;padding:6px 12px;}
.goalchip b{color:var(--hot);}

/* stress: toxic */
.meter.stress .track{border-color:#b1247a;}
.fill.stress{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 4px,transparent 4px 8px),linear-gradient(90deg,#ff2e6e,#ff6a00);}
.meter.stress.danger{animation:stressPulse 1.1s ease-in-out infinite;}
.meter.stress.danger .track{box-shadow:0 0 0 2px rgba(255,40,90,.4),0 0 16px rgba(255,40,90,.55),0 2px 0 rgba(255,255,255,.5) inset;}
.meter.stress.danger label .v{color:#ff2e5a;}
.stress-warn{font-family:var(--pixel);font-size:7px;color:#ff3a66;margin-top:6px;min-height:9px;letter-spacing:.5px;display:none;}
.stress-warn.show{display:block;}
.stress-warn.glitch-t{position:relative;animation:wiggle .4s steps(2) infinite;}
@keyframes stressPulse{50%{filter:brightness(1.12);}}
@keyframes wiggle{50%{transform:translateX(1px);}}

/* details */
.details-line{font-family:var(--term);font-size:14px;color:var(--mut);margin-top:8px;display:none;}
.details-line.show{display:block;}
.mini-link{font-family:var(--pixel);font-size:7px;color:var(--lav);cursor:pointer;border-bottom:1px dotted var(--lav);}

/* achievements */
.ach-row{display:flex;flex-wrap:wrap;gap:8px;}
.ach{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;text-align:center;opacity:.4;filter:grayscale(.8);transition:.15s;}
.ach.got{opacity:1;filter:none;}
.ach .ae{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;color:#fff;background:linear-gradient(160deg,var(--lav),var(--sick-pink));box-shadow:0 3px 0 rgba(120,30,80,.22);}
.ach.got .ae{box-shadow:0 0 0 2px #fff,0 0 12px var(--sick-pink),0 3px 0 rgba(120,30,80,.22);}
.ach .an{font-family:var(--pixel);font-size:5.5px;color:var(--ink);line-height:1.3;}

/* option grids */
.opt-grid{display:flex;flex-wrap:wrap;gap:8px;}
.opt{font-family:var(--disp);font-size:15px;color:#7a1148;background:#fff;border:2px solid #6b2350;border-radius:14px;padding:8px 13px;box-shadow:0 3px 0 rgba(120,30,80,.15);transition:.1s;cursor:pointer;user-select:none;}
.opt:hover{transform:translateY(-2px);} .opt.sel{background:var(--bar-grad);color:#fff;}
.field{margin-bottom:14px;}
.field>label{display:block;font-family:var(--pixel);font-size:7.5px;color:#6b2350;margin-bottom:8px;letter-spacing:.5px;}
.input,input[type=text].input,input[type=number].input,input[type=date].input,input[type=url].input{width:100%;font-family:var(--body);font-size:15px;color:var(--ink);padding:10px 13px;border-radius:12px;background:#fff;border:2px solid #6b2350;outline:none;box-shadow:0 2px 0 rgba(120,30,80,.12) inset;}
.input:focus{border-color:var(--sick-pink);box-shadow:0 0 0 3px rgba(255,79,158,.18);}
.plan-result{margin-top:6px;padding:13px;border-radius:12px;background:linear-gradient(180deg,#fff6fb,#ffe9f5);border:2px dashed var(--bubble);}
.plan-result .pr-big{font-family:var(--disp);font-size:18px;color:var(--void);}
.plan-note{font-family:var(--term);font-size:16px;margin-top:6px;}
.plan-note.good{color:#1f7a3a;} .plan-note.warn{color:#d6483f;}

/* recommended hours cards */
.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;}
.rec-card{padding:14px;border-radius:12px;background:linear-gradient(180deg,#fff,#fff1f8);border:2px solid #6b2350;box-shadow:0 4px 0 rgba(120,30,80,.16);}
.rec-card .rc-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
.rec-card .rc-ico{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;font-family:var(--disp);font-size:18px;color:#fff;background:linear-gradient(160deg,var(--sick-pink),var(--lav));}
.rec-card h4{font-family:var(--disp);font-size:17px;color:var(--void);}
.diff{display:flex;flex-direction:column;gap:7px;}
.diff-row{display:flex;align-items:center;gap:8px;font-family:var(--term);font-size:14px;color:var(--mut);}
.diff-row .dl{width:62px;flex:none;color:var(--ink);}
.diff-bar{flex:1;height:11px;border-radius:7px;overflow:hidden;background:#f0d6e6;border:1.5px solid #6b2350;}
.diff-bar i{display:block;height:100%;}
.diff-bar.b1 i{width:35%;background:linear-gradient(90deg,#7fe3ff,#5ec8ff);}
.diff-bar.b2 i{width:65%;background:linear-gradient(90deg,#ffcf3f,#ff9f43);}
.diff-bar.b3 i{width:95%;background:linear-gradient(90deg,#ff2e6e,#ff6a00);}
.diff-row .dh{width:96px;text-align:right;flex:none;color:var(--sick-pink);}
.rec-note{font-family:var(--term);font-size:15px;color:var(--mut);margin-top:4px;}

/* mood buttons / daily log */
.mood-row{display:flex;gap:8px;flex-wrap:wrap;}
.moodbtn{font-size:22px;width:46px;height:46px;border-radius:12px;background:#fff;border:2px solid #6b2350;box-shadow:0 3px 0 rgba(120,30,80,.15);transition:.1s;}
.moodbtn:hover{transform:translateY(-2px);} .moodbtn.sel{background:linear-gradient(160deg,var(--bubble),var(--lav));}

/* friend cards */
.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
.friend-card{padding:13px;border-radius:13px;background:linear-gradient(180deg,#fff,#fff1f8);border:2px solid #6b2350;box-shadow:0 5px 0 rgba(120,30,80,.16);cursor:pointer;transition:.14s;}
.friend-card:hover{transform:translateY(-4px);border-color:var(--sick-pink);}
.fc-top{display:flex;align-items:center;gap:10px;}
.fc-ava{width:48px;height:48px;flex:none;border-radius:12px;overflow:hidden;border:2px solid #fff;outline:2px solid #6b2350;background:#2a1a4d;}
.fc-ava img{width:100%;height:100%;object-fit:cover;}
.fc-name{font-family:var(--disp);font-size:17px;color:var(--void);line-height:1.1;}
.fc-stat{font-family:var(--term);font-size:14px;}
.fc-stat.studying{color:#3fb6ff;} .fc-stat.resting{color:#ff9f43;} .fc-stat.academy{color:#9b6bff;}
.fc-today{font-size:12px;color:var(--mut);margin:8px 0;}
.minibar{height:8px;border-radius:5px;background:#f0d6e6;border:1.5px solid #6b2350;overflow:hidden;margin-top:4px;}
.minibar i{display:block;height:100%;}
.minibar.aff i{background:linear-gradient(90deg,var(--hot),var(--lav));}
.minibar.str i{background:linear-gradient(90deg,#ff2e6e,#ff6a00);}
.mb-lbl{display:flex;justify-content:space-between;font-family:var(--pixel);font-size:6px;color:var(--mut);margin-top:6px;}
.fc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;}
.react-mini{font-family:var(--pixel);font-size:7px;color:#fff;padding:6px 9px;border-radius:14px;background:linear-gradient(160deg,var(--sick-pink),var(--lav));border:none;}

/* reaction sticker bar */
.react-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.react-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--disp);font-size:14px;color:#7a1148;background:#fff;border:2px solid #6b2350;border-radius:16px;padding:6px 11px;box-shadow:0 3px 0 rgba(120,30,80,.14);transition:.1s;cursor:pointer;}
.react-btn:hover{transform:translateY(-2px);background:var(--soft);}
.react-btn img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(1px 2px 1px rgba(120,30,90,.35));}
.react-pop{position:fixed;z-index:9600;pointer-events:none;font-size:40px;filter:drop-shadow(2px 4px 4px rgba(150,20,90,.4));animation:reactPop 1.6s ease-out forwards;}
.react-pop img{width:74px;height:74px;object-fit:contain;}
@keyframes reactPop{0%{transform:translateY(0) scale(.4) rotate(0);opacity:0;}15%{transform:translateY(-10px) scale(1.25) rotate(-8deg);opacity:1;}40%{transform:translateY(-30px) scale(1) rotate(6deg);}100%{transform:translateY(-150px) scale(.85) rotate(-10deg);opacity:0;}}

/* public profile card */
.pub-card{border-radius:14px;overflow:hidden;border:2px solid #6b2350;box-shadow:0 6px 0 rgba(120,30,80,.18);background:#fff;}
.pub-top{position:relative;height:84px;background:linear-gradient(120deg,var(--sick-pink),var(--lav),var(--cyan));}
.pub-top img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.55;}
.pub-body{padding:14px;margin-top:-34px;position:relative;}
.pub-ava{width:64px;height:64px;border-radius:14px;overflow:hidden;border:3px solid #fff;background:#2a1a4d;box-shadow:0 4px 12px rgba(120,30,90,.3);}
.pub-ava img{width:100%;height:100%;object-fit:cover;}
.pub-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-family:var(--term);font-size:16px;color:var(--ink);}
.pub-row b{color:var(--sick-pink);}

/* toggles */
.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #ffc9e2;}
.toggle:last-child{border-bottom:none;}
.toggle .tl{font-size:14px;color:var(--ink);}
.sw{width:46px;height:26px;border-radius:14px;background:#e7c9da;border:2px solid #6b2350;position:relative;cursor:pointer;transition:.15s;flex:none;}
.sw::after{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.15s;}
.sw.on{background:linear-gradient(90deg,var(--sick-pink),var(--lav));}
.sw.on::after{left:21px;}
.privacy-note{font-family:var(--term);font-size:14px;color:var(--mut);margin-top:10px;line-height:1.5;}

/* daily summary */
.summary{font-family:var(--term);font-size:18px;color:var(--ink);line-height:1.8;}
.summary .sk{color:var(--mut);} .summary .sv{color:var(--sick-pink);}
.summary .unstable{color:#ff6a00;} .summary .stable{color:#1f7a3a;}

/* avatar picker grid */
.av-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;}
.av-pick{aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:3px solid transparent;outline:2px solid #6b2350;background:#2a1a4d;cursor:pointer;transition:.12s;}
.av-pick img{width:100%;height:100%;object-fit:cover;}
.av-pick:hover{transform:translateY(-3px);}
.av-pick.sel{border-color:var(--sick-pink);outline-color:var(--sick-pink);box-shadow:0 0 12px var(--sick-pink);}

/* modal */
.modal{position:fixed;inset:0;z-index:9700;display:none;place-items:center;padding:20px;overflow-y:auto;background:radial-gradient(circle,rgba(40,12,60,.7),rgba(15,5,30,.92));backdrop-filter:blur(4px);}
.modal.open{display:grid;}
.modal .modal-win{max-width:min(560px,94vw);width:100%;margin:auto;animation:pop .25s ease;}
.modal .win__body{max-height:78vh;overflow-y:auto;}

/* music URL player */
.yt-embed{position:relative;border-radius:10px;overflow:hidden;border:2px solid #6b2350;aspect-ratio:16/9;margin-top:10px;display:none;background:#000;}
.yt-embed.show{display:block;} .yt-embed iframe{width:100%;height:100%;border:0;display:block;}
.player-err{font-family:var(--term);font-size:15px;color:#d6483f;margin-top:8px;display:none;}
.player-err.show{display:block;}
.player-src{font-family:var(--pixel);font-size:6.5px;color:var(--mut);margin-top:6px;word-break:break-all;}
#audioEl{width:100%;margin-top:8px;}

/* fullscreen focus-leak return banner */
#returnBanner{position:fixed;inset:0;z-index:9800;display:none;place-items:center;padding:20px;overflow-y:auto;background:radial-gradient(120% 100% at 50% 0%, rgba(255,46,110,.28), transparent 55%),radial-gradient(circle,rgba(30,8,55,.85),rgba(8,3,20,.96));backdrop-filter:blur(5px);}
#returnBanner.open{display:grid;}
#returnBanner::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);}
.rb-win{max-width:min(560px,94vw);width:100%;margin:auto;position:relative;z-index:1;animation:pop .3s ease;}
.rb-warn{display:flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:9px;color:#fff;padding:9px 12px;background:repeating-linear-gradient(45deg,#ff2e6e 0 10px,#c01048 10px 20px);border-bottom:2px solid #6b2350;letter-spacing:1px;}
.rb-warn .dot{width:9px;height:9px;border-radius:50%;background:#fff;}
.rb-body{padding:20px;text-align:center;background:linear-gradient(180deg,#241a4d,#15102e);color:#ece3ff;}
.rb-ava{width:92px;height:92px;margin:0 auto 12px;border-radius:18px;overflow:hidden;border:3px solid #ff6fb3;box-shadow:0 0 0 3px rgba(127,227,255,.3),0 0 26px rgba(255,60,120,.5);background:#2a1a4d;}
.rb-ava img{width:100%;height:100%;object-fit:cover;}
.rb-title{font-family:var(--disp);font-size:26px;color:#fff;text-shadow:0 0 14px rgba(255,80,140,.6);}
.rb-title.glitch::before{color:#7fe3ff;} .rb-title.glitch::after{color:#ff2e6e;}
.rb-sub{font-family:var(--term);font-size:19px;color:#ffb3cf;margin:6px 0 4px;}
.rb-time{font-family:var(--pixel);font-size:14px;color:#ff5a8a;}
.rb-q{font-family:var(--disp);font-size:18px;color:#cdbdf0;margin:12px 0;}
.rb-reasons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;}
.rb-reason{font-family:var(--body);font-size:14px;color:#ece3ff;background:rgba(127,227,255,.08);border:2px solid #5a3aa0;border-radius:12px;padding:9px;cursor:pointer;transition:.1s;}
.rb-reason:hover{background:rgba(255,110,180,.18);border-color:#ff6fb3;}
.rb-reason.sel{background:linear-gradient(160deg,var(--sick-pink),var(--lav));border-color:#fff;}
.rb-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.rb-react{font-family:var(--term);font-size:18px;color:#7fe3ff;margin-top:10px;min-height:22px;}

/* utility for profile chunks */
.profile-mini-note{font-family:var(--term);font-size:16px;color:var(--mut);line-height:1.45;margin-top:8px;}
.profile-card-pad{padding:18px;}

@media (max-width:900px){
  .profile-shell,.profile-compact-grid{grid-template-columns:1fr;}
  .friends-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .statgrid{grid-template-columns:repeat(3,1fr);gap:7px;}
  .statcard{padding:9px 6px;}.statcard .sv{font-size:20px;}.statcard .sl{font-size:5.5px;}
  .rec-grid{grid-template-columns:1fr;}
  .friends-grid{grid-template-columns:1fr;}
  .av-grid{grid-template-columns:repeat(4,1fr);}
  .rb-reasons{grid-template-columns:1fr;}
  .pf-head{flex-direction:column;align-items:flex-start;gap:8px;padding:0 14px;}
  .pf-head.compact{flex-direction:row;align-items:center;padding:0;}
  .pf-name h2{font-size:22px;}
  .profile-actions .btn{font-size:13px;padding:7px 9px;}
}

/* ---------- Cloudflare/D1 account widget ---------- */
#chitoAccount{position:fixed;z-index:9900;right:12px;top:54px;font-family:var(--body);max-width:min(320px,calc(100vw - 24px));}
#chitoAccount details{background:linear-gradient(180deg,#fff7fc,#ffe5f4);border:2px solid #6b2350;border-radius:14px;box-shadow:0 6px 0 rgba(120,30,80,.22),0 14px 28px rgba(90,20,70,.18);overflow:hidden;}
#chitoAccount summary{list-style:none;cursor:pointer;font-family:var(--pixel);font-size:8px;color:#7a1148;display:flex;gap:8px;align-items:center;padding:9px 11px;user-select:none;}
#chitoAccount summary::-webkit-details-marker{display:none;}
.acc-dot{width:9px;height:9px;border-radius:50%;background:#ff5a7a;box-shadow:0 0 7px #ff5a7a;display:inline-block;}
.acc-dot.on{background:#2ecc5a;box-shadow:0 0 7px #2ecc5a;}
.acc-panel{display:flex;flex-direction:column;gap:9px;padding:10px;border-top:2px solid #6b2350;min-width:220px;}
.acc-panel input{font-family:var(--body);font-weight:700;padding:9px 10px;border:2px solid #6b2350;border-radius:10px;background:#fff;color:#4b1740;outline:none;}
.acc-actions{display:flex;gap:8px;flex-wrap:wrap}.acc-help{font-size:12px;color:#7f5475;line-height:1.35}.acc-mini{display:flex;flex-direction:column;gap:2px;color:#4b1740}.acc-mini b{font-family:var(--disp);font-size:18px;color:#7a1148}.acc-mini span{font-size:12px;color:#7f5475}

/* ---------- Live forum / D1 styles ---------- */
.board-filter{width:100%;text-align:left;cursor:pointer}.board-filter.active{outline:3px solid rgba(127,227,255,.7);transform:translateY(-2px)}
.forum-compose{display:flex;flex-direction:column;gap:12px}.forum-compose label{display:flex;flex-direction:column;gap:5px;font-family:var(--pixel);font-size:8px;color:#7a1148}.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input,select.input,textarea.input{font-family:var(--body);font-size:14px;font-weight:700;color:#4b1740;background:#fff;border:2px solid #6b2350;border-radius:12px;padding:10px 12px;outline:none;box-shadow:0 2px 0 rgba(120,30,80,.12) inset;resize:vertical}.input:focus{border-color:#ff2e88;box-shadow:0 0 0 3px rgba(255,46,136,.14)}.compose-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.compose-actions span{color:#7f5475;font-size:13px}.live-thread{width:100%;text-align:left;cursor:pointer}.thread-body-preview{font-size:13px;color:#7f5475;margin-top:6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-empty{padding:18px;border:2px dashed #ff9ccf;border-radius:14px;color:#7f5475;background:rgba(255,255,255,.5);font-weight:700}.win-mini{font-family:var(--pixel);font-size:8px;color:#7a1148;background:#fff;border:2px solid #6b2350;border-radius:9px;padding:5px 8px;cursor:pointer}.thread-detail-body h2{font-family:var(--disp);font-size:28px;color:#4b1740;margin-bottom:4px}.thread-detail-main{margin:14px 0;padding:14px;border:2px solid #ff9ccf;border-radius:14px;background:rgba(255,255,255,.6);font-weight:700;color:#4b1740;white-space:pre-wrap}.post-list{display:flex;flex-direction:column;gap:11px;margin:14px 0}.post-card{border:2px solid #6b2350;border-radius:14px;background:linear-gradient(180deg,#fff,#ffeaf6);padding:12px;box-shadow:0 4px 0 rgba(120,30,80,.12)}.post-head{display:flex;justify-content:space-between;gap:10px;color:#7a1148;font-family:var(--pixel);font-size:8px}.post-head span{color:#7f5475}.post-card p{margin:9px 0 0;color:#4b1740;white-space:pre-wrap}.post-actions{display:flex;gap:6px;margin-top:9px}.mini-react{border:2px solid #ff9ccf;background:#fff;border-radius:999px;padding:4px 9px;cursor:pointer}.reply-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
@media(max-width:680px){#chitoAccount{top:auto;bottom:12px}.compose-grid,.reply-box{grid-template-columns:1fr}.acc-panel{min-width:0}.forum-compose textarea{min-height:130px}}

/* cloud social widget */
.social-cloud{margin-top:14px;border:2px solid #6b2350;border-radius:14px;background:linear-gradient(180deg,#fff,#effbff);padding:12px;box-shadow:0 4px 0 rgba(120,30,80,.12)}.sc-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.sc-head b{font-family:var(--pixel);font-size:9px;color:#7a1148}.sc-head span{font-family:var(--pixel);font-size:7px;color:#1f86c8}.sc-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.sc-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sc-stats span,.sc-friends span,.sc-friends em{font-family:var(--pixel);font-size:7px;color:#7a1148;background:#fff;border:1.5px solid #ff9ccf;border-radius:999px;padding:6px 8px}.sc-friends{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}@media(max-width:640px){.sc-row{grid-template-columns:1fr}}

/* ---------- real profile/social fixes v2 ---------- */
.banner-picker .pick{aspect-ratio:16/7;}
.banner-picker .pick img{object-position:center;}
.real-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;}
.real-social{background:linear-gradient(180deg,#fff7fc,#eafbff);}
.sc-results{display:flex;flex-direction:column;gap:7px;margin-top:10px;}
.sc-person,.inbox-row{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:2px solid #ffb3da;border-radius:12px;background:#fff;padding:8px;cursor:pointer;font-family:var(--body);font-weight:700;color:#4b1740;}
.sc-person:hover,.inbox-row:hover{border-color:var(--sick-pink);transform:translateY(-1px);}
.sc-person img{width:38px;height:38px;border-radius:10px;object-fit:cover;object-position:top;border:2px solid #fff;outline:1.5px solid #6b2350;background:#2a1a4d;}
.sc-person span{display:flex;flex-direction:column;gap:2px;min-width:0}.sc-person em,.inbox-row span{font-style:normal;font-size:12px;color:#7f5475;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sc-inbox-head{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px dashed #ffb3da;}.sc-inbox-head b{font-family:var(--pixel);font-size:8px;color:#7a1148;}.sc-inbox{display:flex;flex-direction:column;gap:7px;margin-top:8px}.sc-inbox em,.sc-results em{font-size:12px;color:#7f5475;background:#fff;border:1.5px dashed #ffb3da;border-radius:10px;padding:8px;}
.dm-window{margin-top:14px;border:2px solid #6b2350;border-radius:14px;background:linear-gradient(180deg,#fff,#f1fbff);padding:10px;}.dm-log{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.dm-msg{max-width:86%;border:2px solid #ffb3da;border-radius:12px;background:#fff;padding:8px 10px;color:#4b1740;align-self:flex-start;box-shadow:0 2px 0 rgba(120,30,80,.1)}.dm-msg.mine{align-self:flex-end;background:#fff1f8;border-color:#7fe3ff}.dm-msg b{font-family:var(--pixel);font-size:7px;color:#7a1148}.dm-msg span{font-size:11px;color:#7f5475;margin-left:6px}.dm-msg p{margin:5px 0 0;white-space:pre-wrap}.dm-compose{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;align-items:end}.mini-dm{position:fixed;right:16px;bottom:16px;z-index:9700;width:min(360px,calc(100vw - 32px));background:linear-gradient(180deg,#fff7fc,#eafbff);border:2px solid #6b2350;border-radius:16px;box-shadow:0 8px 0 rgba(120,30,80,.22),0 18px 36px rgba(30,8,60,.28);display:none;overflow:hidden}.mini-dm.open{display:block}.mini-dm-head{display:flex;align-items:center;justify-content:space-between;background:var(--bar-grad);padding:8px 10px;border-bottom:2px solid #6b2350}.mini-dm-head b{font-family:var(--pixel);font-size:8px;color:#fff}.mini-dm-head button{border:2px solid #6b2350;border-radius:8px;background:#fff;color:#7a1148;cursor:pointer;font-weight:900}.mini-dm-log{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px}.mini-msg{max-width:85%;border:2px solid #ffb3da;border-radius:12px;background:#fff;padding:8px;align-self:flex-start}.mini-msg.mine{align-self:flex-end;background:#fff0f8;border-color:#7fe3ff}.mini-msg b{font-family:var(--pixel);font-size:7px;color:#7a1148}.mini-msg p{margin:4px 0 0;white-space:pre-wrap;color:#4b1740}.mini-dm-send{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px dashed #ffb3da}.spill.guest,.spill.offline{background:#f3e9ef;color:#7f5475}.forum-empty{grid-column:1/-1}.profile-page #chitoAccount{position:fixed;right:14px;top:58px;z-index:9500}@media(max-width:680px){.dm-compose,.mini-dm-send{grid-template-columns:1fr}.mini-dm{right:10px;bottom:10px;width:calc(100vw - 20px)}.profile-page #chitoAccount{top:auto;bottom:12px}}