.cal-page{max-width:1200px;font-family:var(--font-quicksand), sans-serif;margin:0 auto;padding:24px 20px 80px}.cal-hero{text-align:center;padding:48px 0 32px}.cal-hero-badge{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);letter-spacing:1px;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:.72rem;font-weight:800;display:inline-flex}.cal-hero-title{color:var(--text-main);margin-bottom:14px;font-size:2.6rem;font-weight:800;line-height:1.2}.cal-hero-sub{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.6}.cal-input-card{background:var(--card-bg,#fff);border:1px solid var(--border-light);border-radius:20px;margin-bottom:32px;padding:32px;box-shadow:0 8px 20px #0000000a}.cal-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.cal-grid-2{grid-template-columns:1fr}}.cal-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.cal-input,.cal-select{background:var(--bg);border:1px solid var(--border-light);color:var(--text-main);border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.cal-input:focus,.cal-select:focus{border-color:var(--primary);outline:none}.cal-select option{background:var(--bg);color:var(--text-main)}.cal-events-section{background:var(--bg);border:1px dashed var(--border-light);border-radius:14px;margin-top:8px;padding:20px}.cal-events-title{color:var(--text-main);align-items:center;gap:6px;margin-bottom:14px;font-size:.85rem;font-weight:700;display:flex}.cal-event-row{grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.cal-event-row input[type=date]{color-scheme:normal}.cal-add-event-btn{background:var(--card-bg);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.cal-add-event-btn:hover{background:var(--border-light)}.cal-remove-event-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cal-generate-btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:16px;font-size:1rem;font-weight:800;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 15px #ff4f334d}.cal-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cal-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cal-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cal-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:.9rem}.cal-loading{text-align:center;color:var(--text-muted);padding:40px}.cal-loading-bar{background:var(--border-light);border-radius:3px;max-width:300px;height:3px;margin:16px auto;overflow:hidden}.cal-loading-fill{background:var(--primary);height:100%;animation:2s ease-in-out infinite load-fill}@keyframes load-fill{0%{width:0%;margin-left:0}50%{width:70%;margin-left:15%}to{width:0%;margin-left:100%}}.cal-results{animation:.4s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cal-summary-bar{background:var(--card-bg);border:1px solid var(--border-light);color:var(--text-muted);border-radius:14px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 22px;font-size:.9rem;display:flex}.cal-summary-bar strong{color:var(--primary)}.cal-view-toggle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.cal-view-btn{border:1px solid var(--border-light);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.cal-view-btn.active{background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary)}.cal-month-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:32px;display:grid}.cal-week-header{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px;font-size:.72rem;font-weight:700}.cal-day-cell{background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;gap:4px;min-height:100px;padding:8px;transition:border-color .2s;display:flex}.cal-day-cell:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.cal-day-cell.has-event{background:#eab3080a;border-color:#eab30866}.cal-day-cell.today{background:#10b9810a;border-color:#10b98180}.cal-day-num{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:.78rem;font-weight:800;display:flex}.cal-day-num .today-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.cal-content-pill{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:5px;align-items:center;gap:3px;padding:3px 6px;font-size:.66rem;font-weight:700;display:flex;overflow:hidden}.cal-event-badge{color:#fbbf24;background:#eab30833;border:1px solid #eab3084d;border-radius:4px;padding:2px 5px;font-size:.62rem;font-weight:800}.cal-table-wrap{border:1px solid var(--border-light);background:var(--card-bg);border-radius:14px;overflow-x:auto;box-shadow:0 4px 20px #00000008}.cal-table{border-collapse:collapse;width:100%;font-size:.85rem}.cal-table th{background:var(--bg);border-bottom:2px solid var(--border-light);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:.72rem;font-weight:700}.cal-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:10px 16px}.cal-table tr:hover td{background:var(--bg)}.cal-table tr.event-row td{background:#eab3080a}.platform-chip{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.psych-badge{border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.phase-badge{border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.phase-pre{color:#fb923c;background:#f9731626}.phase-day{color:#fbbf24;background:#eab30833}.phase-post{color:#34d399;background:#10b98126}.cal-detail-drawer{background:var(--card-bg);border-left:1px solid var(--border-light);z-index:100;width:360px;padding:32px 24px;animation:.25s slideIn;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #0000000d}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cal-drawer-close{background:var(--bg);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.cal-drawer-close:hover{background:var(--border-light);color:var(--text-main)}.cal-drawer-overlay{z-index:99;background:#00000080;position:fixed;inset:0}@media (max-width:768px){.cal-month-grid{grid-template-columns:repeat(7,minmax(40px,1fr))}.cal-day-cell{min-height:60px;padding:4px}.cal-content-pill{display:none}.cal-detail-drawer{width:100%}}