/* Nestling Care · 고양이 테마
   4·5세 반 느낌의 말랑한 파스텔. 학부모에게 보이는 상담 화면은 귀여움을 덜고 정돈된 인상을 준다. */
:root{
  --bg:#FCF7F3; --surface:#FFFFFF; --surface2:#F6EEE8; --line:#EBDFD7;
  --ink:#3A2E2C; --ink2:#6A5A55; --ink3:#A2918A;
  --accent:#E07089; --accent-soft:#FCE9ED; --on-accent:#FFFFFF;
  --plus:#3A9A77; --plus-soft:#E2F4EB;
  --watch:#C9831C; --watch-soft:#FBF0DB;
  --star:#E0A21A;
  --cat-fur:#FFD7A6; --cat-line:#3A2E2C; --cat-ear:#F7B2BA; --cat-nose:#F07C93; --cat-cheek:#F9C0C8;
  --shadow:0 1px 2px rgba(80,50,40,.05),0 6px 18px rgba(80,50,40,.06);
  --r:18px; --r-sm:12px;
  --display:"Jua","Gowun Dodum","Apple SD Gothic Neo",system-ui,sans-serif;
  --sans:"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --serif:var(--display);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#1D191B; --surface:#272225; --surface2:#312B2E; --line:#3D3538;
    --ink:#F3EAE6; --ink2:#CDBFB9; --ink3:#9A8C86;
    --accent-soft:#40262D; --on-accent:#FFFFFF;
    --plus:#6CCBA3; --plus-soft:#1E3A2F; --watch:#E9AE5B; --watch-soft:#3D2E17; --star:#F1C24F;
    --cat-line:#2A2123;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#1D191B; --surface:#272225; --surface2:#312B2E; --line:#3D3538;
  --ink:#F3EAE6; --ink2:#CDBFB9; --ink3:#9A8C86;
  --accent-soft:#40262D; --on-accent:#FFFFFF;
  --plus:#6CCBA3; --plus-soft:#1E3A2F; --watch:#E9AE5B; --watch-soft:#3D2E17; --star:#F1C24F;
  --cat-line:#2A2123;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;min-height:100%}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
img{max-width:100%}
.wrap{max-width:1000px;margin:0 auto;padding-inline:16px;padding-block:calc(12px + env(safe-area-inset-top,0px)) calc(90px + env(safe-area-inset-bottom,0px))}
h1,h2,h3{font-family:var(--display);font-weight:400;text-wrap:balance;margin:0;letter-spacing:-.01em}
.muted{color:var(--ink3)}
.num{font-variant-numeric:tabular-nums}
.ico{width:1em;height:1em;vertical-align:-.12em;display:inline-block}
.cat{width:100%;height:100%;display:block}

/* ---------- 머리 ---------- */
.top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;padding-block:4px 16px}
.brand{display:flex;gap:10px;align-items:center}
.brand b{font-family:var(--display);font-size:23px;font-weight:400;line-height:1.1}
.brand span{font-size:12px;color:var(--ink3)}
.brandcat{width:44px;height:40px;display:block;flex:none}
.nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--ink2);text-decoration:none;font-size:14px;padding:7px 12px;border-radius:999px}
.nav a[aria-current="page"]{background:var(--accent);color:var(--on-accent)}
.userbox{font-size:12.5px;color:var(--ink3);padding-inline:6px}

/* ---------- 기본 부품 ---------- */
.btn{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:14.5px;line-height:1.3}
a.btn{display:inline-block;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--ink2);padding-inline:8px}
.btn.danger{color:var(--watch)}
.btn:disabled{opacity:.45;cursor:default}
.sel,select.inp{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:7px 10px;font-size:14px}
select.inp{width:100%}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 13px;font-size:14px;color:var(--ink2);line-height:1.4}
.chip[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.chip.good[aria-pressed="true"]{background:var(--plus);border-color:var(--plus)}
.chip.bad[aria-pressed="true"]{background:var(--watch);border-color:var(--watch)}
.chip.sm{padding:3px 10px;font-size:12.5px}
.tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:1px 9px;font-size:12px;background:var(--surface2);color:var(--ink2);white-space:nowrap}
.tag.plus{background:var(--plus-soft);color:var(--plus)}
.tag.watch{background:var(--watch-soft);color:var(--watch)}
.tag.pulse{background:var(--accent-soft);color:var(--accent)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.panel{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:16px}
.panel h3{font-size:16px;color:var(--ink2);margin-bottom:8px}
.empty{padding:28px 16px;text-align:center;color:var(--ink3);background:var(--surface);border:1.5px dashed var(--line);border-radius:var(--r)}
details.more{margin-top:12px}
details.more>summary{cursor:pointer;color:var(--ink2);font-size:14px;padding:6px 0}
.hist{margin:8px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink2)}
textarea,input[type=text],input[type=date],input[type=password],.pwin{width:100%;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);padding:9px 12px;font-size:15.5px;line-height:1.6}
input[type=date]{width:auto}
textarea{min-height:92px;resize:vertical}
.colorin{width:100%;height:42px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);padding:3px}

/* 발바닥 점수 */
.paws{display:inline-flex;gap:3px;align-items:center}
.paw{border:0;background:transparent;padding:4px;color:var(--line);font-size:26px;line-height:0;border-radius:10px;transition:transform .12s}
.paw.on{color:var(--accent)}
.paw.sel{transform:scale(1.12)}
.paw:hover{color:color-mix(in srgb,var(--accent) 60%,var(--line))}
.paw.on:hover{color:var(--accent)}

/* 되먹임 단계 */
.pips{display:flex;gap:3px;flex-wrap:wrap}
.pip{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface2);color:var(--ink3)}
.pip.on{background:var(--plus-soft);color:var(--plus)}
.pip.cur{outline:1.5px dashed var(--accent);color:var(--accent);background:var(--accent-soft)}

