:root{--ch-bg: #f8fafc;--ch-surface: #ffffff;--ch-border: #e2e8f0;--ch-text: #0f172a;--ch-muted: #64748b;--ch-faint: #94a3b8;--ch-primary: #6366f1;--ch-primary-dark: #4f46e5;--ch-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--ch-success: #10b981;--ch-danger: #dc2626;--ch-pending: #a16207;--ch-pending-bg: #fefce8;--ch-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);--ch-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--ch-radius: 16px;--ch-tap: 44px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--ch-bg);color:var(--ch-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.ch-app{min-height:100vh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid rgba(99,102,241,.45);outline-offset:2px}.ch-hide-sm{display:inline}.ch-muted{color:var(--ch-muted);font-size:14px}.ch-note{color:var(--ch-faint);font-size:12px;margin:16px 0 0}.ch-empty{max-width:560px;margin:80px auto;padding:24px;text-align:center;color:var(--ch-muted)}.ch-header{background:var(--ch-gradient);color:#fff;padding:28px clamp(16px,4vw,40px) 32px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.ch-header h1{margin:0;font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.02em}.ch-header p{margin:6px 0 0;opacity:.85;font-size:14px}.ch-header-actions{display:flex;flex-wrap:wrap;gap:8px}.ch-btn{min-height:var(--ch-tap);padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}.ch-btn:active:not(:disabled){transform:translateY(1px)}.ch-btn-light{background:#ffffff26;border-color:#ffffff4d;color:#fff}.ch-btn-light:hover{background:#ffffff40}.ch-btn-review{background:#fff;color:var(--ch-primary-dark)}.ch-btn-review.has-pending{background:#fef08a;color:#713f12}.ch-btn-primary{background:var(--ch-gradient);color:#fff}.ch-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.ch-btn-ghost{background:var(--ch-surface);border-color:var(--ch-border);color:var(--ch-text)}.ch-btn-ghost:hover:not(:disabled){border-color:var(--ch-primary);color:var(--ch-primary-dark)}.ch-btn-approve{background:var(--ch-success);color:#fff}.ch-danger{color:var(--ch-danger)!important}.ch-btn-ghost.ch-danger:hover:not(:disabled){border-color:var(--ch-danger)}.ch-icon-btn{width:var(--ch-tap);height:var(--ch-tap);border-radius:10px;border:1px solid var(--ch-border);background:var(--ch-surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ch-icon-btn:hover:not(:disabled){border-color:var(--ch-primary)}.ch-input{min-height:var(--ch-tap);padding:0 12px;border-radius:10px;border:1px solid var(--ch-border);background:var(--ch-surface);font-size:15px;width:100%;min-width:0}.ch-input:focus{outline:none;border-color:var(--ch-primary);box-shadow:0 0 0 3px #6366f133}.ch-input-sm{font-size:14px}.ch-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;background:#f1f5f9;color:#334155;white-space:nowrap}.ch-tag-daily{background:#e0e7ff;color:#3730a3}.ch-tag-weekly{background:#dcfce7;color:#166534}.ch-tag-monthly{background:#fce7f3;color:#9d174d}.ch-tag-zone{background:#f1f5f9;color:var(--ch-muted)}.ch-tag-pending{background:var(--ch-pending-bg);color:var(--ch-pending);border:1px dashed #facc15}.ch-tag-type{background:#eef2ff;color:var(--ch-primary-dark)}.ch-main{max-width:1400px;margin:-16px auto 0;padding:0 clamp(12px,3vw,32px) 48px;display:flex;flex-direction:column;gap:20px}.ch-banner{padding:12px 16px;border-radius:12px;font-size:14px}.ch-banner-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ch-banner-pending{background:var(--ch-pending-bg);color:var(--ch-pending);border:1px dashed #facc15}.ch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ch-stat{background:var(--ch-surface);border-radius:var(--ch-radius);box-shadow:var(--ch-shadow);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.ch-stat-label{font-size:13px;color:var(--ch-muted);font-weight:500}.ch-stat-value{font-size:28px;font-weight:700;letter-spacing:-.02em}.ch-stat-sub{font-size:12px;color:var(--ch-faint)}.ch-progress{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.ch-progress>div{height:100%;background:var(--ch-gradient);border-radius:inherit;transition:width .3s ease}.ch-progress-sm{height:4px;margin-top:auto}.ch-progress-lg{height:10px;margin-bottom:16px}.ch-toolbar{background:var(--ch-surface);border-radius:var(--ch-radius);box-shadow:var(--ch-shadow-sm);padding:12px;display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:10px;align-items:center}.ch-rotation{display:flex;align-items:center;gap:8px;padding:0 4px}.ch-rotation.is-pending .ch-switch-track{outline:2px dashed #facc15;outline-offset:2px}.ch-switch{display:inline-flex;align-items:center;gap:10px;min-height:var(--ch-tap);font-size:14px;font-weight:500;cursor:pointer;position:relative}.ch-switch input{position:absolute;opacity:0;width:1px;height:1px}.ch-switch-track{width:44px;height:26px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .2s;flex-shrink:0}.ch-switch-track span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--ch-shadow-sm);transition:transform .2s}.ch-switch input:checked+.ch-switch-track{background:var(--ch-primary)}.ch-switch input:checked+.ch-switch-track span{transform:translate(18px)}.ch-switch input:focus-visible+.ch-switch-track{outline:3px solid rgba(99,102,241,.45);outline-offset:2px}.ch-tip{position:relative;display:inline-flex}.ch-tip-btn{width:var(--ch-tap);height:var(--ch-tap);border:none;background:none;display:inline-flex;align-items:center;justify-content:center}.ch-tip-btn:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ch-faint)}.ch-tip-btn{font-size:12px;font-weight:700;color:var(--ch-muted);font-style:italic}.ch-tip-text{position:absolute;right:0;top:calc(100% + 4px);width:280px;background:var(--ch-text);color:#fff;font-size:13px;line-height:1.45;padding:10px 12px;border-radius:10px;box-shadow:var(--ch-shadow);opacity:0;visibility:hidden;transition:opacity .15s;z-index:20}.ch-tip:hover .ch-tip-text,.ch-tip:focus-within .ch-tip-text{opacity:1;visibility:visible}.ch-calendar{background:var(--ch-surface);border-radius:var(--ch-radius);box-shadow:var(--ch-shadow);padding:16px}.ch-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.ch-cal-head h2{margin:0;font-size:20px;font-weight:700;text-align:center;flex:1}.ch-cal-nav{display:flex;gap:8px}.ch-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ch-weekdays{margin-bottom:6px}.ch-weekdays div{text-align:center;font-size:12px;font-weight:600;color:var(--ch-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 0}.ch-day{min-height:132px;min-width:0;border:1px solid var(--ch-border);border-radius:12px;padding:8px;background:var(--ch-surface);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s;outline:none}.ch-day:hover,.ch-day:focus-visible{border-color:var(--ch-primary);box-shadow:0 0 0 3px #6366f126}.ch-day.is-outside{background:#f8fafc;opacity:.55}.ch-day.is-today{border:2px solid var(--ch-primary);background:#eef2ff}.ch-day.is-complete .ch-day-badge{background:#dcfce7;color:#166534}.ch-day-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.ch-day-num{font-weight:700;font-size:14px}.ch-day.is-today .ch-day-num{background:var(--ch-primary);color:#fff;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.ch-day-badge{font-size:11px;font-weight:600;background:#f1f5f9;color:var(--ch-muted);padding:2px 6px;border-radius:999px;white-space:nowrap}.ch-pills{display:flex;flex-direction:column;gap:3px;min-width:0}.ch-pill{--pill: #94a3b8;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--pill) 14%,white);border-left:3px solid var(--pill);min-width:0}.ch-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-avatar-dot{width:7px;height:7px;border-radius:50%;background:var(--pill);flex-shrink:0}.ch-pill.is-done .ch-pill-text{text-decoration:line-through;color:var(--ch-faint)}.ch-pill.is-pending{background:transparent;border:1px dashed var(--ch-faint);border-left:3px dashed var(--pill);color:var(--ch-muted)}.ch-more{font-size:11px;color:var(--ch-muted);padding-left:4px}.ch-dots{display:none}.ch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;animation:ch-fade .15s ease}@keyframes ch-fade{0%{opacity:0}}.ch-modal{background:var(--ch-surface);border-radius:20px;box-shadow:0 25px 50px -12px #0000004d;width:100%;max-width:640px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.ch-modal-wide{max-width:860px}.ch-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 12px;border-bottom:1px solid var(--ch-border)}.ch-modal-head h3{margin:0;font-size:18px;font-weight:700}.ch-modal-sub{font-size:13px;color:var(--ch-muted);margin-top:4px}.ch-modal-body{padding:16px 20px 20px;overflow-y:auto}.ch-modal-foot{padding:12px 20px;border-top:1px solid var(--ch-border);display:flex;justify-content:flex-end}.ch-task-list,.ch-member-list,.ch-review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ch-task{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ch-border);border-radius:12px}.ch-task.is-pending{border-style:dashed;background:#fafafa;color:var(--ch-muted)}.ch-task.is-done .ch-task-title{text-decoration:line-through;color:var(--ch-faint)}.ch-task-main{flex:1;min-width:0}.ch-task-title{font-weight:600;font-size:15px}.ch-task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ch-task-actions{display:flex;align-items:center;gap:8px}.ch-assignee{display:flex;align-items:center;gap:6px}.ch-assignee select{width:140px}.ch-assignee.is-pending select{border-style:dashed;border-color:#facc15;color:var(--ch-muted)}.ch-check{width:var(--ch-tap);height:var(--ch-tap);border:none;background:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ch-check span{width:26px;height:26px;border-radius:8px;border:2px solid #cbd5e1;display:inline-flex;align-items:center;justify-content:center;color:transparent;font-weight:700;font-size:15px;transition:all .15s}.ch-check.is-checked span{background:var(--ch-gradient);border-color:var(--ch-primary-dark);color:#fff}.ch-check.is-pending span{border-style:dashed;border-color:#eab308}.ch-check.is-pending.is-checked span{background:#c7d2fe;color:#fff}.ch-avatar{border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.ch-lib-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px}.ch-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px;overflow-x:auto}.ch-tab{min-height:40px;padding:0 14px;border:none;border-radius:9px;background:transparent;font-size:14px;font-weight:500;color:var(--ch-muted);white-space:nowrap}.ch-tab.is-active{background:var(--ch-surface);color:var(--ch-text);box-shadow:var(--ch-shadow-sm)}.ch-tab-count{font-size:12px;color:var(--ch-faint);margin-left:4px}.ch-lib-search{margin-bottom:12px}.ch-lib-list{display:flex;flex-direction:column;gap:8px}.ch-lib-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ch-border);border-radius:12px}.ch-lib-card.is-pending{border-style:dashed;background:#fafafa;color:var(--ch-muted)}.ch-lib-card.is-deleting .ch-task-title{text-decoration:line-through}.ch-lib-main{flex:1;min-width:0}.ch-lib-actions{display:flex;gap:8px}.ch-form{display:flex;flex-direction:column;gap:14px}.ch-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155;flex:1;min-width:0}.ch-form-row{display:flex;gap:12px}.ch-form-error{background:#fef2f2;color:#991b1b;padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:8px}.ch-form-actions{display:flex;justify-content:flex-end;gap:8px}.ch-member-add{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#f8fafc;margin-bottom:16px}.ch-member-add-row{display:flex;align-items:center;gap:10px}.ch-member{border:1px solid var(--ch-border);border-radius:12px;padding:10px 12px}.ch-member.is-pending{border-style:dashed;background:#fafafa;color:var(--ch-muted)}.ch-member-row{display:flex;align-items:center;gap:10px}.ch-member-name{flex:1;font-weight:600;display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.ch-member-edit{display:flex;flex-direction:column;gap:10px;margin-top:12px}.ch-member-edit .ch-btn{align-self:flex-end}.ch-colors{display:flex;flex-wrap:wrap;gap:6px}.ch-swatch{width:var(--ch-tap);height:var(--ch-tap);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--ch-border);position:relative}.ch-swatch.is-selected{box-shadow:0 0 0 3px var(--ch-text)}.ch-swatch-custom{background:conic-gradient(#ef4444,#f59e0b,#84cc16,#10b981,#06b6d4,#6366f1,#ec4899,#ef4444);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.ch-swatch-custom span{color:#fff;font-weight:700;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none}.ch-swatch-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0}.ch-settings{margin-top:24px;padding-top:16px;border-top:1px solid var(--ch-border)}.ch-settings h4{margin:0 0 4px;font-size:15px}.ch-pin{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155;margin-bottom:16px;max-width:260px}.ch-review-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px dashed var(--ch-faint);border-radius:12px}.ch-review-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.ch-review-summary{font-weight:500;font-size:15px;overflow-wrap:anywhere}.ch-review-time{font-size:12px;color:var(--ch-faint)}.ch-review-actions{display:flex;gap:8px}.ch-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));background:var(--ch-text);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:var(--ch-shadow);z-index:60}.ch-toast-error{background:#991b1b}@media (max-width: 1024px){.ch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-toolbar{grid-template-columns:1fr 1fr}.ch-search,.ch-rotation{grid-column:1 / -1}.ch-day{min-height:112px}.ch-pills .ch-pill:nth-child(n+4){display:none}}@media (max-width: 640px){.ch-hide-sm{display:none}.ch-header{padding:20px 16px 28px}.ch-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.ch-header-actions .ch-btn{white-space:normal;text-align:center;line-height:1.2;padding:6px 10px}.ch-btn-review{grid-column:1 / -1}.ch-main{padding:0 12px 32px;gap:14px}.ch-stats{gap:10px}.ch-stat{padding:14px}.ch-stat-value{font-size:22px}.ch-toolbar{grid-template-columns:1fr}.ch-calendar{padding:10px 6px}.ch-cal-head h2{font-size:17px}.ch-grid{gap:3px}.ch-weekdays div{font-size:10px;letter-spacing:0}.ch-day{min-height:64px;padding:4px;border-radius:8px;gap:4px;align-items:center}.ch-day-head{flex-direction:column;gap:2px}.ch-day-num{font-size:13px}.ch-day.is-today .ch-day-num{width:22px;height:22px}.ch-day-badge{font-size:9px;padding:1px 4px}.ch-pills{display:none}.ch-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.ch-dots span{width:6px;height:6px;border-radius:50%}.ch-dots span.is-done{opacity:.3}.ch-progress-sm{width:100%;height:3px}.ch-overlay{padding:0;align-items:flex-end}.ch-modal,.ch-modal-wide{max-width:none;max-height:92vh;border-radius:20px 20px 0 0}.ch-task{flex-wrap:wrap}.ch-task-actions{width:100%;padding-left:56px}.ch-assignee{flex:1}.ch-assignee select{width:100%}.ch-lib-card,.ch-review-item{flex-direction:column;align-items:stretch}.ch-lib-actions .ch-btn,.ch-review-actions .ch-btn{flex:1}.ch-form-row{flex-direction:column}.ch-member-row{flex-wrap:wrap}.ch-pin{max-width:none}}