*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f4f2;--surface: #ffffff;--border: #e0dedd;--border-strong: #c8c6c4;--text-primary: #1a1918;--text-secondary: #6b6966;--text-muted: #aaa9a7;--accent: #2a2826;--block-bg: #2a2826;--block-text: #f5f4f2;--block-border: #1a1918;--hover: #f0efed;--header-h: 56px;--time-w: 52px;--cell-h: 44px;--row-per-hour: 2}body{font-family:Pretendard,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow:hidden;height:100vh}header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;position:relative;z-index:10}.logo-img{height:40px;width:auto;display:block}.week-nav{display:flex;align-items:center;gap:12px}.week-nav button{width:34px;height:34px;border:none;background:var(--border);cursor:pointer;font-family:Pretendard,sans-serif;font-size:13px;color:var(--text-secondary);transition:background .15s;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.week-nav button:first-child{border-radius:55% 45% 48% 52%/52% 56% 44% 48%}.week-nav button:last-child{border-radius:46% 54% 55% 45%/48% 44% 56% 52%}.week-nav button:hover{background:var(--border-strong)}.week-label{font-size:11px;color:var(--text-secondary);letter-spacing:.5px;min-width:120px;text-align:center}.today-btn{font-family:Pretendard,sans-serif;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:var(--border);border:none;padding:8px 14px;cursor:pointer;color:var(--text-secondary);border-radius:52% 48% 55% 45%/46% 54%;transition:background .15s}.today-btn:hover{background:var(--border-strong)}.grid-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.day-headers{display:grid;grid-template-columns:var(--time-w) repeat(7,1fr);border-bottom:1px solid var(--border-strong);background:var(--surface);flex-shrink:0;position:relative;z-index:5}.day-header-empty{border-right:1px solid var(--border);padding:10px 0}.day-header{padding:8px 0 10px;text-align:center;border-right:1px solid var(--border);cursor:default;display:flex;flex-direction:column;align-items:center;gap:4px}.day-header:last-child{border-right:none}.day-name{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--surface);background:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:30px;height:20px;font-weight:500}.day-header:nth-child(2) .day-name{border-radius:54% 46% 50% 50%/48% 52% 50%}.day-header:nth-child(3) .day-name{border-radius:46% 54% 52% 48%/52% 46% 54% 48%}.day-header:nth-child(4) .day-name{border-radius:52% 48% 46% 54%/50% 54% 46% 50%}.day-header:nth-child(5) .day-name{border-radius:48% 52% 54% 46%/54% 48% 52% 46%}.day-header:nth-child(6) .day-name{border-radius:56% 44% 48% 52%/46% 56% 44% 54%}.day-header:nth-child(7) .day-name{border-radius:44% 56% 52% 48%/52% 44% 56% 48%}.day-header:nth-child(8) .day-name{border-radius:50% 50% 44% 56%/56% 50% 50% 44%}.day-header.weekend .day-name{background:var(--border-strong);color:var(--surface)}.day-num{font-size:17px;font-family:Pretendard,sans-serif;font-weight:600;color:var(--text-primary);display:block;line-height:1.2}.day-header.weekend .day-num{color:var(--text-muted)}.day-header.today .day-name{background:var(--accent);color:var(--surface)}.day-header.today .day-num{color:var(--accent)}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.time-grid{display:grid;grid-template-columns:var(--time-w) repeat(7,1fr);position:relative}.time-col{display:flex;flex-direction:column;border-right:1px solid var(--border-strong);background:var(--surface);position:sticky;left:0;z-index:3}.time-label{height:var(--cell-h);display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 0;font-size:9px;color:#888785;letter-spacing:.3px;flex-shrink:0;position:relative}.time-label.half{visibility:hidden}.day-col{position:relative;border-right:1px solid var(--border)}.day-col:last-child{border-right:none}.cell{height:var(--cell-h);border-bottom:1px solid #c8c6c4;cursor:pointer;background:var(--surface);transition:background .1s;position:relative}.cell.hour-start{border-bottom:1px dashed #d8d6d4}.cell:hover{background:var(--hover)}.block{position:absolute;left:3px;right:3px;background:var(--block-bg);color:var(--block-text);border-radius:3px;padding:4px 7px;font-size:10px;line-height:1.4;cursor:pointer;z-index:2;overflow:hidden;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.block:hover{opacity:.85}.block:active{transform:scale(.98)}.block-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:.2px}.block-time{font-size:9px;color:var(--text-muted);color:#f5f4f280;display:block;margin-top:1px}.overlay{position:fixed;inset:0;background:#1a191866;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;width:360px;max-width:90vw;padding:28px;transform:translateY(6px);transition:transform .2s;box-shadow:0 20px 60px #0000001f}.overlay.open .modal{transform:translateY(0)}.modal-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.3px}.form-group{margin-bottom:16px}label{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}input[type=text],input[type=date],select{width:100%;font-family:Pretendard,sans-serif;font-size:13px;padding:9px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text-primary);border-radius:4px;outline:none;transition:border-color .15s;appearance:none;-webkit-appearance:none}input:focus,select:focus{border-color:var(--border-strong)}.time-select-wrap{position:relative}.time-select-wrap:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-muted);pointer-events:none}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duration-row{display:flex;gap:8px;align-items:center}.dur-btn{height:38px;width:38px;border:none;background:var(--border);font-family:Pretendard,sans-serif;font-size:16px;cursor:pointer;color:var(--text-primary);transition:background .1s;flex-shrink:0;display:flex;align-items:center;justify-content:center}#durMinus{border-radius:54% 46% 50% 50%/48% 52%}#durPlus{border-radius:48% 52% 54% 46%/52% 48%}.dur-btn:hover{background:var(--border-strong)}.dur-display{flex:1;height:34px;border:1px solid var(--border);background:var(--bg);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);letter-spacing:.5px}.modal-actions{display:flex;gap:8px;margin-top:24px;justify-content:flex-end}.modal-actions .btn{width:48px;height:44px;padding:0;display:flex;align-items:center;justify-content:center}.modal-actions #deleteBtn{order:-1}.btn{font-family:Pretendard,sans-serif;font-size:11px;letter-spacing:.5px;padding:10px 16px;cursor:pointer;border:none;background:var(--border);color:var(--text-secondary);transition:background .15s;border-radius:50% 50% 52% 48%/48% 52% 50% 50%}.btn:hover{background:var(--border-strong)}.btn-primary{background:var(--accent);color:var(--block-text);border-radius:48% 52% 50% 50%/52% 48% 54% 46%}.btn-primary:hover{background:#1a1918}.btn-danger{background:var(--bg);color:#999;margin-right:auto;border-radius:52% 48% 48% 52%/50% 54% 46% 50%;border:1px solid var(--border)}.btn-danger:hover{color:#555;background:var(--border);border-color:transparent}@media(max-width:600px){:root{--header-h: 48px;--time-w: 36px;--cell-h: 40px}header{padding:0 12px}.logo-img{height:32px}.week-nav{gap:6px}.week-nav button{width:28px;height:28px;font-size:11px}.week-label{font-size:9px;min-width:80px;letter-spacing:0}.today-btn{font-size:8px;padding:6px 10px}.day-header{padding:5px 0 6px;gap:3px}.day-name{font-size:7px;width:22px;height:16px;letter-spacing:.3px}.day-num{font-size:13px}.time-label{font-size:8px;padding-right:4px}.overlay{align-items:flex-end}.modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:20px 16px 32px;transform:translateY(20px)}.overlay.open .modal{transform:translateY(0)}.modal-title{font-size:16px;margin-bottom:16px}.form-group{margin-bottom:12px}.modal-actions{gap:6px}}.time-line{position:absolute;left:0;right:0;height:1px;background:var(--accent);z-index:4;pointer-events:none}.time-line:before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.preview-block{position:absolute;left:3px;right:3px;background:var(--accent);border-radius:3px;opacity:.18;pointer-events:none;z-index:3}.preview-time-label{position:absolute;right:6px;font-size:9px;color:var(--text-secondary);pointer-events:none;z-index:5;background:var(--surface);padding:1px 4px;border-radius:2px;border:1px solid var(--border);white-space:nowrap}body.dragging,body.dragging *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}