*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#cbd5e1;min-height:100vh;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;color:inherit;font-size:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.wrap{max-width:420px;margin:0 auto;background:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a}.hdr{background:#fff;padding:14px 16px 12px;border-bottom:1px solid #E2E8F0;position:sticky;top:0;z-index:10}.bdy{padding:12px 14px 40px}.crd{background:#fff;border-radius:14px;border:1px solid #E2E8F0;padding:14px 16px;margin-bottom:10px}.crd-ok{background:#f0fdf4;border-color:#86efac}.crd-warn{background:#fffbeb;border-color:#fcd34d}.crd-info{background:#eff6ff;border-color:#bfdbfe}.lbl{font-size:calc(12px * var(--fz, 1));color:#64748b;margin-bottom:4px;display:block;font-weight:500}.inp{width:100%;border:1px solid #E2E8F0;border-radius:8px;padding:9px 12px;font-size:calc(14px * var(--fz, 1));background:#fff;outline:none;display:block}.inp:focus{border-color:#2563eb}.sel{width:100%;border:1px solid #E2E8F0;border-radius:8px;padding:9px 36px 9px 12px;font-size:calc(14px * var(--fz, 1));background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.btn{display:block;width:100%;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:13px;font-size:calc(15px * var(--fz, 1));font-weight:600;cursor:pointer;text-align:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-slate{background:#475569}.btn-kakao{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fee500;color:#191919;border:none;border-radius:12px;padding:14px;font-size:calc(16px * var(--fz, 1));font-weight:700;cursor:pointer}.btn-kakao:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:none;border:1px solid #E2E8F0;border-radius:8px;padding:6px 12px;font-size:calc(12px * var(--fz, 1));color:#64748b;cursor:pointer}.btn-icon{background:none;border:none;cursor:pointer;font-size:calc(26px * var(--fz, 1));color:#94a3b8;padding:0 6px;line-height:1}.btn-back{background:none;border:none;cursor:pointer;font-size:calc(22px * var(--fz, 1));color:#0f172a;padding:0 6px 0 0;line-height:1}.btn-link{background:none;border:none;cursor:pointer;font-size:calc(12px * var(--fz, 1));color:#64748b;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.btn-demo{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;border:1px dashed #CBD5E1;border-radius:10px;padding:11px;font-size:calc(13px * var(--fz, 1));color:#64748b;cursor:pointer}.btn-close{background:none;border:none;cursor:pointer;font-size:calc(22px * var(--fz, 1));color:#94a3b8;line-height:1;padding:4px}.dur-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dur-btn{border:1px solid #E2E8F0;border-radius:10px;padding:13px 8px;background:#fff;cursor:pointer;text-align:center;font-size:calc(14px * var(--fz, 1));transition:border-color .12s,background .12s}.dur-btn.sel{border:2px solid #2563EB;background:#eff6ff;color:#2563eb;font-weight:600}.dur-hint{font-size:calc(10px * var(--fz, 1));color:#b45309;margin-top:3px}.stats3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.stat-c{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:10px 6px;text-align:center}.stat-l{font-size:calc(11px * var(--fz, 1));color:#64748b}.stat-v{font-size:calc(15px * var(--fz, 1));font-weight:600;margin-top:2px}.stat-vs{font-size:calc(13px * var(--fz, 1));font-weight:600;margin-top:2px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-hd{text-align:center;font-size:calc(11px * var(--fz, 1));color:#94a3b8;padding:3px 0;font-weight:500}.cal-cell{text-align:center;padding:5px 2px;border-radius:8px;font-size:calc(11px * var(--fz, 1));color:#94a3b8;min-height:36px}.cal-cell.has{background:#eff6ff;color:#2563eb;font-weight:600}.cal-cell.tdy{background:#2563eb;color:#fff;font-weight:700}.cal-sub{font-size:calc(8px * var(--fz, 1));margin-top:1px;color:#2563eb}.cal-sub.ov{color:#b45309}.cal-legend{display:flex;gap:12px;margin-top:8px;font-size:calc(10px * var(--fz, 1));color:#64748b;flex-wrap:wrap}.dot{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle;margin-right:3px}.prog-wrap{position:relative;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:6px}.prog-fill{height:100%;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(90deg,#2563eb,#4f46e5 55%,#7c3aed);box-shadow:0 0 8px #4f46e573;transition:width .9s cubic-bezier(.22,.61,.36,1)}.prog-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);animation:shimmer 2.4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(220%)}}.prog-ticks{position:relative;height:14px;margin-bottom:4px}.prog-tick{position:absolute;top:0;transform:translate(-50%);font-size:calc(9px * var(--fz, 1));color:#cbd5e1;white-space:nowrap;transition:color .4s ease}.prog-tick:before{content:"╵";display:block;text-align:center;line-height:1;margin-bottom:1px}.prog-tick.on{color:#4f46e5;font-weight:600}.rec-row{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 0;border-top:1px solid #E2E8F0}.rec-row:first-child{border-top:none}.rec-dur{font-size:calc(13px * var(--fz, 1));font-weight:500;color:#2563eb}.rec-cap{font-size:calc(10px * var(--fz, 1));color:#b45309;margin-top:1px;text-align:right}.row{display:flex;justify-content:space-between;align-items:center}.vcenter{display:flex;align-items:center}.mb10{margin-bottom:10px}.c-mu{color:#64748b}.c-sub{color:#94a3b8}.c-pri{color:#2563eb}.c-ok{color:#15803d}.c-warn{color:#b45309}.c-err{color:#dc2626}.login-outer{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-icon{width:88px;height:88px;background:#eff6ff;border-radius:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:calc(48px * var(--fz, 1))}.done-outer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 28px;text-align:center;min-height:100vh}.session-bar{background:#f0fdf4;border-bottom:1px solid #BBF7D0;padding:6px 16px;display:flex;align-items:center;justify-content:space-between}.kakao-badge{display:inline-flex;align-items:center;gap:4px;background:#fffbe6;border:1px solid #FCD34D;border-radius:20px;padding:3px 10px;font-size:calc(11px * var(--fz, 1));color:#92400e}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:3px solid #E2E8F0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.sheet-panel{width:100%;max-width:420px;background:#fff;border-radius:24px 24px 0 0;animation:slideUp .3s cubic-bezier(.4,0,.2,1);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-handle{display:flex;justify-content:center;padding:12px 0 4px;position:sticky;top:0;background:#fff;z-index:1}.sheet-handle-bar{width:40px;height:4px;background:#e2e8f0;border-radius:2px}.sheet-body{padding:4px 20px 40px}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pop{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}