/* =====================================================================
   두키 팀코칭(AI학습설계) · 전용 스타일 (모두 #aiDesignApp 하위로 스코프)
   2:1 철학 색: keep(지킴/멘토)=그린, teach(가르침/강사)=앰버
   ===================================================================== */
#aiDesignApp{
  --aid-ink:#16231C;--aid-keep:#1F6B52;--aid-keep-soft:#E4F0EA;
  --aid-teach:#C9641F;--aid-teach-soft:#FAEADC;
  --aid-canvas:#F1F4F1;--aid-surface:#FFFFFF;--aid-line:#DCE4DE;--aid-line2:#EAEFEB;
  --aid-muted:#5C6B62;--aid-muted2:#869389;--aid-radius:14px;
  color:var(--aid-ink);
  font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  letter-spacing:-.01em;
}
#aiDesignApp *{box-sizing:border-box;}
#aiDesignApp h2{font-size:21px;font-weight:800;margin:10px 0 14px;letter-spacing:-.02em;}
#aiDesignApp button{font-family:inherit;cursor:pointer;border:none;background:none;}
#aiDesignApp a{text-decoration:none;color:inherit;}

/* empty */
#aiDesignApp .aid-empty{background:var(--aid-surface);border:1px solid var(--aid-line);border-radius:var(--aid-radius);padding:48px 26px;text-align:center;}
#aiDesignApp .aid-empty-ic{font-size:42px;}
#aiDesignApp .aid-empty h2{margin:12px 0 6px;}
#aiDesignApp .aid-empty p{color:var(--aid-muted);margin:0 0 20px;}

/* profile */
#aiDesignApp .aid-profile{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;
  background:var(--aid-surface);border:1px solid var(--aid-line);border-radius:var(--aid-radius);padding:22px;margin-bottom:22px;}
#aiDesignApp .aid-eyebrow{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.04em;
  color:var(--aid-keep);background:var(--aid-keep-soft);padding:4px 11px;border-radius:999px;}
#aiDesignApp .aid-traitlist{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:4px;}
#aiDesignApp .aid-traitrow{display:grid;grid-template-columns:72px 1fr 32px;align-items:center;gap:9px;font-size:12.5px;}
#aiDesignApp .aid-traitrow .lab{font-weight:600;}
#aiDesignApp .aid-bar{height:7px;border-radius:99px;background:var(--aid-line2);overflow:hidden;}
#aiDesignApp .aid-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--aid-keep),#3aa07c);}
#aiDesignApp .aid-bar.weak>i{background:linear-gradient(90deg,#E0A93C,var(--aid-teach));}
#aiDesignApp .aid-traitrow .v{text-align:right;font-weight:700;color:var(--aid-muted);}
#aiDesignApp .aid-profile-right{display:flex;align-items:center;justify-content:center;}
#aiDesignApp #aidRadar svg{width:100%;max-width:300px;height:auto;}

/* subject + tabs */
#aiDesignApp .aid-subjbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
#aiDesignApp .aid-ttl{font-size:13px;font-weight:700;color:var(--aid-muted);}
#aiDesignApp .aid-pills{display:flex;gap:8px;}
#aiDesignApp .aid-pill{padding:7px 15px;border-radius:999px;border:1px solid var(--aid-line);background:var(--aid-surface);font-size:13px;font-weight:700;color:var(--aid-muted);}
#aiDesignApp .aid-pill.on{background:var(--aid-ink);color:#fff;border-color:var(--aid-ink);}
#aiDesignApp .aid-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px;}
#aiDesignApp .aid-tab{padding:9px 15px;border-radius:10px;border:1px solid var(--aid-line);background:var(--aid-surface);font-size:13.5px;font-weight:700;color:var(--aid-muted);}
#aiDesignApp .aid-tab.on{background:var(--aid-keep);color:#fff;border-color:var(--aid-keep);}

/* anchor chip (signature) */
#aiDesignApp .aid-anchor{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--aid-keep);background:var(--aid-keep-soft);padding:4px 10px;border-radius:8px;}
#aiDesignApp .aid-anchor.w{color:var(--aid-teach);background:var(--aid-teach-soft);}
#aiDesignApp .aid-anchor .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}

/* grids + items */
#aiDesignApp .aid-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
#aiDesignApp .aid-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;}
#aiDesignApp .aid-item{background:var(--aid-surface);border:1px solid var(--aid-line);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:10px;}
#aiDesignApp .aid-item h4{margin:0;font-size:15px;}
#aiDesignApp .aid-item .desc{font-size:13px;color:var(--aid-muted);flex:1;}
#aiDesignApp .aid-item .why{font-size:12.5px;background:var(--aid-canvas);border-radius:9px;padding:9px 11px;}
#aiDesignApp .aid-item .why b{color:var(--aid-keep);}
#aiDesignApp .aid-prosc{font-size:12.5px;display:flex;flex-direction:column;gap:4px;}
#aiDesignApp .aid-prosc .k{font-weight:800;margin-right:6px;}
#aiDesignApp .aid-prosc .pro .k{color:var(--aid-keep);}
#aiDesignApp .aid-prosc .con .k{color:var(--aid-teach);}
#aiDesignApp .aid-price{font-size:12px;color:var(--aid-muted2);}
#aiDesignApp .aid-fit{font-size:12px;color:var(--aid-muted);}
#aiDesignApp .aid-fit b{color:var(--aid-ink);}