/* ---------- 반 현황 ---------- */
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}
.stat{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column}
.stat b{font-family:var(--display);font-weight:400;font-size:26px;font-variant-numeric:tabular-nums;line-height:1.2}
.stat span{font-size:12.5px;color:var(--ink3)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}
.card:hover{border-color:var(--accent);transform:translateY(-1px)}
.who{display:flex;gap:10px;align-items:center}
.av{width:42px;height:42px;border-radius:50% 50% 46% 46%;display:grid;place-items:center;font-family:var(--display);font-size:18px;flex:none;background:var(--accent-soft);color:var(--accent);position:relative}
.av::before,.av::after{content:"";position:absolute;top:-5px;width:13px;height:13px;background:var(--accent-soft);clip-path:polygon(50% 0,100% 100%,0 100%)}
.av::before{left:3px;transform:rotate(-18deg)}.av::after{right:3px;transform:rotate(18deg)}
.who b{font-family:var(--display);font-weight:400;font-size:18px;display:block;line-height:1.3}
.who small{color:var(--ink3);font-size:12.5px}
.cover{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}
.cover i{height:16px;border-radius:6px;background:var(--surface2);display:block}
.cover i.l1{background:color-mix(in srgb,var(--accent) 28%,var(--surface2))}
.cover i.l2{background:color-mix(in srgb,var(--accent) 58%,var(--surface2))}
.cover i.l3{background:var(--accent)}
.cover-lbl{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;font-size:10px;color:var(--ink3);text-align:center;line-height:1.2}
.bar{height:7px;border-radius:4px;background:var(--surface2);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.kv{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;font-size:12.5px;color:var(--ink2)}
.warn{color:var(--watch);font-size:12.5px}
.addcard{border:2px dashed var(--line);background:transparent;border-radius:var(--r);min-height:120px;color:var(--ink3);font-size:15px}

/* ---------- 폰: 이번 주 체크 ---------- */
.quick{max-width:600px;margin:0 auto}
.weekhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.weekhead h2{font-size:24px;color:var(--accent)}
.weekhead p{margin:2px 0 0;font-size:13px}
.progress{font-family:var(--display);font-size:18px;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 12px}
.qcard{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:12px;box-shadow:var(--shadow)}
.qh{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}
.qh b{font-weight:700;font-size:15.5px;line-height:1.45}
.qrow{display:grid;grid-template-columns:minmax(64px,90px) auto 1fr;gap:6px;align-items:center;padding-block:4px;border-top:1px dashed var(--line)}
.qrow:first-of-type{border-top:0}
.qname{font-family:var(--display);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qlabel{font-size:12px;color:var(--ink3);text-align:right}
.quick .kids{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quick .kids button{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:10px 6px;font-family:var(--display);font-size:16px;display:flex;flex-direction:column;align-items:center;gap:0}
.quick .kids button small{font-family:var(--sans);font-size:11px;color:var(--ink3)}
.quick .kids button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.quick textarea{min-height:100px;font-size:16px}
.quick input[type=text]{font-size:16px}
.quick .save{width:100%;padding:13px;font-size:16px}
.recent{margin-top:20px}
.recent h3{font-size:15px;color:var(--ink3);margin-bottom:6px}
@media (max-width:420px){.qrow{grid-template-columns:1fr auto}.qlabel{display:none}.paw{font-size:24px;padding:3px}}

/* ---------- 아이 화면 ---------- */
.head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.head .who b{font-size:22px}
.back{border:1.5px solid var(--line);background:var(--surface);border-radius:50%;width:40px;height:40px;font-size:18px;line-height:1}
.tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.tab{border:1.5px solid transparent;background:none;padding:7px 14px;font-size:14.5px;color:var(--ink3);white-space:nowrap;border-radius:999px}
.tab[aria-selected="true"]{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.logs{display:flex;flex-direction:column;gap:8px}
.mon{font-family:var(--display);font-size:15px;color:var(--ink3);margin-top:8px}
.log{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;display:grid;grid-template-columns:5px 1fr;gap:10px}
.log .stripe{border-radius:3px;background:var(--line)}
.log.plus .stripe{background:var(--plus)} .log.watch .stripe{background:var(--watch)}
.log p{margin:3px 0 0;white-space:pre-wrap;word-break:break-word}
.log .cond{font-size:13px;color:var(--ink2);margin-top:4px}
.log .acts{display:flex;gap:4px;justify-content:flex-end;margin-top:4px;flex-wrap:wrap}
.star{border:1.5px solid var(--line);background:transparent;border-radius:999px;padding:2px 10px;font-size:12.5px;color:var(--ink3)}
.star[aria-pressed="true"]{color:var(--star);border-color:var(--star)}
.area{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}
.area h3{font-size:17px}
.area h3 small{font-family:var(--sans);color:var(--ink3);font-size:12.5px;margin-left:6px}
.item{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:8px;border-top:1px dashed var(--line)}
.item:first-of-type{border-top:0}
.item span{flex:1 1 220px;font-size:14.5px}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;flex:none}
.seg button{border:0;background:var(--surface);padding:5px 11px;font-size:12.5px;color:var(--ink2);border-left:1px solid var(--line)}
.seg button:first-child{border-left:0}
.seg button[aria-pressed="true"][data-v="1"]{background:var(--watch-soft);color:var(--watch)}
.seg button[aria-pressed="true"][data-v="2"]{background:var(--accent-soft);color:var(--accent)}
.seg button[aria-pressed="true"][data-v="3"]{background:var(--plus-soft);color:var(--plus)}
.split{display:grid;grid-template-columns:minmax(0,330px) 1fr;gap:16px;align-items:start}

/* 성장 추이 */
.trends{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trend{background:var(--surface2);border-radius:var(--r-sm);padding:8px 8px 4px}
.th{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
.th b{font-family:var(--display);font-weight:400;font-size:14.5px}
.th span{font-family:var(--display);font-size:16px;color:var(--accent)}
.th em{font-style:normal;font-size:11px;margin-left:4px}
.th em.up{color:var(--plus)} .th em.down{color:var(--watch)}
@media (max-width:720px){.trends{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 상담 자료 편집 */
.field{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}
.field>label,.field .fieldhead label{font-family:var(--display);font-size:17px;display:block}
.field .hint{font-size:12.5px;color:var(--ink3);margin:2px 0 8px}
.fieldhead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
.callout{background:var(--accent-soft);border-radius:var(--r);padding:12px 14px;margin-bottom:12px;font-size:14px}
.callout b{display:block;font-family:var(--display);font-weight:400;font-size:15px;color:var(--accent);margin-bottom:2px}
.private{border-style:dashed}
.srcbox{margin-top:8px;font-size:13px;color:var(--ink2)}
.srcbox summary{cursor:pointer;color:var(--ink3);font-size:12.5px}
.srcbox ul{margin:6px 0 0;padding-left:18px}
.switch{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2);white-space:nowrap}
.adj{display:grid;grid-template-columns:1fr auto auto;gap:6px 10px;align-items:center;font-size:14px}
.adj select{padding:4px 6px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg)}
.epi{display:grid;gap:4px;padding-block:8px;border-top:1px dashed var(--line)}
.epi:first-of-type{border-top:0}
.epi .orig{font-size:12.5px;color:var(--ink3)}
.items{display:grid;gap:8px}
.itm{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;display:grid;gap:6px}
.itm.done{opacity:.7}
.itm .top2{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.itm textarea{min-height:60px}
.kind{font-size:12px;border-radius:999px;padding:1px 9px;background:var(--accent-soft);color:var(--accent)}
.answer{margin-bottom:12px;border-color:var(--accent)}

/* ---------- 상담 보기 (학부모용: 정돈되고 신뢰감 있게) ---------- */
.report{background:var(--surface);border:1.5px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.rhead{padding:24px 24px 18px;background:linear-gradient(180deg,var(--accent-soft),var(--surface));border-bottom:1.5px solid var(--line);position:relative}
.rhead .eyebrow{font-size:12.5px;letter-spacing:.08em;color:var(--accent)}
.rhead h2{font-size:34px;margin-top:2px;line-height:1.2}
.rmeta{display:flex;gap:6px 14px;flex-wrap:wrap;color:var(--ink2);font-size:14px;margin-top:4px}
.rstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.rstats div{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:8px 10px}
.rstats b{display:block;font-family:var(--display);font-weight:400;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.2}
.rstats span{font-size:11.5px;color:var(--ink3)}
.rbody{padding:4px 24px 24px}
.rsec{padding-block:18px;border-top:1.5px dashed var(--line)}
.rsec:first-child{border-top:0}
.rsec h3{font-size:21px;margin-bottom:8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rsec h3 small{font-family:var(--sans);font-size:12.5px;color:var(--ink3)}
.rtext{white-space:pre-wrap;margin:0;max-width:68ch}
.devlist{display:grid;gap:8px}
.devlist div{background:var(--surface2);border-radius:var(--r-sm);padding:10px 12px;font-size:14.5px}
.devlist b{font-family:var(--display);font-weight:400;font-size:14.5px;color:var(--accent);display:block}
.ep{display:grid;gap:6px;margin-top:10px}
.ep div{border-left:4px solid var(--line);padding:2px 0 2px 10px;font-size:14.5px;color:var(--ink2)}
.ep div.plus{border-color:var(--plus)} .ep div.watch{border-color:var(--watch)}
.ep small{color:var(--ink3);font-size:12px;margin-right:6px}
.cond-box{display:flex;gap:10px;align-items:flex-start;background:var(--plus-soft);border-radius:var(--r-sm);padding:12px 14px}
.cond-box .k{font-size:12.5px;color:var(--plus);white-space:nowrap;padding-top:2px;font-weight:700}
.rfoot{padding:12px 24px;font-size:12px;color:var(--ink3);border-top:1.5px solid var(--line);background:var(--surface2)}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink3);justify-content:center}
svg text{font-family:var(--sans)}
body.present .top,body.present .head,body.present .tabs,body.present .banner{display:none}
body.present .wrap{max-width:860px}
.exit{position:fixed;right:14px;top:calc(10px + env(safe-area-inset-top,0px));z-index:5}
@media (min-width:900px){
  body.present .wrap{max-width:1180px}
  body.present .rbody{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  body.present .rsec.wide{grid-column:1 / -1}
  body.present .rhead h2{font-size:42px}
  body.present .rtext,body.present .devlist div,body.present .ep div{font-size:16.5px}
}

/* ---------- 원 현황 · 되먹임 루프 ---------- */
.loop .kpi{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.loop .kpi span{font-size:12.5px;color:var(--ink3)}
.loop .kpi b{font-family:var(--display);font-weight:400;font-size:34px;color:var(--accent);line-height:1.1}
.loop .kpi small{font-size:12px;color:var(--ink3)}
.funnel{display:flex;align-items:flex-end;gap:4px;margin-top:12px;overflow-x:auto}
.fstep{flex:1 1 0;min-width:74px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.fbar{width:100%;height:90px;background:var(--surface2);border-radius:12px;display:flex;align-items:flex-end;overflow:hidden}
.fbar i{display:block;width:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent));border-radius:12px 12px 0 0}
.fstep b{font-family:var(--display);font-weight:400;font-size:20px}
.fstep span{font-size:13px}
.fstep small{font-size:10.5px;color:var(--ink3);line-height:1.3}
.farrow{color:var(--ink3);font-size:22px;align-self:center}
.tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.tbl th,.tbl td{text-align:left;padding:9px 10px;border-top:1px solid var(--line);vertical-align:top}
.tbl th{background:var(--surface2);font-size:12.5px;color:var(--ink3);font-weight:400;border-top:0;white-space:nowrap}
.tblwrap{overflow-x:auto}
.admin h2{font-size:20px;margin:22px 0 10px;display:flex;gap:6px;align-items:center}
.admin h2 .ico{color:var(--accent)}
.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.inline .fl{margin:0;flex:1 1 150px}
.invite{margin-top:12px;background:var(--accent-soft);border-radius:var(--r-sm);padding:10px 12px;display:grid;gap:6px}

/* ---------- 모달 ---------- */
.modal{position:fixed;inset:0;background:rgba(40,25,25,.42);z-index:10;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))}
@media (min-width:700px){.modal{align-items:center}.sheet{border-radius:24px}}
.sheet h2{font-size:21px;margin-bottom:10px}
.fl{margin-bottom:12px}
.fl>label,.fl>.lb,.lb{display:block;font-size:13.5px;font-weight:700;color:var(--ink2);margin-bottom:5px}
.tone{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tone button{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:10px;font-family:var(--display);font-size:16px;color:var(--ink2)}
.tone button[aria-pressed="true"][data-t="plus"]{border-color:var(--plus);background:var(--plus-soft);color:var(--plus)}
.tone button[aria-pressed="true"][data-t="watch"]{border-color:var(--watch);background:var(--watch-soft);color:var(--watch)}
.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:14px;z-index:20;max-width:calc(100% - 32px)}
.banner{background:var(--watch-soft);color:var(--watch);border-radius:var(--r-sm);padding:8px 12px;font-size:13px;margin-bottom:12px}

/* ---------- 로그인 · 초대 · 온보딩 ---------- */
.login{max-width:400px;margin:8vh auto 0;background:var(--surface);border:1.5px solid var(--line);border-radius:28px;padding:26px 22px;box-shadow:var(--shadow);text-align:left}
.login h1{font-size:30px;text-align:center}
.login p{margin:4px 0 18px;color:var(--ink3);font-size:14px;text-align:center}
.login .btn{width:100%;padding:12px}
.catbig{width:96px;height:84px;margin:0 auto 8px}
.err{color:var(--watch);font-size:13.5px;min-height:1.4em;margin-top:6px}
.social{display:grid;gap:6px;margin-bottom:14px}
.social small{text-align:center}
.onboard{max-width:560px;margin:4vh auto 0}
.steps{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0 0 14px;gap:4px}
.steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12.5px;color:var(--ink3)}
.steps li .ico{font-size:24px;color:var(--line)}
.steps li.done .ico{color:var(--plus)}
.steps li.cur .ico{color:var(--accent)}
.steps li.cur{color:var(--accent)}
.obcard{background:var(--surface);border:1.5px solid var(--line);border-radius:28px;padding:22px 20px;box-shadow:var(--shadow)}
.obcard h2{font-size:24px;margin-bottom:14px}
.fixed{padding:9px 12px;border-radius:var(--r-sm);background:var(--surface2);color:var(--ink2)}
.bigpick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bigpick button{border:2px solid var(--line);background:var(--surface);border-radius:20px;padding:16px 10px;font-family:var(--display);font-size:26px;display:flex;flex-direction:column;align-items:center}
.bigpick button small{font-family:var(--sans);font-size:12.5px;color:var(--ink3)}
.bigpick button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.kidrows{display:grid;gap:8px}
.kidrow{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}
@media (max-width:480px){.kidrow{grid-template-columns:1fr 1fr}.kidrow input[type=text]{grid-column:1 / -1}}

@media (max-width:720px){
  .split{grid-template-columns:1fr}
  .rhead h2{font-size:28px}
  .rstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbody,.rhead,.rfoot{padding-inline:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (max-width:520px){.userbox{display:none}.nav a{padding:6px 10px}}
.gbtn{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink);background:var(--surface)}
.gbtn .ico{font-size:18px}
.or{display:flex;align-items:center;gap:10px;color:var(--ink3);font-size:12.5px;margin:14px 0 10px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
/* 원 현황 한눈 보기 */
.sech{font-size:19px;margin:20px 0 10px;display:flex;gap:6px;align-items:center}
.sech .ico{color:var(--accent)}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tcard .who b,.ccard .cname{font-family:var(--display);font-weight:400;font-size:17px}
.ccard{display:grid;gap:8px;color:inherit;text-decoration:none}
.ccard:hover{border-color:var(--accent)}
.ring{--p:0;width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--surface2) 0)}
.ring b{width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-family:var(--display);font-weight:400;font-size:13px}
.minifunnel{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:end}
.minifunnel span{display:flex;flex-direction:column;align-items:center;gap:2px}
.minifunnel span::before{content:"";display:none}
.minifunnel i{display:block;width:100%;min-height:3px;background:var(--accent);border-radius:5px 5px 2px 2px;opacity:.8}
.minifunnel span{height:56px;justify-content:flex-end}
.minifunnel small{font-size:10.5px;color:var(--ink3)}
.cells{display:inline-grid;grid-template-columns:repeat(8,12px);gap:2px}
.cells i{width:12px;height:12px;border-radius:3px;display:block}
.minipaws{display:inline-flex;gap:1px}
.minipaws i{color:var(--line);font-size:13px;line-height:0}
.minipaws i.on{color:var(--accent)}
.tbl.kids td{vertical-align:middle;white-space:nowrap}
.daybanner{background:var(--accent-soft);color:var(--accent);border-radius:var(--r);padding:10px 14px;margin-bottom:12px;display:flex;gap:8px;align-items:center;font-family:var(--display);font-size:16px}
.tbl.kids .pips{flex-wrap:nowrap}.tbl.kids .pip{padding:1px 5px}
/* 내 알림 */
.plan{display:grid;gap:10px}
.pday{border:1.5px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;background:var(--bg)}
.pday.today{border-color:var(--accent)}
.pday.done{opacity:.75}
.pdh{display:flex;justify-content:space-between;align-items:center}
.pdh b{font-family:var(--display);font-weight:400;font-size:17px}
.pday ol{margin:6px 0 8px;padding-left:20px;font-size:14px}
.pday li{margin:2px 0}
/* 캘린더 */
.calhead{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.calhead b{font-family:var(--display);font-weight:400;font-size:20px}
.calsum{margin-left:auto;font-size:12.5px;color:var(--ink2);display:flex;gap:6px;align-items:center}
.calsum i,.dots i{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--line)}
i.done{background:var(--plus)!important} i.part{background:var(--watch)!important} i.miss{background:#D9534F!important} i.today{background:var(--accent)!important} i.next{background:var(--line)!important}
.calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cdow{text-align:center;font-size:12px;color:var(--ink3);padding:4px 0}
.cdow.sun{color:#D9534F}
.cday{min-height:88px;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:5px;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.cday.empty{background:transparent;border:0}
.cday.is-today{border-color:var(--accent)}
.cday.sel{box-shadow:0 0 0 2px var(--accent)}
.cday .dn{font-size:12.5px;color:var(--ink2)}
.todo{display:flex;align-items:center;gap:4px;border-radius:8px;padding:3px 6px;font-size:12px;text-decoration:none;border:0;background:var(--surface2);color:var(--ink2);width:100%;text-align:left}
.todo .ico{font-size:13px}
.todo.done{background:var(--plus-soft);color:var(--plus)}
.todo.part{background:var(--watch-soft);color:var(--watch)}
.todo.miss{background:#FBE3E2;color:#C0392B}
.todo.today{background:var(--accent);color:var(--on-accent)}
.todo.agg{flex-direction:column;align-items:flex-start;gap:2px}
.dots{display:flex;gap:2px;flex-wrap:wrap}
.mt{font-size:11px;border-radius:6px;padding:1px 5px;background:var(--accent-soft);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt.done{opacity:.6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .todo.miss{background:#4A2323;color:#F2A19C}}
@media (max-width:600px){.cday{min-height:64px;padding:3px}.todo span:not(.dots){font-size:10.5px}.todo .ico{display:none}.mt{font-size:9.5px}.calsum{margin-left:0}}
/* 선생님 / 관리자 모드 토글 */
.modetoggle{display:inline-flex;background:var(--surface2);border-radius:999px;padding:3px;margin-right:6px}
.modetoggle button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font-size:13.5px;color:var(--ink2)}
.modetoggle button[aria-pressed="true"]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow);font-weight:700}
.bigpick button span{font-family:var(--display);font-size:22px}
.bigpick.small button{padding:12px 8px}
.bigpick.small button span{font-size:18px}
/* 원 관리 */
.tbl.people tr[data-staff]{cursor:pointer}
.tbl.people tr[data-staff]:hover td{background:var(--surface2)}
.tbl tr.off td{opacity:.6}
.pres{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line);margin-right:6px;vertical-align:1px}
.pres.on{background:var(--plus);box-shadow:0 0 0 3px var(--plus-soft)}
.mini{display:flex;align-items:center;gap:6px;min-width:110px}.mini .bar{flex:1}
.kidlist{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.kidlist li{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:14px}
.sheet.wide{max-width:680px}
.mh{font-size:16px;color:var(--accent);margin:14px 0 6px}
.links{display:grid;gap:6px}
.linkrow{display:grid;grid-template-columns:1fr 150px 1fr;gap:6px;align-items:center;font-size:14px}
@media (max-width:520px){.linkrow{grid-template-columns:1fr 1fr}.linkrow input{grid-column:1 / -1}}
.viewbar{position:sticky;top:0;z-index:6;background:var(--watch-soft);color:var(--ink);border:1.5px solid var(--watch);border-radius:var(--r-sm);padding:8px 12px;margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.viewbar .btn{margin-left:auto}
.pwbar .pwin{flex:1;min-width:150px;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:7px 10px;font-size:16px}
.pwbar .btn{margin-left:0}
/* 발달 단계 */
details.lv{margin:0 0 6px}
details.lv summary{cursor:pointer;font-size:12.5px;color:var(--ink3)}
details.lv ol{margin:4px 0 4px;padding-left:20px;font-size:13px;color:var(--ink2)}
.qdesc{grid-column:1 / -1;font-size:12.5px;color:var(--accent);margin:-2px 0 4px}
.miles{display:grid;gap:6px}
.miles div{border-left:4px solid var(--plus);padding:2px 0 2px 10px;font-size:14.5px}
.miles small{display:block;color:var(--ink3);font-size:12px}
.steady{display:grid;gap:8px}
.steady>div{display:grid;grid-template-columns:90px 1fr 60px;gap:8px;align-items:center;font-size:14px}
.steady b{font-family:var(--display);font-weight:400}
.modetoggle button:disabled{opacity:.35;cursor:not-allowed}
/* 운영 포털: 그레이스케일 — 원·선생님 화면과 한눈에 구분되는 운영 도구 */
body.platform{
  --bg:#F2F2F3; --surface:#FFFFFF; --surface2:#E9E9EB; --line:#D6D6DA;
  --ink:#1F1F22; --ink2:#4A4A50; --ink3:#86868C;
  --accent:#2C2C30; --accent-soft:#E4E4E7; --on-accent:#FFFFFF;
  --plus:#3D7A5E; --plus-soft:#E3EFE8; --watch:#9A6A1E; --watch-soft:#F3EBDD;
  --cat-fur:#D9D9DC; --cat-ear:#BDBDC2; --cat-nose:#8A8A90; --cat-cheek:#CFCFD3;
  --display:"Gowun Dodum","Apple SD Gothic Neo",system-ui,sans-serif;
  background:var(--bg);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) body.platform{
    --bg:#161618; --surface:#1F1F22; --surface2:#28282C; --line:#38383D;
    --ink:#EDEDEF; --ink2:#B8B8BE; --ink3:#85858B;
    --accent:#E6E6EA; --accent-soft:#2E2E33; --on-accent:#161618;
    --plus:#7CC3A1; --plus-soft:#1E3129; --watch:#D9A55B; --watch-soft:#342A1C;
    --cat-fur:#5A5A60; --cat-ear:#6E6E75; --cat-nose:#9A9AA0; --cat-cheek:#4A4A50; --cat-line:#111113;
  }
}
:root[data-theme="dark"] body.platform{
  --bg:#161618; --surface:#1F1F22; --surface2:#28282C; --line:#38383D;
  --ink:#EDEDEF; --ink2:#B8B8BE; --ink3:#85858B;
  --accent:#E6E6EA; --accent-soft:#2E2E33; --on-accent:#161618;
  --plus:#7CC3A1; --plus-soft:#1E3129; --watch:#D9A55B; --watch-soft:#342A1C;
  --cat-fur:#5A5A60; --cat-ear:#6E6E75; --cat-nose:#9A9AA0; --cat-cheek:#4A4A50; --cat-line:#111113;
}
body.platform .brand b{font-family:var(--sans);font-weight:700;letter-spacing:-.01em}
body.platform .panel,body.platform .stat,body.platform .tbl,body.platform .callout{border-radius:10px}
body.platform .btn,body.platform .chip,body.platform .tab{border-radius:8px}
body.platform .stat b{font-family:var(--sans);font-weight:700}
body.platform h1,body.platform h2,body.platform h3{font-family:var(--sans);font-weight:700}

.bandnote{margin:8px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:var(--watch-soft);font-size:13px;line-height:1.55}
.seatlogin{margin-top:14px;text-align:left;font-size:13.5px}.seatlogin summary{cursor:pointer;color:var(--ink2)}.seatlogin .fl{margin-top:8px}
.draftbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--accent-soft);border-radius:var(--r-sm);padding:12px 14px;margin:4px 0 14px}.draftbar b{display:block;font-family:var(--display);font-weight:400;font-size:17px}.draftbar span{font-size:13px;color:var(--ink2)}

/* 체크 문항 설정 편집기 */
.pe-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.pe-preset{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:8px 10px;text-align:left;color:var(--ink)}
.pe-preset b{display:block;font-size:14px}
.pe-preset small{display:block;color:var(--ink3);font-size:12px;line-height:1.4}
.pe-preset[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.pe-row{display:flex;gap:10px;align-items:center;margin-top:12px}
.pseg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;flex:none}
.pseg button{border:0;background:var(--surface);padding:5px 12px;font-size:13px;color:var(--ink2);border-left:1px solid var(--line)}
.pseg button:first-child{border-left:0}
.pseg button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.pe-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 16px}
.pe-arow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:14px}
.pe-qs{margin-top:8px}
.pe-q{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;padding:3px 0}
.pe-q input{margin-top:4px;accent-color:var(--accent)}
.pe-focus{display:flex;flex-wrap:wrap;gap:6px}
.pe-fk{display:inline-flex;gap:4px;align-items:center}
.pe-fk select{width:auto;padding:3px 6px;font-size:12.5px}
.pe-prev{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.pe-day{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font-size:13px;background:var(--bg)}
.qcard.extra{border-style:dashed}
.careas{display:block;font-size:10.5px;color:var(--ink3);line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgbanner{margin-bottom:12px;border-color:var(--accent);background:var(--accent-soft)}
.donebar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px 14px;border:1.5px solid var(--accent);border-radius:var(--r);background:var(--accent-soft)}

/* 선생님 대시보드 (추이) */
.tvheat td,.tvheat th{text-align:center;padding:7px 6px;white-space:nowrap}
.tvheat td:first-child,.tvheat th:first-child{text-align:left}
.tvheat tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.tvheat em{font-style:normal;font-size:10px;margin-left:2px}
.tvheat em.up{color:var(--plus)}.tvheat em.down{color:var(--watch)}
.linkbtn{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;text-decoration:underline dotted}
.tvchart{width:100%;height:auto;display:block}
.tvrow{padding:7px 0;border-top:1px dashed var(--line);font-size:13.5px}
.tvrow:first-of-type{border-top:0}

/* 한 번에 입력 (급한 상담용) */
.fasthead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
.fastarea{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}
.fastarea h4{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:18px;color:var(--accent)}
.fastq{padding:8px 0;border-top:1px dashed var(--line)}
.fastq:first-of-type{border-top:0}
.fastq>b{display:block;font-size:14.5px;margin-bottom:6px}
.fastlv{display:grid;gap:4px}
.fastlv button{display:flex;gap:8px;align-items:flex-start;text-align:left;border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:6px 10px;font-size:13px;color:var(--ink2);line-height:1.45}
.fastlv button i{font-style:normal;font-family:var(--display);font-size:16px;color:var(--accent);min-width:14px}
.fastlv button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.snap{display:grid;gap:8px}
.snap>div{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:start;border-bottom:1px dashed var(--line);padding-bottom:6px}
.snap p{margin:0 0 3px;font-size:14px}
.lvpill{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;margin-right:4px}
.fastbox{margin-bottom:12px}
.crow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px dashed var(--line)}
.crow:first-child{border-top:0}
.cwho{display:flex;gap:10px;align-items:center}
.cwho small{display:block;font-size:12.5px}
.cact{display:flex;gap:6px;flex-wrap:wrap}
.cact .btn{font-size:13.5px;padding:6px 12px}
.fastpick{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.fastopt{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:14px 16px}
.fastopt>b{font-family:var(--display);font-weight:400;font-size:19px;display:block}
.fastopt p{margin:6px 0 10px;font-size:13.5px;color:var(--ink2)}
.fastq.need>b{color:var(--ink)}
.fastq.need{background:color-mix(in srgb,var(--watch) 6%,transparent);border-radius:10px;padding:8px}
.fastlv button.prev{border-style:dashed;border-color:var(--accent);color:var(--ink)}

/* 상담 보기 대시보드: 카테고리 탭 + 한 화면 */
.report.dash .rtabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.report.dash .rtabs button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 16px;font-size:14.5px;color:var(--ink2)}
.report.dash .rtabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.report.dash .rbody{min-height:46vh}
.rnav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px}
.lvbars{display:grid;gap:9px}
.lvbars>div{display:grid;grid-template-columns:92px 1fr 34px;gap:10px;align-items:center;font-size:14.5px}
.lvtrack{position:relative;height:12px;border-radius:6px;background:var(--surface2)}
.lvtrack i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--accent)}
.lvtrack b{position:absolute;top:-2px;width:1px;height:16px;background:var(--line)}
.lvbars em{font-style:normal;text-align:right;color:var(--ink2)}
.memobtn{position:fixed;right:16px;bottom:16px;z-index:40;border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:999px;padding:9px 16px;font-size:14px;box-shadow:0 4px 14px #0002}
.memobtn[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.memofloat{position:fixed;right:16px;bottom:64px;z-index:41;width:min(380px,calc(100vw - 32px));background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:0 10px 30px #0003;display:grid;gap:8px}
.memofloat textarea{width:100%;min-height:180px;max-height:50vh;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;background:var(--bg);color:var(--ink);resize:vertical}
body.present .report.dash .rbody{min-height:62vh}
body.present .report.dash .rtabs button{font-size:17px;padding:9px 20px}
.fastbar{position:sticky;top:0;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:10px;border:1.5px solid var(--accent);border-radius:var(--r);background:var(--accent-soft);backdrop-filter:blur(6px)}

/* 상담 리포트 대시보드 (시안: docs/상담대시보드_초안.html) */
.rdash{--deep:color-mix(in srgb,var(--accent) 30%,#22181d);--shadow:0 1px 2px #2b23210a,0 8px 24px #2b232110;font-family:"Noto Sans KR",var(--sans,system-ui),sans-serif}
.dhero{background:linear-gradient(135deg,var(--deep),color-mix(in srgb,var(--accent) 55%,#3a2730) 60%,var(--accent));color:#fff;border-radius:24px;padding:22px 26px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.dhero::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:#ffffff10}
.dhero .org{display:flex;align-items:center;gap:10px;font-size:13px;opacity:.88}
.dhero .org i{min-width:26px;height:26px;padding:0 5px;border-radius:8px;background:#ffffff22;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:11px}
.dhero .org img{height:26px;width:auto;border-radius:6px;background:#fff}
.dhero .eyebrow{margin-top:14px;font-size:13px;letter-spacing:.06em;opacity:.82}
.dhero h2{margin:2px 0 0;font-size:40px;font-weight:900;letter-spacing:-.02em;line-height:1.15;color:#fff;font-family:inherit}
.dhero .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dhero .meta span{background:#ffffff1f;border:1px solid #ffffff2a;border-radius:999px;padding:3px 12px;font-size:13px}
.dtabs{display:flex;gap:4px;margin:16px 0 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px;overflow-x:auto;scrollbar-width:none;position:sticky;top:6px;z-index:5;box-shadow:var(--shadow)}
.dtabs button{flex:1 0 auto;border:0;background:transparent;border-radius:10px;padding:9px 16px;font-size:15px;font-weight:700;color:var(--ink3);white-space:nowrap}
.dtabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent)}
.dbody{min-height:50vh;animation:dfade .25s ease}
@keyframes dfade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dbody{animation:none}}
.dgrid{display:grid;gap:14px}
.dgrid.g4{grid-template-columns:repeat(4,1fr)}.dgrid.g2{grid-template-columns:1.15fr 1fr}.dgrid.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.dgrid.g4{grid-template-columns:1fr 1fr}.dgrid.g2,.dgrid.g3{grid-template-columns:1fr}}
.dcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow)}
.dcard.mt{margin-top:14px}
.dcard h3{margin:0 0 2px;font-size:17px;font-weight:900;letter-spacing:-.01em;font-family:inherit}
.dsub{margin:0 0 12px;color:var(--ink3);font-size:12.5px}
.dcard.kpi small{display:block;color:var(--ink3);font-size:12.5px}
.dcard.kpi b{display:block;font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
.dcard.kpi b em{font-style:normal;font-size:14px;color:var(--ink3);font-weight:500;margin-left:2px}
.dcard.kpi .foot{font-size:12.5px;color:var(--ink2)}.dcard.kpi .foot.up{color:var(--plus)}
.dradarwrap{display:grid;justify-items:center}.dradar{width:100%;max-width:420px;height:auto}
.dlegend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--ink2);margin-top:4px}
.dlegend i{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.dhl{display:grid;gap:10px}
.dhl .it{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface2)}
.dhl .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--accent-soft);color:var(--accent)}
.dhl .it.grow .ico{background:var(--plus-soft);color:var(--plus)}
.dhl b{display:block;font-size:14.5px}.dhl p{margin:0;color:var(--ink2);font-size:13px;line-height:1.45}
.dpill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.dpill.lv{background:var(--accent-soft);color:var(--accent)}.dpill.up{background:var(--plus-soft);color:var(--plus)}.dpill.mute{background:var(--surface2);color:var(--ink3)}
.dquote{position:relative;margin-top:14px;background:linear-gradient(135deg,var(--accent-soft),var(--surface));border:1px solid var(--line);border-radius:var(--r);padding:20px 22px 18px 56px;box-shadow:var(--shadow)}
.dquote::before{content:"“";position:absolute;left:18px;top:6px;font-size:54px;font-weight:900;color:var(--accent);line-height:1}
.dquote p{margin:0;font-size:16px;line-height:1.7;white-space:pre-wrap}.dquote small{display:block;margin-top:8px;color:var(--ink3);font-size:12.5px}
.dareas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:1000px){.dareas{grid-template-columns:1fr 1fr}}@media (max-width:560px){.dareas{grid-template-columns:1fr}}
.dacard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow);display:grid;gap:8px;align-content:start}
.dacard.off{opacity:.6}
.dacard .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dacard .top b{font-size:16px;font-weight:900}.dacard .top small{color:var(--ink3);font-size:12px}
.dacard .score{display:flex;align-items:baseline;gap:8px}.dacard .score strong{font-size:28px;font-weight:900;letter-spacing:-.02em}.dacard .score span{font-size:13px;color:var(--ink2)}
.dspark{width:100%;height:46px;display:block}
.dacard .now,.dacard .next{font-size:13px;line-height:1.5;border-radius:10px;padding:7px 10px}
.dacard .now{background:var(--accent-soft)}.dacard .next{background:var(--surface2);color:var(--ink2)}
.dacard .now b,.dacard .next b{display:block;font-size:11.5px;color:var(--ink3);font-weight:700;margin-bottom:1px}
.dgrowth{width:100%;height:auto;display:block}
.dtimeline{display:grid;margin-left:8px}
.dtimeline .t{position:relative;padding:0 0 14px 22px;border-left:2px solid var(--line)}.dtimeline .t:last-child{border-left-color:transparent}
.dtimeline .t::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:3px solid var(--accent)}
.dtimeline .t small{color:var(--ink3);font-size:12px}.dtimeline .t p{margin:2px 0 0;font-size:14px}
.dtext{margin:0 0 8px;font-size:14.5px;line-height:1.7;white-space:pre-wrap;color:var(--ink)}
.dtext b{display:block;font-size:12px;color:var(--ink3)}
.dep{display:grid;gap:10px;margin-top:6px}
.dep div{border-left:3px solid var(--accent);padding:6px 12px;background:var(--surface2);border-radius:0 10px 10px 0;font-size:14px}
.dep div.watch{border-left-color:var(--watch)}.dep small{display:block;color:var(--ink3);font-size:12px}
.dlist{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.dlist li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:14px;line-height:1.55}
.dlist li>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:900;font-size:13px}
.dlist.home li>span{background:var(--plus-soft);color:var(--plus)}.dlist.next li>span{background:var(--watch-soft);color:var(--watch)}
.dnav{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.dfoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:18px;color:var(--ink3);font-size:12.5px}
body.present .rdash .dbody{min-height:64vh}
body.present .rdash .dtabs button{font-size:17px;padding:10px 20px}
body.present .wrap{max-width:1240px}
.reqrow{display:flex;gap:6px;margin-top:6px}
.reqrow input{flex:1;min-width:0;font-size:13.5px}
.reqrow .btn{font-size:13px;padding:5px 10px;white-space:nowrap}
.reqbox{margin-top:6px;font-size:13px;border-radius:10px;padding:6px 10px}
.reqbox.open{background:var(--watch-soft)}
.reqbox.done{background:var(--plus-soft)}
.field.reqall{border:1.5px dashed var(--accent);border-radius:var(--r);padding:12px}
.aibar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--watch) 25%,transparent);overflow:hidden;margin-top:6px;position:relative}
.aibar i{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:3px;background:var(--watch);opacity:.5}
.aibar.run{background:var(--accent-soft)}
.aibar.run i{background:var(--accent);opacity:1;animation:aibar 1.2s ease-in-out infinite}
@keyframes aibar{0%{left:-30%}100%{left:100%}}
@media (prefers-reduced-motion:reduce){.aibar.run i{animation:none;width:100%;opacity:.6}}
.aipill{font-size:12px;border-radius:999px;padding:2px 10px;white-space:nowrap}
.aipill.on{background:var(--plus-soft);color:var(--plus)}.aipill.wait{background:var(--watch-soft);color:var(--watch)}.aipill.off{background:var(--surface2);color:var(--ink3)}
.cday.off{background:color-mix(in srgb,var(--watch-soft) 70%,transparent)}
.cday .holi{display:block;font-size:10.5px;color:var(--watch);line-height:1.25;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.offgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.offgrid ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13.5px}
.offgrid .krlist{max-height:150px;overflow:auto;color:var(--ink2)}
.daybanner.off{background:var(--watch-soft);color:var(--ink)}
/* ---------- 선생님 모드 머리·홈·하위 탭 (2026-10 메뉴 개편) ---------- */
.profchip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;padding:4px 12px 4px 4px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:13px;line-height:1.3}
.profchip:hover,.profchip[aria-current="page"]{border-color:var(--accent);background:var(--accent-soft)}
.profchip .pc-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent);font-family:var(--display);font-size:14px}
.profchip .pc-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.profchip .pc-txt b{font-family:var(--sans);font-weight:700;font-size:inherit;line-height:inherit}
.profchip .pc-cls,.profchip .pc-age{color:var(--ink2)}
.logout .lo-short{display:none}
.subtabs{position:sticky;top:0;z-index:5;display:flex;gap:4px;margin:0 0 14px;padding:6px 0;background:var(--bg);overflow-x:auto;scrollbar-width:none;border-bottom:1.5px solid var(--line)}
.subtab{padding:7px 14px;border-radius:999px;font-size:14.5px;color:var(--ink2);text-decoration:none;white-space:nowrap;border:1.5px solid transparent}
.subtab[aria-selected="true"]{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:700}
.hgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:12px}
.hcard{margin-bottom:12px}
.hgrid .hcard{margin-bottom:0}
.hcard h3 small{font-size:12.5px}
.hb-big{font-family:var(--display);font-size:17px;margin:0 0 4px}
.nline{padding:10px 14px}
.weekmini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}
.wk{display:flex;flex-direction:column;gap:2px;border-radius:12px;padding:7px 6px;background:var(--surface2);color:var(--ink2);text-decoration:none;min-width:0;border:1.5px solid transparent}
.wk .wk-d{font-size:12px}
.wk .wk-d b{font-size:15px;color:var(--ink)}
.wk .wk-s{font-size:12.5px;font-weight:700}
.wk .wk-a{font-size:10.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk.is-today{border-color:var(--accent)}
.wk.done{background:var(--plus-soft);color:var(--plus)}
.wk.part{background:var(--watch-soft);color:var(--watch)}
.wk.miss{background:#FBE3E2;color:#C0392B}
.wk.today{background:var(--accent);color:var(--on-accent)}
.wk.today .wk-d b,.wk.today .wk-a{color:var(--on-accent)}
.wk.off{background:color-mix(in srgb,var(--watch-soft) 70%,transparent);color:var(--watch)}
.wk.rest{background:transparent;border-style:dashed;border-color:var(--line)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .wk.miss{background:#4A2323;color:#F2A19C}}
:root[data-theme="dark"] .wk.miss{background:#4A2323;color:#F2A19C}
.hlist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;font-size:14px}
.hlist li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hlist a{color:inherit}
.hsec{margin:18px 0 6px;padding-top:6px;border-top:1.5px dashed var(--line)}
.hkids{margin-top:18px}
.cnway{text-align:left;cursor:pointer;color:inherit}
.cnway:hover{border-color:var(--accent)}
.mecard .who b{font-family:var(--display);font-weight:400;font-size:19px}
@media (max-width:520px){
  .ttop{gap:6px;padding-bottom:10px}
  .ttop .brand{gap:8px!important;min-width:0;flex:1 1 100%}
  .ttop .brandcat{width:34px;height:31px}
  .ttop .brandtxt span{display:none}
  .ttop .brand b{font-size:19px}
  .profchip{font-size:12.5px;padding-right:10px}
  .profchip .pc-age{display:none}
  .ttop .nav{flex-wrap:nowrap;gap:2px;width:100%;justify-content:space-between}
  .ttop .modetoggle{margin-right:2px}
  .ttop .modetoggle button{padding:4px 9px;font-size:12.5px}
  .ttop .logout{padding:5px 10px}
  .ttop .logout .lo-long{display:none}
  .ttop .logout .lo-short{display:inline}
}
.daybanner.off{display:block;line-height:1.5}
/* ---------- 선생님 화면 다듬기 (디자인 검수 2026-10-09 · docs/디자인/선생님홈_가이드.md) ---------- */
/* 프로필 칩: .brand b(브랜드 제목 크기)를 물려받지 않게 — .tag 크기 고정 */
.brand .profchip{font-size:13px;flex:0 1 auto}
.brand .profchip .pc-txt b{font-family:var(--sans);font-size:13px;font-weight:700;line-height:1.3}
.brand .profchip .pc-cls,.brand .profchip .pc-age{font-size:12px}
.brand .profchip .pc-av{width:24px;height:24px;font-size:13px}
/* 홈 카드 위계: 카드 제목 17px(display, 진한 글자) · 오늘 카드만 강조 */
.hcard h3{font-family:var(--display);font-size:17px;color:var(--ink);margin:0 0 8px;line-height:1.3}
.hcard h3 small{font-family:var(--sans)}
.hcard .row>h3{margin:0}
.hcard .row .btn.ghost{padding:4px 6px;color:var(--ink2)}
.hcard.hc-today{background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.hb-big{font-size:18px;line-height:1.4}
.hcard .bar{height:8px}
.nline{padding:10px 14px}
.nline .row{gap:4px 8px}
.hsec{margin:22px 0 8px;padding-top:14px}
.hsec h1{font-size:20px!important;line-height:1.3}
.hkids{margin-top:20px}
/* 하위 탭(캘린더·상담 공통): 한 줄 알약 묶음, 선택 = accent-soft + accent 글자 */
.subtabs{gap:2px;padding:4px;margin:0 0 16px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);top:6px;box-shadow:var(--shadow)}
.subtab{flex:1 0 auto;text-align:center;padding:7px 14px;font-size:14.5px;border:0;line-height:1.4}
.subtab[aria-selected="true"]{border:0;background:var(--accent-soft);color:var(--accent)}
.subtab:hover:not([aria-selected="true"]){color:var(--ink)}
@media (max-width:520px){
  .ttop .brand{flex-wrap:nowrap}
  .ttop .brand b{font-size:19px}
  .brand .profchip{padding:3px 10px 3px 3px}
  .subtab{padding:7px 10px;font-size:14px}
  .hcard{padding:14px}
}