@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#e0f2fe;--bg-color:#f8fafc;--surface-color:#fff;--canvas:#e2e8f0;--text-dark:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--border-radius:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-color:#0f172a;--surface-color:#1e293b;--canvas:#0b0f19;--text-dark:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--border-light:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080}.toolbar{z-index:100;justify-content:space-between;align-items:center;display:flex;position:absolute;top:1rem;left:1.5rem;right:1.5rem}.tool-btn{background:var(--surface-color);color:var(--text-dark);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.text-btn{background:var(--surface-color);color:var(--text-dark);cursor:pointer;height:36px;box-shadow:var(--shadow-sm);transition:var(--transition);border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.9em;font-weight:600;display:flex}.text-btn:hover,.tool-btn:hover{background:var(--primary);color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--text-dark);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Outfit,sans-serif;display:flex}.app-container{background-color:var(--surface-color);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;width:100%;max-width:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000001f,0 10px 20px #00000014}.spiral-rings{z-index:20;pointer-events:none;justify-content:space-evenly;width:100%;height:20px;display:flex;position:absolute;top:-10px;left:0}.spiral-ring{background:linear-gradient(90deg,#444,#888,#444);border-radius:3px;width:6px;height:24px;position:relative;box-shadow:1px 2px 3px #0006}.spiral-ring:before,.spiral-ring:after{content:"";z-index:-1;background-color:#222;border-radius:50%;width:12px;height:4px;position:absolute;left:-3px}.spiral-ring:before{top:0}.spiral-ring:after{bottom:0}.hero-container{background-color:#ddd;width:100%;height:350px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 20%;width:100%;height:100%}.hero-overlay{background-color:var(--primary);opacity:.95;clip-path:polygon(0 75%,45% 100%,100% 60%,100% 100%,0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-text-container{color:#fff;text-shadow:0 2px 4px #0000004d;z-index:10;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:2rem;right:3rem}.hero-year{letter-spacing:2px;font-size:1.5rem;font-weight:400;line-height:1}.hero-month{letter-spacing:1px;font-size:3rem;font-weight:800;line-height:1}@media (width<=768px){.hero-container{height:250px}.hero-month{font-size:2.2rem}.hero-overlay{clip-path:polygon(0 80%,45% 100%,100% 70%,100% 100%,0 100%)}.hero-text-container{bottom:1.5rem;right:1.5rem}}.calendar-grid-container{flex-direction:column;width:100%;padding:1rem 3rem 2rem 1rem;display:flex}.calendar-header{color:var(--text-dark);justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.current-month-display{align-items:center;gap:.5rem;display:flex}.month-select,.year-select{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dark);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding-right:2px;font-family:inherit;font-size:1.1rem;font-weight:600}.month-select:hover,.year-select:hover{color:var(--primary)}.nav-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.nav-btn:hover{background-color:var(--primary-light);color:var(--primary-dark)}.days-row{grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;display:grid}.day-name{text-align:center;color:var(--text-dark);font-size:.75rem;font-weight:700}.cells-grid{grid-template-columns:repeat(7,1fr);gap:4px 0;display:grid}.cell-wrapper{cursor:pointer;z-index:1;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.day-cell{z-index:10;width:32px;height:32px;color:var(--text-dark);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex;position:relative}.cell-wrapper:hover .day-cell:not(.selected-start):not(.selected-end){background-color:var(--border-light)}.disabled-text{font-weight:400;color:var(--text-light)!important}.weekend-text{color:var(--primary)!important}.selected-start,.selected-end{background-color:var(--primary);box-shadow:var(--shadow-md);animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;color:#fff!important}.selected-range{color:var(--primary-dark)!important}.range-connector{background-color:var(--primary-light);z-index:5;height:32px;position:absolute;top:50%;transform:translateY(-50%)}.mid-connector{left:0;right:0}.start-connector{left:50%;right:0}.end-connector{left:0;right:50%}@keyframes popIn{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.holiday-dot{background-color:#ef4444;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.selected-start .holiday-dot,.selected-end .holiday-dot{background-color:#fff}.holiday-tooltip{background-color:var(--text-dark);color:var(--surface-color);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition);z-index:50;box-shadow:var(--shadow-sm);letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600;position:absolute;top:-30px;left:50%;transform:translate(-50%)scale(.9)}.holiday-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--text-dark) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cell-wrapper:hover .holiday-tooltip{opacity:1;transform:translate(-50%)scale(1)}.today-highlight{border:2px solid var(--primary);font-weight:800}.today-highlight.selected-start,.today-highlight.selected-end{border-color:#fff}.btn-today-nav{background-color:var(--primary-light);color:var(--primary-dark);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition);border:none;border-radius:12px;margin-left:.5rem;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:700}.btn-today-nav:hover{background-color:var(--primary);color:#fff}@media (width<=768px){.calendar-grid-container{padding:1rem 2rem}}.notes-container{flex-direction:column;height:100%;padding:1rem 1rem 1rem 3rem;display:flex}.notes-title{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.9rem;font-weight:600}.notes-paper{flex:1;position:relative}.notes-textarea{resize:none;width:100%;height:100%;min-height:200px;color:var(--text-dark);background:0 0;background-image:repeating-linear-gradient(transparent, transparent 27px, var(--border-light) 27px, var(--border-light) 28px);-webkit-user-select:text;user-select:text;border:none;outline:none;padding-top:4px;font-family:inherit;font-size:.95rem;line-height:28px}.notes-textarea::placeholder{color:var(--text-light);font-style:italic}@media (width<=768px){.notes-container{padding:1rem 2rem}}.auth-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.auth-modal-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:400px;padding:30px;position:relative;box-shadow:0 10px 25px #0003}.auth-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;position:absolute;top:15px;right:15px}.auth-close-btn:hover{color:var(--text-primary)}.auth-title{color:var(--text-primary);text-align:center;margin-top:0;margin-bottom:20px}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-input-group{flex-direction:column;gap:5px;display:flex}.auth-input-group label{color:var(--text-secondary);font-size:.9em}.auth-input-group input{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:1em}.auth-input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.auth-submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:10px;padding:12px;font-weight:600;transition:opacity .2s}.auth-submit-btn:hover{opacity:.9}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-toggle-text{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.9em}.auth-toggle-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-toggle-link:hover{text-decoration:underline}.auth-error{color:#ef4444;background-color:#ef44441a;border-radius:6px;margin-bottom:15px;padding:10px;font-size:.9em}.bottom-panel{background-color:var(--surface-color);flex-direction:row;min-height:400px;display:flex}.notes-section{border-right:1px solid var(--border-light);flex:1;min-width:250px}.calendar-section{flex:2;min-width:350px}@media (width<=768px){.app-container{max-width:100%;box-shadow:none;border-radius:0;margin:0}.spiral-rings{display:none}.bottom-panel{flex-direction:column}.notes-section{border-right:none;border-top:1px solid var(--border-light);order:2}.calendar-section{order:1;min-width:auto}}