/* video */
#aiDesignApp .aid-vthumb{aspect-ratio:16/9;background:#1b2330;border-radius:9px;position:relative;display:flex;align-items:center;justify-content:center;}
#aiDesignApp .aid-vthumb .ch{position:absolute;left:9px;top:9px;font-size:11px;font-weight:800;color:#fff;background:rgba(0,0,0,.45);padding:3px 9px;border-radius:999px;}
#aiDesignApp .aid-vthumb .dur{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.75);padding:2px 7px;border-radius:5px;}
#aiDesignApp .aid-vthumb .play{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);}

/* design plan */
#aiDesignApp .aid-plan{background:var(--aid-surface);border:1px solid var(--aid-line);border-radius:var(--aid-radius);overflow:hidden;}
#aiDesignApp .aid-plan-head{padding:18px 20px;background:linear-gradient(120deg,#fff,var(--aid-teach-soft));border-bottom:1px solid var(--aid-line);}
#aiDesignApp .aid-plan-head .goal{font-size:16px;font-weight:800;}
#aiDesignApp .aid-plan table{width:100%;border-collapse:collapse;}
#aiDesignApp .aid-plan th{font-size:12px;color:var(--aid-muted2);text-align:left;padding:10px 15px;background:#fafcfb;border-bottom:1px solid var(--aid-line);}
#aiDesignApp .aid-plan td{padding:12px 15px;border-bottom:1px solid var(--aid-line2);font-size:13.5px;vertical-align:top;}
#aiDesignApp .aid-plan .wkn{font-weight:800;color:var(--aid-teach);white-space:nowrap;}
#aiDesignApp .aid-plan .bk{display:inline-block;font-size:12px;font-weight:700;color:var(--aid-keep);background:var(--aid-keep-soft);padding:2px 8px;border-radius:6px;}
#aiDesignApp .aid-plan-note{padding:13px 20px;background:var(--aid-keep-soft);font-size:12.5px;color:#15503c;}
#aiDesignApp .aid-plan-foot{padding:14px 20px;display:flex;gap:10px;justify-content:flex-end;}

/* history */
#aiDesignApp .aid-htable{width:100%;border-collapse:collapse;background:var(--aid-surface);border:1px solid var(--aid-line);border-radius:12px;overflow:hidden;}
#aiDesignApp .aid-htable th{background:#f7faf8;text-align:left;font-size:12px;color:var(--aid-muted2);padding:10px 14px;border-bottom:1px solid var(--aid-line);}
#aiDesignApp .aid-htable td{padding:11px 14px;border-bottom:1px solid var(--aid-line2);font-size:13px;}

/* buttons / states */
#aiDesignApp .aid-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:10px;font-size:13.5px;font-weight:800;border:1px solid transparent;}
#aiDesignApp .aid-primary{background:var(--aid-keep);color:#fff;}
#aiDesignApp .aid-ghost{background:var(--aid-surface);border-color:var(--aid-line);color:var(--aid-ink);}
#aiDesignApp .aid-panel-actions{margin-bottom:14px;display:flex;gap:10px;align-items:center;}
#aiDesignApp .aid-muted{color:var(--aid-muted2);font-size:12.5px;}
#aiDesignApp .aid-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
#aiDesignApp .aid-sk{height:150px;border-radius:13px;background:linear-gradient(90deg,#eef1ee,#f6f8f6,#eef1ee);background-size:200% 100%;animation:aidsh 1.2s infinite;}
@keyframes aidsh{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
#aiDesignApp .aid-statebox{background:var(--aid-surface);border:1px solid var(--aid-line);border-radius:var(--aid-radius);padding:30px;text-align:center;color:var(--aid-muted);}
#aiDesignApp .aid-statebox .aid-btn{margin-top:12px;}

.aid-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(18px);background:#16231C;color:#fff;padding:11px 18px;border-radius:11px;font-size:13.5px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:9999;}
.aid-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media(max-width:820px){
  #aiDesignApp .aid-profile{grid-template-columns:1fr;}
  #aiDesignApp .aid-traitlist{grid-template-columns:1fr;}
  #aiDesignApp .aid-grid3,#aiDesignApp .aid-grid2,#aiDesignApp .aid-skeleton{grid-template-columns:1fr;}
}