@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800&display=swap');
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#17212b;background:#f5f8fc;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% -10%,#cdeaff 0,transparent 38%),radial-gradient(circle at -10% 65%,#e8ddff 0,transparent 30%),#f5f8fc}.page-shell{width:min(680px,calc(100% - 32px));margin:0 auto;padding:62px 0 28px}.hero{padding:0 8px 30px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#3478b9}.dot{font-size:8px;color:#7fc4ed;vertical-align:2px;margin-left:4px}.hero h1{font-size:clamp(40px,8vw,58px);line-height:1.08;margin:12px 0 15px;letter-spacing:-.05em}.hero p{font-size:16px;color:#667482;margin:0;max-width:470px}.card{background:#fffffff2;border:1px solid #e3edf6;border-radius:26px;box-shadow:0 18px 45px #315a7d12;padding:30px;margin-bottom:18px;backdrop-filter:blur(8px)}.field-label{font-weight:700;font-size:14px;display:block;margin-bottom:9px}.form-card input[type=text],.form-card input:not([type]){width:100%}#name{width:100%;font:inherit;border:1px solid #dbe5ee;border-radius:13px;padding:14px;background:#fbfdff;outline:none;transition:.2s}#name:focus{border-color:#4e9bd3;box-shadow:0 0 0 4px #4e9bd31c}.label-row{display:flex;justify-content:space-between;align-items:center;margin-top:27px}.label-row .field-label{margin:0}.count-badge{font-size:12px;color:#3978a9;background:#edf7ff;padding:5px 10px;border-radius:99px}.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:13px 0 25px}.day-option{cursor:pointer}.day-option input{position:absolute;opacity:0}.day-option span{height:88px;border:1px solid #dfe7ef;background:#fcfdff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:.2s}.day-option b{font-size:25px}.day-option small{font-size:11px;color:#82909d}.day-option span:hover{border-color:#9accea;transform:translateY(-2px)}.day-option input:checked+span{background:linear-gradient(145deg,#eaf7ff,#f2f9ff);border-color:#54a9e2;color:#17669b;box-shadow:inset 0 0 0 1px #54a9e2,0 6px 12px #54a9e21c}.day-option input:focus-visible+span{outline:3px solid #54a9e255}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:linear-gradient(135deg,#287fb7,#17649b);color:white;font:700 15px inherit;padding:15px;cursor:pointer;transition:.2s;box-shadow:0 8px 16px #176da52b}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.arrow{font-size:20px;line-height:12px}.message{font-size:13px;text-align:center;min-height:20px;margin:12px 0 0;color:#3978a9}.message.error{color:#c54949}h2{font-size:21px;margin:3px 0 0}.people-count{font-size:13px;color:#667482}.summary-list{margin-top:20px;display:grid;gap:9px}.person-row{display:flex;align-items:center;justify-content:space-between;background:#f7fafc;border-radius:12px;padding:13px 14px;border:1px solid #edf2f6}.person-name{font-weight:700}.person-days{font-size:13px;color:#587286}.empty-state{text-align:center;color:#8a98a5;padding:18px 0;font-size:14px}footer{text-align:center;color:#9aa6b1;font-size:12px;padding:10px}.desktop-break{display:block}
@media(max-width:480px){.page-shell{padding-top:38px}.card{padding:22px;border-radius:20px}.day-grid{gap:6px}.day-option span{height:72px}.day-option b{font-size:21px}.desktop-break{display:none}}