/* =========================================================
   BARO PERSONAL V2 · FM owner
   ENTR138 layout.php + fm_panel.css를 그대로 사용하고,
   PERSONAL 안에서만 필요한 구성/계층을 정의합니다.
========================================================= */

body.personal-workspace-page{
  --bp-gold:#efbd55;
  --bp-gold-soft:#f5d58b;
  --bp-teal:#8ed9cf;
  --bp-blue:#9ab7c8;
  --bp-main:#eef3f5;
  --bp-reading:#d8e2e8;
  --bp-muted:#aebbc5;
  --bp-line:rgba(174,196,196,.095);
  --bp-line-soft:rgba(174,196,196,.065);
  --bp-panel:#202b33;
  --bp-panel-soft:#25323b;
  --bp-panel-deep:#17212a;
}

body.personal-workspace-page .card-label{color:#94afbf}
body.personal-workspace-page .card-title{color:var(--bp-main);font-weight:300}
body.personal-workspace-page .card-copy{color:#b9c6ce;font-weight:300}
body.personal-workspace-page .info-k{color:var(--bp-gold)}
body.personal-workspace-page .info-v{color:#dce5eb}
body.personal-workspace-page .frame-card.right>.card-label{color:#91adbd}
body.personal-workspace-page .frame-card.right>.card-title{color:var(--bp-main);font-weight:300}
body.personal-workspace-page .left-menu a{color:#d9e2e7}
body.personal-workspace-page .left-menu a:hover{color:#f1d27a}
body.personal-workspace-page table thead th{color:#9eb7c6}
body.personal-workspace-page table tbody td{color:#d9e1e7}

/* ===== 공통 사이드 요약 ===== */
.bp-side-summary{margin:2px 0 15px;padding:2px 1px 13px;border-bottom:1px solid rgba(255,255,255,.055)}
.bp-side-kicker{color:#91adbd;font-size:11px;letter-spacing:.16em;font-weight:300}
.bp-side-name{margin-top:8px;color:#eef3f5;font-size:20px;line-height:1.3;font-weight:300;letter-spacing:-.025em}
.bp-side-copy{margin-top:8px;color:#aebbc5;font-size:13px;line-height:1.6;font-weight:300}
.bp-side-meter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 10px;border:1px solid var(--bp-line-soft);border-radius:10px;background:rgba(255,255,255,.018)}
.bp-side-meter span{color:#9fb0bb;font-size:12px;font-weight:300}
.bp-side-meter strong{color:#f2d682;font-size:13px;font-weight:300}

/* ===== 버튼 ===== */
.bp-v2-btn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 14px;
  border:1px solid rgba(174,196,196,.11);
  border-radius:10px;
  background:linear-gradient(180deg,#35434d,#2b3740);
  color:#e8eef2;
  font-family:inherit;
  font-size:14px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.bp-v2-btn:hover{border-color:rgba(239,189,85,.22);color:#fff1c8}
.bp-v2-btn.is-primary{border-color:rgba(239,189,85,.30);background:linear-gradient(180deg,#4d4433,#393328);color:#f5d98a}
.bp-v2-btn.is-wide{min-width:150px}
.bp-v2-btn:disabled{opacity:.38;cursor:default}
.bp-v2-text-link{color:#9fb0bb;font-size:12px;text-decoration:none}
.bp-v2-text-link:hover{color:#dce7ed}
.bp-v2-text-link.is-danger:hover{color:#ef9d9d}

/* ===== 알림 ===== */
.bp-v2-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 13px;border:1px solid rgba(142,217,207,.18);border-radius:11px;background:rgba(93,171,160,.055);color:#c6eee8;font-size:14px;line-height:1.5}
.bp-v2-notice strong{font-weight:300;color:#d9f6f1}
.bp-v2-notice span{display:block;margin-top:3px;color:#aebfc7;font-size:12px}
.bp-v2-notice.is-full{border-color:rgba(239,189,85,.24);background:rgba(239,189,85,.055)}
.bp-v2-notice.is-full strong{color:#f4d889}
.bp-v2-notice.is-error{border-color:rgba(239,140,140,.22);background:rgba(148,72,72,.09);color:#efb0b0}
.bp-v2-notice.is-error strong{color:#efb0b0}
.bp-v2-notice-actions{display:flex;gap:7px;flex-wrap:wrap;flex:0 0 auto}

/* ===== START ===== */
body.personal-intro-page .brand-strip-inner>span:last-child{font-size:13px;font-weight:300;letter-spacing:2.2px;color:#a8bdc9}
body.personal-intro-page .frame-card.right{display:flex;flex-direction:column}
body.personal-intro-page .frame-card.right>.card-label{font-size:13px;font-weight:300;letter-spacing:3px;margin-bottom:5px;color:#93afbf}
@media(min-width:1101px){body.personal-intro-page .frame-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
.bp-left-comic{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:8px 4px;overflow:hidden;border-radius:12px;isolation:isolate}
.bp-left-comic::before{content:"";position:absolute;inset:3% 1% 2%;z-index:-1;background:radial-gradient(ellipse at 50% 42%,rgba(239,189,85,.14) 0%,rgba(88,151,154,.08) 34%,rgba(29,40,49,.035) 54%,rgba(29,40,49,0) 74%)}
.bp-left-comic img{display:block;width:min(96%,390px);max-width:100%;height:auto;object-fit:contain}
.bp-intro{display:grid;grid-template-rows:auto auto auto 1fr;gap:14px;flex:1;min-height:100%}
.bp-intro-hero{padding:18px 2px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.bp-intro-title{margin-top:0;color:#eef3f5;font-size:27px;line-height:1.28;font-weight:300;letter-spacing:-.03em}
.bp-intro-title span{color:var(--bp-gold)}
.bp-intro-copy{max-width:780px;margin-top:10px;color:#b5c0cb;font-size:14px;line-height:1.7;font-weight:300}
.bp-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bp-intro-card{min-height:126px;padding:14px;border:1px solid rgba(174,196,196,.07);border-radius:12px;background:linear-gradient(155deg,#25333c 0%,#1b252d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.bp-intro-card-k{color:var(--bp-gold);font-size:11px;letter-spacing:.14em;font-weight:300}
.bp-intro-card-v{margin-top:9px;color:#edf2f7;font-size:16px;line-height:1.45;font-weight:300}
.bp-intro-card-p{margin-top:7px;color:#aeb8c5;font-size:13px;line-height:1.55;font-weight:300}
.bp-intro-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:2px}
.bp-intro-primary{min-height:42px;padding:0 18px;border-color:rgba(239,189,85,.32);background:linear-gradient(180deg,#4b412d,#373126);color:#f4d57b}
.bp-intro-link{color:#aeb8c5;font-size:13px;text-decoration:none}
.bp-intro-link:hover{color:#dbe4ec}
.bp-intro-scope{align-self:end;padding:13px 14px 12px;border:1px solid rgba(145,176,191,.09);border-radius:11px;background:linear-gradient(155deg,rgba(35,48,57,.72),rgba(25,34,42,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.bp-intro-scope-head{display:flex;align-items:baseline;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.05)}
.bp-intro-scope-head span{color:#93afbf;font-size:11px;letter-spacing:.14em;font-weight:300}
.bp-intro-scope-head strong{color:#dce5eb;font-size:13px;font-weight:300}
.bp-intro-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:10px}
.bp-intro-scope-item{min-width:0;padding:1px 14px;border-left:1px solid rgba(255,255,255,.05)}
.bp-intro-scope-item:first-child{padding-left:0;border-left:0}
.bp-intro-scope-item span{display:block;color:var(--bp-gold);font-size:10px;letter-spacing:.12em;font-weight:300}
.bp-intro-scope-item strong{display:block;margin-top:5px;color:#dce5eb;font-size:12px;line-height:1.45;font-weight:300}

/* ===== MY BOX / NEW BOX 좌측 공통 순서 ===== */
@media(min-width:1101px){
  body.personal-home-page .frame-card.left,
  body.personal-box-create-page .frame-card.left{display:flex;flex-direction:column;min-height:500px;padding-top:8px;padding-bottom:12px}
  body.personal-home-page .bp-side-summary,
  body.personal-box-create-page .bp-side-summary{order:1;margin-top:0;margin-bottom:0}
  body.personal-home-page .left-menu,
  body.personal-box-create-page .left-menu{order:2;margin-top:auto;margin-bottom:0}
}
body.personal-home-page .bp-side-name,
body.personal-box-create-page .bp-side-name{color:var(--bp-gold)}
.bp-v2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.bp-v2-statline{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px;flex:1}
.bp-v2-statline>div{padding:10px 12px;border:1px solid var(--bp-line-soft);border-radius:10px;background:rgba(255,255,255,.018)}
.bp-v2-statline span{display:block;color:#9eb0bc;font-size:11px;letter-spacing:.04em;font-weight:300}
.bp-v2-statline strong{display:block;margin-top:5px;color:#eef3f5;font-size:18px;font-weight:300}
.bp-v2-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bp-v2-box-card{min-height:126px;padding:11px;border:1px solid var(--bp-line);border-radius:12px;background:linear-gradient(155deg,#25323b 0%,#1c2730 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);text-decoration:none;color:inherit}
.bp-v2-box-card.is-archived{opacity:.62}
.bp-v2-box-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bp-v2-box-no{color:#91adbd;font-size:10px;letter-spacing:.13em;font-weight:300}
.bp-v2-box-card h3{margin:5px 0 0;color:#edf2f5;font-size:17px;line-height:1.35;font-weight:300;letter-spacing:-.02em}
.bp-v2-box-count{flex:0 0 auto;color:#f2d47f;font-size:15px;font-weight:300}
.bp-v2-box-meta{margin-top:7px;color:#aebbc5;font-size:12px;line-height:1.45;font-weight:300}
.bp-v2-progress{height:4px;margin-top:8px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden}
.bp-v2-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(142,217,207,.72),rgba(239,189,85,.72))}
.bp-v2-box-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}
.bp-v2-box-actions .bp-v2-btn{min-height:32px;padding:0 11px;font-size:12px}
.bp-v2-box-card.is-empty{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed;background:rgba(255,255,255,.012)}
.bp-v2-box-card.is-empty:hover{border-color:rgba(239,189,85,.24);background:rgba(239,189,85,.025)}
.bp-v2-plus{color:#efbd55;font-size:28px;line-height:1;font-weight:200}
.bp-v2-box-card.is-empty strong{margin-top:8px;color:#dce5eb;font-size:15px;font-weight:300}
.bp-v2-box-card.is-empty small{margin-top:5px;color:#97a8b3;font-size:12px;font-weight:300}
.bp-v2-footer-note{margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05);color:#93a6b2;font-size:12px;line-height:1.5;font-weight:300}

/* ===== NEW/EDIT BOX ===== */
.bp-v2-form{display:grid;gap:14px}
.bp-v2-field{padding:14px;border:1px solid var(--bp-line-soft);border-radius:12px;background:linear-gradient(155deg,rgba(37,50,59,.72),rgba(26,36,44,.72))}
.bp-v2-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.bp-v2-label{display:block;margin-bottom:8px;color:#dfe7eb;font-size:14px;line-height:1.35;font-weight:300}
.bp-v2-label-row .bp-v2-label{margin-bottom:0}
.bp-v2-input,.bp-v2-textarea{width:100%;border:1px solid rgba(174,196,196,.10);border-radius:10px;background:linear-gradient(180deg,#151e2a,#111a25);color:#edf2f5;font-family:inherit;font-weight:300;outline:none}
.bp-v2-input{min-height:42px;padding:0 12px;font-size:15px}
.bp-v2-textarea{min-height:300px;padding:13px 14px;font-size:15px;line-height:1.72;resize:vertical;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:rgba(154,183,200,.46) rgba(255,255,255,.025)}
.bp-v2-textarea::-webkit-scrollbar{width:7px;height:7px}
.bp-v2-textarea::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}
.bp-v2-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(174,196,207,.52),rgba(96,119,134,.42));border-radius:999px;border:1px solid rgba(0,0,0,.24)}
.bp-v2-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(190,210,220,.68),rgba(112,139,154,.56))}
.bp-v2-input:focus,.bp-v2-textarea:focus{border-color:rgba(142,217,207,.28);box-shadow:0 0 0 1px rgba(142,217,207,.035)}
.bp-v2-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.bp-v2-mode{min-height:62px;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--bp-line-soft);border-radius:11px;background:rgba(255,255,255,.015);cursor:pointer}
.bp-v2-mode input{position:absolute;opacity:0;pointer-events:none}
.bp-v2-radio{width:16px;height:16px;flex:0 0 auto;border:1px solid rgba(174,196,196,.24);border-radius:50%;background:#18222b;box-shadow:inset 0 0 0 4px #18222b}
.bp-v2-mode.is-active{border-color:rgba(239,189,85,.30);background:linear-gradient(90deg,rgba(239,189,85,.075),rgba(255,255,255,.012))}
.bp-v2-mode.is-active .bp-v2-radio{border-color:rgba(239,189,85,.75);background:#efbd55}
.bp-v2-mode strong{display:block;color:#edf2f5;font-size:14px;font-weight:300}
.bp-v2-mode small{display:block;margin-top:4px;color:#98aab5;font-size:11px;font-weight:300}
.bp-v2-count{color:#a9bbc5;font-size:13px;font-weight:300}
.bp-v2-count.is-ready{color:#9fe6db}
.bp-v2-count.is-warn{color:#efb0b0}
.bp-v2-rule{margin-top:8px;color:#98aab5;font-size:12px;line-height:1.45;font-weight:300}
.bp-v2-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* ===== TRAINER V2 ===== */
body.personal-trainer-v2 .frame-card.left{overflow:visible}
body.personal-trainer-v2 .frame-card.right{display:flex;flex-direction:column;min-height:620px}
body.personal-trainer-v2 .frame-card.right>.card-copy{margin-bottom:12px}
.bp-trainer-side{margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.05)}
body.personal-trainer-v2 .bp-trainer-identity{margin:0 0 12px;padding:15px 15px 14px}
body.personal-trainer-v2 .bp-trainer-identity .side-section-title{margin:0 0 8px;color:#91a8c2;font-size:11px;line-height:1;letter-spacing:.18em;font-weight:300}
body.personal-trainer-v2 .bp-trainer-identity .bp-personal-student-name{min-height:28px;color:#efbd55;font-size:23px;line-height:1.15;font-weight:300;letter-spacing:-.035em;text-shadow:0 0 16px rgba(239,189,85,.08)}
body.personal-trainer-v2 .bp-trainer-identity .trainer-student-sub{margin-top:7px;color:#c4d0d6;font-size:14px;line-height:1.45;font-weight:300}
body.personal-trainer-v2 #trainerMiniStats.trainer-mini-stats{display:flex!important;flex-direction:column;gap:4px;width:100%!important;max-width:none!important;margin:10px 0 0!important;padding:8px 0 0!important;border-top:1px solid rgba(255,255,255,.055)}
body.personal-trainer-v2 #trainerMiniStats .trainer-mini-stat-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin:0!important;padding:2px 0!important;font-size:13px;line-height:1.3;letter-spacing:.01em}
body.personal-trainer-v2 #trainerMiniStats .trainer-mini-stat-label{color:#a9b7c7!important;font-size:13px;font-weight:300;text-align:left!important;white-space:nowrap}
body.personal-trainer-v2 #trainerMiniStats .trainer-mini-stat-value{min-width:28px!important;padding-left:10px!important;color:#f0cf75!important;font-size:13px;font-weight:300;text-align:right!important}
.bp-profile-side-user{margin:0 0 7px;color:#efbd55;font-size:19px;line-height:1.25;font-weight:300;letter-spacing:-.01em}
.bp-trainer-list-label{margin:13px 4px 8px;color:#d7e0eb;font-size:11px;line-height:1;letter-spacing:.14em;font-weight:300}
.bp-trainer-list-label:not(.is-retry){color:#efbd55}
.bp-trainer-list-label.is-retry{color:#a9b7c7}
body.personal-trainer-v2 .box-list,body.personal-trainer-v2 .wrong-list{display:grid;gap:7px;max-height:250px;overflow:auto;padding-right:2px}
body.personal-trainer-v2 .box-item,body.personal-trainer-v2 .wrong-item{margin:0;padding:10px;border:1px solid var(--bp-line-soft);border-radius:10px;background:linear-gradient(155deg,#26333d,#1e2932)}
body.personal-trainer-v2 .box-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.personal-trainer-v2 .box-title,body.personal-trainer-v2 .wrong-title{color:#e9eff2;font-size:16px;line-height:1.3;font-weight:300}
body.personal-trainer-v2 .box-meta,body.personal-trainer-v2 .wrong-meta{margin-top:3px;color:#9eafbc;font-size:13px;line-height:1.35;font-weight:300}
body.personal-trainer-v2 .box-start-btn,body.personal-trainer-v2 .wrong-start-btn{min-height:32px;height:32px;padding:0 10px;border:1px solid rgba(239,189,85,.23);border-radius:10px;background:linear-gradient(180deg,#4a4233,#373128);color:#efd17d;font-size:13px;font-family:inherit;font-weight:300;cursor:pointer}
body.personal-trainer-v2 .box-word-focus-btn{height:32px;min-height:32px;padding:0 10px;font-size:13px;font-family:inherit;font-weight:300}
body.personal-trainer-v2 .wrong-start-btn{border-color:rgba(142,217,207,.20);background:linear-gradient(180deg,#34444a,#29383e);color:#bcece5}
body.personal-trainer-v2 .box-start-btn.is-learning-active{border-color:rgba(142,217,207,.34);background:linear-gradient(180deg,#2e524f,#23423f);color:#c8f7ef}
.bp-trainer-empty-list{padding:11px;border:1px dashed var(--bp-line);border-radius:10px;color:#a5b5c1;font-size:13px;line-height:1.5;text-align:center}
.bp-trainer-empty-list a{display:block;margin-top:5px;color:#efcf78}
.bp-trainer-empty-list.is-small{padding:8px}
body.personal-trainer-v2 .trainer-continue-row{margin:9px 0 11px;padding:9px;border:1px solid rgba(239,189,85,.16);border-radius:10px;background:rgba(239,189,85,.035)}
body.personal-trainer-v2 .trainer-continue-kicker{color:#efbd55;font-size:9px;letter-spacing:.12em}
body.personal-trainer-v2 .trainer-continue-box,body.personal-trainer-v2 .trainer-continue-progress{color:#dbe4e9;font-size:11px}
body.personal-trainer-v2 .trainer-continue-btn{min-height:28px;border:1px solid rgba(239,189,85,.22);border-radius:8px;background:#39413f;color:#efd17d;font-size:10px;font-family:inherit}
.bp-trainer-stage{display:flex;flex:1;min-height:0}
body.personal-trainer-v2 .trainer-board{display:flex;flex:1;min-height:500px;width:100%;border:1px solid var(--bp-line-soft);border-radius:13px;background:linear-gradient(155deg,#202b35,#17212b);overflow:hidden}
.bp-trainer-ready{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:480px;padding:34px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(239,189,85,.065),transparent 34%)}
.bp-trainer-ready-kicker{color:#92adbc;font-size:11px;letter-spacing:.18em;font-weight:300}
.bp-trainer-ready h2{margin:12px 0 0;color:#edf2f5;font-size:27px;line-height:1.3;font-weight:300;letter-spacing:-.03em}
.bp-trainer-ready h2 span{color:#efbd55}
.bp-trainer-ready p{max-width:520px;margin:10px auto 0;color:#aebbc5;font-size:14px;line-height:1.65;font-weight:300}
.bp-trainer-ready-rule{margin-top:18px;padding:9px 13px;border:1px solid var(--bp-line-soft);border-radius:999px;color:#b7c6ce;font-size:11px;letter-spacing:.04em;font-weight:300}
body.personal-trainer-v2 .question-shell{width:100%;min-height:500px}
body.personal-trainer-v2 .question-box-name{color:#efbd55;font-weight:300}
body.personal-trainer-v2 .question-kind{color:#9bb4c2;font-weight:300}

/* ===== RESULT ===== */
.bp-result-wrap{display:flex;flex:1;min-height:500px;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:radial-gradient(circle at 50% 34%,rgba(142,217,207,.07),transparent 34%)}
.bp-result-check{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(142,217,207,.28);border-radius:50%;color:#a9eee4;font-size:23px;font-weight:300}
.bp-result-title{margin-top:13px;color:#edf2f5;font-size:24px;line-height:1.35;font-weight:300;letter-spacing:-.025em}
.bp-result-title span{color:#efbd55}
.bp-result-sub{margin-top:6px;color:#9fb0ba;font-size:12px;font-weight:300}
.bp-result-score{margin-top:20px;line-height:1}
.bp-result-score strong{color:#f4d67f;font-size:68px;font-weight:280;letter-spacing:-.055em}
.bp-result-score span{margin-left:5px;color:#c8d3d9;font-size:19px;font-weight:300}
.bp-result-label{margin-top:5px;color:#90a5b0;font-size:11px;letter-spacing:.08em;font-weight:300}
.bp-result-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px;width:min(470px,100%);margin-top:20px}
.bp-result-stats>div{padding:10px;border:1px solid var(--bp-line-soft);border-radius:10px;background:rgba(255,255,255,.018)}
.bp-result-stats span{display:block;color:#91a4af;font-size:10px;font-weight:300}
.bp-result-stats strong{display:block;margin-top:5px;color:#e7edf1;font-size:18px;font-weight:300}
.bp-result-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}

/* ===== MY BOARD ===== */
body.personal-board-page .frame-card.right{min-height:520px}
.bp-board-side{display:grid;gap:10px}
.bp-board-side-name{color:#efbd55;font-size:19px;line-height:1.25;font-weight:300;letter-spacing:-.01em}
.bp-board-side-copy{color:#aebbc5;font-size:13px;line-height:1.6;font-weight:300}
.bp-board-side-link{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid rgba(174,196,196,.085);border-radius:10px;background:linear-gradient(180deg,#394752,#313e48);color:#dce6eb;font-size:13px;font-weight:300;text-decoration:none}
.bp-board-side-link:hover{border-color:rgba(239,189,85,.22);color:#f2d27a}
.bp-board-wrap{display:grid;gap:12px}
.bp-board-notice{padding:12px 14px;border:1px solid rgba(239,189,85,.16);border-radius:11px;background:linear-gradient(90deg,rgba(239,189,85,.065),rgba(255,255,255,.012));color:#becbd2;font-size:13px;line-height:1.6;font-weight:300}
.bp-board-notice strong{color:#f0cf78;font-weight:300}
.bp-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bp-board-toolbar-copy{color:#9fb0ba;font-size:12px;line-height:1.45;font-weight:300}
.bp-board-actions{display:flex;gap:8px;flex-wrap:wrap}
.bp-board-btn{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(174,196,196,.10);border-radius:9px;background:linear-gradient(180deg,#394752,#313e48);color:#e6edf1;font-family:inherit;font-size:13px;line-height:1;font-weight:300;text-decoration:none;cursor:pointer}
.bp-board-btn:hover{border-color:rgba(239,189,85,.22);color:#f1d27a}
.bp-board-btn.is-primary{border-color:rgba(239,189,85,.28);background:linear-gradient(180deg,#4a412e,#393226);color:#f2d37b}
.bp-board-btn.is-danger{border-color:rgba(218,135,135,.18);color:#e5b0b0;background:linear-gradient(180deg,#403338,#342a2e)}
.bp-board-btn.is-notice{border-color:rgba(239,189,85,.22);background:linear-gradient(180deg,#443b2b,#352f25);color:#f1d17a}
.bp-board-btn.is-notice:hover{border-color:rgba(239,189,85,.36);color:#ffe2a0}
.bp-board-list{border:1px solid rgba(174,196,196,.075);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.01)}
.bp-board-row{display:grid;grid-template-columns:82px minmax(0,1fr) 110px 110px;gap:10px;align-items:center;min-height:48px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05);text-decoration:none}
.bp-board-row:first-child{border-top:0}
.bp-board-row:hover{background:rgba(255,255,255,.018)}
.bp-board-row.is-notice{background:linear-gradient(90deg,rgba(239,189,85,.045),rgba(255,255,255,.008))}
.bp-board-row.is-notice:hover{background:linear-gradient(90deg,rgba(239,189,85,.065),rgba(255,255,255,.014))}
.bp-board-cat{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border:1px solid rgba(142,217,207,.16);border-radius:999px;color:#aee5dc;font-size:11px;font-weight:300;white-space:nowrap}
.bp-board-cat.is-notice{border-color:rgba(239,189,85,.20);color:#f0cf78}
.bp-board-title{min-width:0;color:#e8eef2;font-size:14px;line-height:1.4;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-board-author,.bp-board-date{color:#96a8b3;font-size:12px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-board-empty{padding:34px 16px;text-align:center;color:#9fb0ba;font-size:13px;font-weight:300}
.bp-board-form{display:grid;gap:10px}
.bp-board-author-choice{display:grid;grid-template-columns:auto auto auto minmax(160px,1fr);gap:9px;align-items:center;padding:10px 12px;border:1px solid rgba(174,196,196,.075);border-radius:10px;background:rgba(255,255,255,.012)}
.bp-board-author-choice-label{color:#9fb0ba;font-size:12px;font-weight:300;white-space:nowrap}
.bp-board-author-option{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(174,196,196,.09);border-radius:9px;background:rgba(255,255,255,.018);color:#dbe5ea;font-size:13px;font-weight:300;cursor:pointer;white-space:nowrap}
.bp-board-author-option input{accent-color:#efbd55}
.bp-board-nickname{min-height:36px}
.bp-board-notice-author{min-height:42px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(239,189,85,.16);border-radius:10px;background:linear-gradient(90deg,rgba(239,189,85,.055),rgba(255,255,255,.01));color:#f0cf78;font-size:13px;font-weight:300}
.bp-board-form-row.is-notice-form{grid-template-columns:170px minmax(0,1fr)}
.bp-board-form-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px}
.bp-board-category-field{min-height:42px;display:flex;align-items:center;gap:5px;padding:0 8px 0 12px;border:1px solid rgba(174,196,196,.10);border-radius:10px;background:linear-gradient(180deg,#151e2a,#111a25);color:#9fb0ba;font-size:12px;font-weight:300;white-space:nowrap}
.bp-board-category-field span{flex:none}
.bp-board-category-field .bp-board-select{min-width:0;min-height:40px;padding:0 20px 0 0;border:0;background:transparent;color:#edf2f5;font-size:14px}
.bp-board-select,.bp-board-input,.bp-board-textarea{width:100%;border:1px solid rgba(174,196,196,.10);border-radius:10px;background:linear-gradient(180deg,#151e2a,#111a25);color:#edf2f5;font-family:inherit;font-weight:300;outline:none}
.bp-board-select,.bp-board-input{min-height:42px;padding:0 12px;font-size:14px}
.bp-board-textarea{min-height:260px;padding:13px 14px;font-size:14px;line-height:1.7;resize:vertical}
.bp-board-select:focus,.bp-board-input:focus,.bp-board-textarea:focus{border-color:rgba(142,217,207,.28)}
.bp-board-category-field .bp-board-select{min-height:40px;border:0;background:transparent;padding:0 20px 0 0}
.bp-board-category-field:focus-within{border-color:rgba(142,217,207,.28)}
.bp-board-view{border:1px solid rgba(174,196,196,.075);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.01)}
.bp-board-view.is-notice{border-color:rgba(239,189,85,.14);background:linear-gradient(180deg,rgba(239,189,85,.025),rgba(255,255,255,.008))}
.bp-board-view-head{padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.055)}
.bp-board-view-title{margin:9px 0 0;color:#edf2f5;font-size:20px;line-height:1.45;font-weight:300;letter-spacing:-.02em}
.bp-board-view-meta{margin-top:8px;color:#95a8b2;font-size:12px;font-weight:300}
.bp-board-view-body{min-height:220px;padding:18px 15px;color:#d7e0e5;font-size:14px;line-height:1.8;font-weight:300;white-space:pre-wrap;overflow-wrap:anywhere}
.bp-board-message{padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5;font-weight:300}
.bp-board-message.is-error{border:1px solid rgba(220,130,130,.18);background:rgba(220,130,130,.05);color:#e8b5b5}
.bp-board-message.is-ok{border:1px solid rgba(142,217,207,.16);background:rgba(142,217,207,.045);color:#bcece5}
@media(max-width:760px){
  .bp-board-row{grid-template-columns:68px minmax(0,1fr);gap:6px 8px;padding:10px}
  .bp-board-author,.bp-board-date{grid-column:2;font-size:11px}
  .bp-board-date{display:none}
  .bp-board-form-row{grid-template-columns:1fr}
  .bp-board-author-choice{grid-template-columns:1fr 1fr;gap:7px}
  .bp-board-author-choice-label{grid-column:1 / -1}
  .bp-board-nickname{grid-column:1 / -1}
  .bp-board-form-row.is-notice-form{grid-template-columns:1fr}
  .bp-board-textarea{min-height:220px}
}

/* ===== START 연결 화면 ===== */
.bp-start-simple{display:grid;gap:10px}

/* BARO PERSONAL · TRAINING RANKING */
.bp-ranking-side{display:grid;gap:10px}
.bp-ranking-side-name{color:#efbd55;font-size:19px;line-height:1.25;font-weight:300;letter-spacing:-.01em}
.bp-ranking-side-id{color:#92a6b1;font-size:12px;line-height:1.3;font-weight:300;letter-spacing:.04em}
.bp-ranking-side-score,.bp-ranking-side-rank{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border:1px solid rgba(174,196,196,.075);border-radius:10px;background:rgba(255,255,255,.015)}
.bp-ranking-side-score span,.bp-ranking-side-rank span{color:#93a7b2;font-size:11px;letter-spacing:.10em;font-weight:300}
.bp-ranking-side-score strong,.bp-ranking-side-rank strong{color:#f0cf78;font-size:15px;font-weight:300;font-variant-numeric:tabular-nums}
.bp-ranking-wrap{display:grid;gap:12px}
.bp-ranking-intro{padding:12px 14px;border:1px solid rgba(142,217,207,.14);border-radius:11px;background:linear-gradient(90deg,rgba(142,217,207,.045),rgba(255,255,255,.01));color:#bac8cf;font-size:13px;line-height:1.55;font-weight:300}
.bp-ranking-intro strong{color:#bfeee7;font-weight:300;letter-spacing:.05em}
.bp-ranking-clubs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bp-ranking-club{min-width:0;padding:12px 11px;border:1px solid rgba(239,189,85,.12);border-radius:11px;background:linear-gradient(180deg,rgba(239,189,85,.045),rgba(255,255,255,.012));text-align:center}
.bp-ranking-club span{display:block;color:#aebbc5;font-size:11px;font-weight:300}
.bp-ranking-club strong{display:block;margin-top:5px;color:#f0cf78;font-size:20px;line-height:1.1;font-weight:300;font-variant-numeric:tabular-nums}
.bp-ranking-club small{display:block;margin-top:4px;color:#8298a4;font-size:10px;font-weight:300}
.bp-ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#94a7b2;font-size:12px;font-weight:300}
.bp-ranking-list{border:1px solid rgba(174,196,196,.075);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.01)}
.bp-ranking-row{display:grid;grid-template-columns:70px minmax(0,1fr) 110px 120px;gap:10px;align-items:center;min-height:46px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05);color:#dbe4e9;font-size:13px;font-weight:300}
.bp-ranking-row:first-child{border-top:0}
.bp-ranking-row.is-head{min-height:38px;background:rgba(255,255,255,.018);color:#8fa3ae;font-size:11px;letter-spacing:.05em}
.bp-ranking-row.is-mine{background:linear-gradient(90deg,rgba(239,189,85,.07),rgba(255,255,255,.01));box-shadow:inset 3px 0 0 rgba(239,189,85,.58)}
.bp-ranking-rank{color:#f0cf78;font-variant-numeric:tabular-nums}
.bp-ranking-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-ranking-user em{margin-left:5px;color:#9de1d7;font-size:9px;font-style:normal;letter-spacing:.08em}
.bp-ranking-id{color:#8fa3ae;font-size:12px;white-space:nowrap}
.bp-ranking-score{justify-self:end;color:#f4d783;font-size:15px;font-weight:300;font-variant-numeric:tabular-nums}
.bp-ranking-empty{padding:34px 16px;text-align:center;color:#9fb0ba;font-size:13px;font-weight:300}
@media(max-width:760px){
  .bp-ranking-clubs{grid-template-columns:1fr 1fr}
  .bp-ranking-row{grid-template-columns:54px minmax(0,1fr) 86px;gap:7px;padding:9px 10px}
  .bp-ranking-row > :nth-child(3){display:none}
  .bp-ranking-row.is-head > :nth-child(3){display:none}
  .bp-ranking-score{font-size:14px}
}

.bp-start-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--bp-line-soft);border-radius:12px;background:linear-gradient(155deg,#25323b,#1c2730)}
.bp-start-choice strong{display:block;color:#edf2f5;font-size:16px;font-weight:300}
.bp-start-choice span{display:block;margin-top:5px;color:#99abb5;font-size:12px;line-height:1.5;font-weight:300}

@media(max-width:1100px){
  body.personal-intro-page .frame-grid{grid-template-columns:1fr}
  .bp-left-comic{min-height:0}
  .bp-left-comic img{width:min(72%,390px)}
  .bp-intro{min-height:0}
  .bp-v2-box-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .bp-intro-grid{grid-template-columns:1fr}
  .bp-intro-card{min-height:0}
  .bp-intro-scope-grid{grid-template-columns:1fr}
  .bp-intro-scope-item{padding:9px 0;border-left:0;border-top:1px solid rgba(255,255,255,.05)}
  .bp-intro-scope-item:first-child{padding-top:0;border-top:0}
  .bp-v2-toolbar{align-items:stretch;flex-direction:column}
  .bp-v2-statline{grid-template-columns:repeat(3,1fr)}
  .bp-v2-mode-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .bp-intro-title{font-size:23px}
  .bp-intro-actions{display:grid;grid-template-columns:1fr}
  .bp-intro-primary{width:100%}
  .bp-intro-link{text-align:center;padding:8px 0}
  .bp-intro-scope-head{display:grid;gap:5px}
  .bp-v2-statline{grid-template-columns:1fr 1fr 1fr}
  .bp-v2-notice{align-items:stretch;flex-direction:column}
  .bp-v2-notice-actions{width:100%}
  .bp-v2-notice-actions .bp-v2-btn{flex:1}
  .bp-v2-textarea{min-height:250px}
  .bp-v2-actions{display:grid;grid-template-columns:1fr 1fr}
  .bp-v2-actions .bp-v2-btn{width:100%;min-width:0}
  body.personal-trainer-v2 .trainer-board{min-height:430px}
  .bp-trainer-ready,.bp-result-wrap{min-height:430px;padding:22px 14px}
  .bp-result-score strong{font-size:58px}
}
@media(max-width:520px){
  .bp-v2-statline{grid-template-columns:1fr}
  .bp-result-stats{grid-template-columns:repeat(3,1fr)}
  .bp-result-actions{display:grid;width:100%;grid-template-columns:1fr}
  .bp-result-actions .bp-v2-btn{width:100%}
}

/* ===== START CONNECTION ===== */
.bp-start-choice-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bp-start-choice{display:flex;min-height:230px;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--bp-line);border-radius:12px;background:linear-gradient(155deg,#25323b 0%,#1c2730 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.bp-start-choice-no{color:var(--bp-gold);font-size:11px;letter-spacing:.14em;font-weight:300}
.bp-start-choice h3{margin:14px 0 0;color:#edf2f5;font-size:19px;line-height:1.35;font-weight:300;letter-spacing:-.02em}
.bp-start-choice p{margin:9px 0 20px;color:#aebbc5;font-size:13px;line-height:1.65;font-weight:300}
.bp-start-choice .bp-v2-btn{margin-top:auto}
body.personal-start-v2 .left-menu a.bp-start-home-link{height:36px;min-height:36px;margin-top:12px;padding:0 12px;justify-content:center;color:#aebbc5;font-size:13px;background:rgba(255,255,255,.025);box-shadow:none}
body.personal-start-v2 .left-menu a.bp-start-home-link::after{display:none}
body.personal-start-v2 .left-menu a.bp-start-home-link:hover{color:#f1d27a;border-color:rgba(239,189,85,.18);background:rgba(255,255,255,.035)}
@media(max-width:760px){.bp-start-choice-wrap{grid-template-columns:1fr}.bp-start-choice{min-height:190px}}

.bp-board-operator-login{max-width:620px}
.bp-board-operator-card{display:grid;gap:10px;padding:16px;border:1px solid rgba(239,189,85,.15);border-radius:12px;background:linear-gradient(155deg,rgba(37,50,59,.72),rgba(26,36,44,.72))}
.bp-board-operator-kicker{color:#90a9b7;font-size:10px;line-height:1;letter-spacing:.16em;font-weight:300}
.bp-board-operator-title{color:#efbd55;font-size:19px;line-height:1.25;font-weight:300}
.bp-board-operator-copy{color:#aebbc5;font-size:13px;line-height:1.55;font-weight:300}