.calendar-page{background:radial-gradient(circle at top,#2563eb12,#0000 28%),linear-gradient(#f8fafc 0%,#fff 100%);min-height:100vh;padding:24px 20px 40px}.calendar-container{width:100%;max-width:1120px;margin:0 auto}.calendar-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:20px 22px;display:flex;box-shadow:0 8px 30px #0f172a0a}.calendar-kicker{letter-spacing:.12em;text-transform:uppercase;color:#deaf45;margin:0 0 6px;font-size:12px;font-weight:800}.calendar-title{color:#0f172a;margin:0;font-size:28px;font-weight:800;line-height:1.1}.calendar-subtitle{color:#475569;max-width:760px;margin:8px 0 0;font-size:14px;line-height:1.6}.calendar-switch{flex-shrink:0;width:56px;height:32px;position:relative}.calendar-switch input{opacity:0;width:0;height:0}.calendar-slider{cursor:pointer;background:#cbd5e1;border-radius:999px;transition:all .3s;position:absolute;inset:0}.calendar-slider:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #0f172a24}.calendar-switch input:checked+.calendar-slider{background:#deaf45}.calendar-switch input:checked+.calendar-slider:before{transform:translate(24px)}.calendar-grid-top{grid-template-columns:1.25fr .95fr;gap:16px;margin-bottom:16px;display:grid}.calendar-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 10px 28px #0f172a0a}.calendar-card-header{margin-bottom:14px}.calendar-card-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.calendar-card-text{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.55}.calendar-grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.calendar-grid-form.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-field{flex-direction:column;display:flex}.calendar-label{color:#334155;margin-bottom:8px;font-size:12px;font-weight:700}.calendar-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.calendar-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.calendar-tip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.55}.calendar-summary{gap:10px;display:grid}.calendar-summary-item{background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.calendar-summary-item span{color:#64748b;font-size:13px}.calendar-summary-item strong{color:#0f172a;font-size:13px}.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.calendar-day{cursor:pointer;background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;gap:10px;min-height:132px;padding:12px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.calendar-day:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb0d}.calendar-day.active{background:linear-gradient(#eff6ff 0%,#fff 100%);border-color:#2563eb}.calendar-day-head{align-items:center;gap:10px;display:flex}.calendar-day-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.calendar-day.active .calendar-day-badge{color:#fff;background:#2563eb;border-color:#2563eb}.calendar-day-name{color:#0f172a;font-size:14px;font-weight:800}.calendar-day-state{color:#64748b;font-size:12px;font-weight:700}.calendar-day.active .calendar-day-state{color:#1d4ed8}.calendar-day-times{flex-direction:column;gap:6px;display:flex}.calendar-time-input{width:100%;height:34px;font-size:12px}.calendar-time-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.calendar-time-separator{display:none}.calendar-actions{margin-top:18px}.calendar-button{color:#fff;cursor:pointer;background:#deaf45;border:none;border-radius:16px;width:100%;height:52px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s}.calendar-button:hover{transform:translateY(-1px)}.calendar-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:1024px){.calendar-grid-top{grid-template-columns:1fr}.calendar-days{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-grid-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.calendar-page{padding:18px 12px 28px}.calendar-topbar{border-radius:20px;align-items:flex-start;padding:18px}.calendar-title{font-size:24px}.calendar-card{border-radius:20px;padding:18px}.calendar-grid-form,.calendar-grid-form.compact{grid-template-columns:1fr}.calendar-days{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:108px}}.calendar-share-card{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;margin-top:20px;padding:18px;display:flex}.calendar-share-icon{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.calendar-share-title{font-size:14px;font-weight:600}.calendar-share-sub{color:#64748b;font-size:12px}.calendar-share-url{color:#1e293b;background:#fff;border:1px dashed #cbd5f5;border-radius:10px;padding:10px;font-size:13px;overflow-x:auto}.calendar-share-actions{gap:8px;display:flex}.btn-copy{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:8px 14px}.btn-open{color:#fff;background:#0f172a;border-radius:10px;padding:8px 14px;text-decoration:none}.calendar-share-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:14px 16px}.calendar-share-left{align-items:center;gap:12px;display:flex}.calendar-share-icon{color:#fff;background:#deaf45;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.calendar-share-info{flex:1}.calendar-share-title{margin-bottom:6px;font-size:13px;font-weight:600}.calendar-share-row{align-items:center;gap:8px;display:flex}.calendar-share-url{white-space:nowrap;text-overflow:ellipsis;color:#2563eb;background:#fff;border:1px dashed #cbd5f5;border-radius:8px;max-width:320px;padding:6px 10px;font-size:13px;overflow:hidden}.btn-copy{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.btn-open{color:#fff;background:#0f172a;border-radius:8px;padding:6px 10px;font-size:12px;text-decoration:none}.calendar-day{transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.calendar-day-hint{animation:2.5s ease-in-out infinite onboardingSelect}.calendar-day-cursor{z-index:20;color:#2563eb;pointer-events:none;animation:2.5s ease-in-out infinite fakeCursorClick;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes onboardingSelect{0%{background:#fff;border-color:#e2e8f0;transform:scale(1);box-shadow:0 0 #2563eb00}18%{background:#eff6ff;border-color:#2563eb;transform:scale(1.05);box-shadow:0 0 0 10px #2563eb1f}30%{background:#dbeafe;transform:scale(.96)}45%{background:#eff6ff;border-color:#2563eb;transform:scale(1.03)}60%{transform:scale(1)}to{background:#fff;border-color:#e2e8f0;transform:scale(1);box-shadow:0 0 #2563eb00}}@keyframes fakeCursorClick{0%{opacity:0;transform:translate(-40%,-40%)scale(.7)}15%{opacity:1}22%{transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-50%)scale(.82)}40%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}