/* EAIM 우리반 공통 모양 */
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#eef3f8;--ink:#1d2433;--ink2:#505869;--ink3:#8a91a0;--line:#dfe5ee;--blue:#2563a8;--blue2:#e3eefb;--todo:#257a4a;--todo2:#e8f6ee;--bring:#c4621c;--bring2:#fff2e6;--notice:#4b3fa6;--notice2:#efedfc;--red:#c0392b}
html,body{height:100%}
body{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;background:var(--bg);color:var(--ink);word-break:keep-all;line-height:1.55;-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus,select:focus,textarea:focus,a:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.top{background:linear-gradient(120deg,#1d3557 0%,#2563a8 60%,#2a9d8f 100%);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px 18px}
.top .in{max-width:760px;margin:0 auto}
.top small{display:block;font-size:.8rem;opacity:.8;font-weight:700;letter-spacing:.04em}
.top h1{font-size:1.5rem;letter-spacing:-.02em;margin-top:2px}
.top .sub{font-size:.88rem;opacity:.85;margin-top:4px}
main{max-width:760px;margin:0 auto;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 28px)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 8px 22px -18px rgba(29,36,51,.4)}
.card h2{font-size:1rem;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.card h2 span{font-size:.78rem;color:var(--ink3);font-weight:400}
.muted{color:var(--ink3);font-size:.9rem}
.btn{border:none;border-radius:10px;padding:9px 14px;font-weight:700;font-size:.9rem;background:var(--blue);color:#fff}
.btn.line{background:#fff;color:var(--blue);border:1px solid var(--blue)}
.btn.soft{background:var(--blue2);color:var(--blue)}
.btn.red{background:#fff;color:var(--red);border:1px solid #f0c9c4}
.btn:disabled{opacity:.5;cursor:default}
.k{display:inline-block;font-size:.72rem;font-weight:800;border-radius:99px;padding:1px 9px;white-space:nowrap}
.k.todo{background:var(--todo2);color:var(--todo)}.k.bring{background:var(--bring2);color:var(--bring)}.k.notice{background:var(--notice2);color:var(--notice)}
.items{list-style:none}
.items li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line)}
.items li:last-child{border-bottom:none}
.items .t{flex:1;font-size:.98rem;white-space:pre-wrap;overflow-wrap:anywhere}
.items .d{font-size:.78rem;color:var(--ink3);white-space:nowrap}
.foot{font-size:.74rem;color:var(--ink3);text-align:center;margin-top:18px}
.foot a{color:inherit}
.tip{display:none;align-items:center;gap:8px;background:#fff8e1;border:1px solid #f3d98b;color:#6b5200;border-radius:12px;padding:9px 12px;font-size:.86rem;margin-bottom:14px}
.tip.on{display:flex}
.tip span{flex:1}
.tip button{border:none;background:none;color:#6b5200;font-size:1.1rem;padding:0 4px}