:root{--blue: #3182f6;--blue-dark: #1b64da;--blue-soft: #e8f3ff;--ink: #191f28;--ink-2: #4e5968;--muted: #8b95a1;--line: #e5e8eb;--bg: #f8f9fa;--danger: #e5484d;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:480px;min-height:100dvh;margin:0 auto;background:#fff;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}.topbar .back{border:0;background:none;padding:4px;margin-left:-8px;font-size:20px;color:var(--ink-2);cursor:pointer;line-height:1}.topbar h1{font-size:17px;font-weight:700;margin:0}.topbar-cta{margin-left:auto;border:0;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;padding:8px 14px;cursor:pointer;white-space:nowrap}.topbar-cta:active{background:var(--blue-dark)}.content{flex:1;padding:20px 20px 120px}.headline{font-size:22px;font-weight:700;line-height:1.4;margin:8px 0 4px}.subline{font-size:14px;color:var(--muted);margin:0 0 20px;line-height:1.6}.cal{border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 10px;background:#fff}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 4px}.cal-title{font-size:15px;font-weight:700}.cal-nav{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2);font-size:16px;cursor:pointer;line-height:1}.cal-nav:disabled{color:#c1c8cf;cursor:not-allowed}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dows{margin-bottom:4px}.cal-dows span{text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding:4px 0}.cal-dows .sun{color:var(--danger)}.cal-dows .sat{color:var(--blue)}.cal-day{aspect-ratio:1;border:0;border-radius:10px;background:none;font-size:14px;color:#c1c8cf;cursor:default;position:relative}.cal-day.avail{color:var(--ink);font-weight:600;background:var(--blue-soft);cursor:pointer}.cal-day.avail:after{content:"";position:absolute;left:50%;bottom:5px;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--blue)}.cal-day.active{background:var(--blue);color:#fff}.cal-day.active:after{background:#fff}.band-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.band-btn{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;cursor:pointer}.band-btn .band-time{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.band-btn small{font-size:12px;font-weight:500;color:var(--muted)}.band-btn.active{border-color:var(--blue);background:var(--blue-soft)}.band-btn.active .band-time,.band-btn.active small{color:var(--blue-dark)}.band-btn:disabled{background:var(--bg);cursor:not-allowed}.band-btn:disabled .band-time{color:var(--muted)}.band-btn:disabled small{color:#c1c8cf}.band-btn small.low{color:#e8890c}.empty-day{padding:40px 0;text-align:center;color:var(--muted);font-size:14px}.field{margin-bottom:22px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.field input{width:100%;padding:14px 16px;font-size:16px;border:1px solid var(--line);border-radius:var(--radius);outline:none;background:#fff;color:var(--ink)}.field input:focus{border-color:var(--blue)}.hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.summary-card{background:var(--bg);border-radius:var(--radius);padding:16px 18px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.summary-card .when{font-size:16px;font-weight:700}.summary-card .change{border:0;background:none;color:var(--blue);font-size:13px;font-weight:600;cursor:pointer}.notice{background:var(--blue-soft);border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--blue-dark);line-height:1.6;margin-top:16px}.notice.gray{background:var(--bg);color:var(--ink-2)}.cta-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 30%)}.cta{width:100%;padding:16px;border:0;border-radius:var(--radius);background:var(--blue);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.cta:disabled{background:#c9d6e8;cursor:not-allowed}.cta.ghost{background:#fff;color:var(--ink-2);border:1px solid var(--line);margin-top:10px}.cta.danger-ghost{background:#fff;color:var(--danger);border:1px solid var(--line);margin-top:10px}.center-screen{padding:64px 20px 120px;text-align:center}.big-icon{width:64px;height:64px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:30px;line-height:64px;margin:0 auto 20px}.big-icon.gray{background:var(--bg);color:var(--muted)}.center-screen h2{font-size:20px;margin:0 0 10px}.center-screen p{font-size:14px;color:var(--ink-2);line-height:1.7;margin:0}.book-card{margin:24px auto 0;max-width:320px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.book-card dl{margin:0;display:grid;grid-template-columns:72px 1fr;row-gap:10px;font-size:14px}.book-card dt{color:var(--muted)}.book-card dd{margin:0;font-weight:600}.modal-back{position:fixed;inset:0;background:#191f2880;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom))}.modal h3{margin:0 0 8px;font-size:18px}.modal p{margin:0 0 20px;font-size:14px;color:var(--ink-2);line-height:1.6}.notice.error{background:#fdecec;color:var(--danger)}.retry{margin-top:12px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:13px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer}