/* 학생 화면 공통 (새 홈 · 일기 · 더 공부하기 · 홈 꾸미기). 색은 student-prefs.js 가 고른 테마로 바꾼다. 글씨는 rem 이라 글씨 크기 설정을 따른다. */
:root{--accent:#2f5d50;--accent-dark:#1f4238;--accent-tint:#e5eeea;--warm:#e7863f;--bg:#f6f3ed;--ink:#1e2724;--muted:#5e6a65;--line:#e4ded3;--red:#c2432f}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ebe8e1;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.hidden{display:none!important}
.phone{width:min(100%,430px);min-height:100vh;margin:auto;background:var(--bg);padding-bottom:110px}
@media (min-width:820px){.phone.wide{width:min(100%,1040px)}.phone.wide .wrap{padding:36px 40px 0}}
.wrap{padding:24px 20px 0;display:flex;flex-direction:column;gap:16px}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg)}
.topbar a.back{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.topbar h1{margin:0;font-size:1.375rem;font-weight:800;flex:1}
.topbar .side{font-size:.8125rem;color:var(--accent);padding:12px 8px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px}
.ic{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.ic svg{width:24px;height:24px}
.btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.btns.one{grid-template-columns:1fr}
.btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:14px;padding:12px 8px;font-size:.9375rem;font-weight:700;background:var(--accent);color:#fff;border:1.5px solid var(--accent);cursor:pointer}
.btn svg{width:17px;height:17px;flex:none}
.btn.line{background:#fff;color:var(--accent)}
.btn:disabled{opacity:.55;cursor:default}
.new{font-size:.6875rem;font-weight:700;color:#fff;background:var(--red);padding:2px 8px;border-radius:99px;line-height:1.5}
.nb{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.chev{flex:none;width:18px;height:18px}
.chip{font-size:.8125rem;color:var(--accent);background:var(--accent-tint);border:1px solid transparent;border-radius:99px;padding:6px 11px;cursor:pointer}
.bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 4px calc(10px + env(safe-area-inset-bottom));z-index:9}
@media (min-width:820px){.bottom{width:min(100%,1040px)}}
.nav{text-align:center;font-size:11px;color:var(--muted);padding:4px 0}.nav i{display:block;font-style:normal;font-size:17px;margin-bottom:2px}.nav.active{color:var(--accent);font-weight:800}