:root{font-family:'Malgun Gothic',system-ui,sans-serif;color:#182f48;background:#eef4fa;font-size:17px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.filebutton{border:1px solid #c4d2df;border-radius:12px;padding:10px 17px;background:white;color:#233e58;cursor:pointer}button:hover,.filebutton:hover{background:#edf6ff;border-color:#387ac5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f6a800;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#175bd0;color:white;border-color:#175bd0;font-weight:700}.primary:hover{background:#104aaa;color:white}.quiet{background:transparent}header{padding:18px 3vw;background:white;border-bottom:1px solid #d5e0eb;display:flex;align-items:center;gap:10px;flex-wrap:wrap}header a{color:#14355d;text-decoration:none;font-size:21px;margin-right:auto}header a b{display:block;font-size:25px;line-height:1.2}#groupLabel{font-weight:bold}main{max-width:1440px;margin:auto;padding:25px 3vw}h1{font-size:30px;line-height:1.4;margin:0 0 12px}h2{font-size:23px;margin:0 0 12px}h3{margin:10px 0}p{margin:8px 0 18px}.muted{color:#547087}.eyebrow{color:#2164bb;font-weight:700;letter-spacing:.06em;font-size:14px}.panel{background:white;border:1px solid #d7e1eb;border-radius:20px;padding:25px;box-shadow:0 8px 30px #12355c08}.layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(450px,1.2fr);gap:24px}.town{position:relative;border-radius:22px;overflow:hidden;background:#c7e8f8;min-height:300px;margin:18px 0}.town img{display:block;width:100%;height:360px;object-fit:cover}.town .caption{position:absolute;bottom:16px;left:16px;background:#fffef2ed;padding:8px 16px;border-radius:12px}.people{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.person{text-align:left;padding:18px;position:relative;border-radius:18px;min-height:155px;border-top:5px solid var(--accent,#387ac5)}.person .emoji{font-size:38px;display:block;animation:work 3s ease-in-out infinite}.person strong{display:block;font-size:19px}.person small{display:block;font-size:14px}.person .status{color:#536e81;margin-top:8px}.steps{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}.step{padding:7px 15px;border-radius:50px;background:#e1e9f2;font-size:15px}.step.active{background:#175bd0;color:white}.portrait{font-size:84px;background:#e8f2fd;border-radius:20px;text-align:center;padding:22px;margin:12px 0;animation:work 4s ease-in-out infinite}.tag{display:inline-block;border-radius:30px;background:#e8f2fd;color:#155294;padding:3px 12px;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.days{display:flex;gap:9px;flex-wrap:wrap}.days button.selected{background:#175bd0;color:white}label.field{display:block;font-weight:700;margin:16px 0 8px}input:not([type=file]),textarea{display:block;width:100%;border:1px solid #a9bacb;border-radius:10px;padding:12px;background:#fbfdff;color:#182f48}textarea{min-height:210px;resize:vertical}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.filebutton{font-size:15px}.bubble{background:#edf5fd;border-radius:6px 18px 18px;padding:20px 24px;font-size:21px;white-space:pre-wrap;line-height:1.9}.bubble.student{background:#175bd0;color:white;margin:16px 0;font-size:17px;border-radius:18px 6px 18px 18px}.questions{display:grid;gap:9px;max-height:570px;overflow-y:auto;padding:3px}.questions button{text-align:left}.questions button.asked{border-left:5px solid #4e8b68}.follow{background:#edf8f2;border:1px solid #90bfa2}.note{border-left:4px solid #f1b437;padding:12px 18px;background:#fff8e6;margin:16px 0}.start{max-width:660px;margin:35px auto}.mail{white-space:pre-wrap;background:#f5f8fc;border-radius:12px;padding:18px;overflow-wrap:anywhere}.history{border-bottom:1px solid #d3dfeb;padding:12px 0}.history b{display:block}footer{font-size:14px;text-align:center;padding:20px;color:#566c7e}#notice:not(:empty){background:#fff0c3;padding:12px 3vw}dialog{border:0;border-radius:18px;max-width:680px;width:90%;max-height:85vh;overflow:auto;padding:28px;color:#182f48}dialog::backdrop{background:#16304788}#dialogBody{white-space:pre-wrap}.success{font-size:54px} .toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}@keyframes work{50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1050px){.people{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}.questions{max-height:none}}@media(max-width:600px){.people{grid-template-columns:repeat(2,1fr)}header{padding:12px}header button,.filebutton{padding:7px;font-size:14px}h1{font-size:25px}.panel{padding:18px}.town img{height:240px}.bubble{font-size:19px}}