:root{--bg-color: #0f172a;--text-color: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .08);--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--status-working: #10b981;--status-modified: #f59e0b;--status-off: #ef4444;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.15) 0%,transparent 40%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.app-container{width:100%;max-width:500px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:24px;box-shadow:0 25px 50px -12px #00000080}.calendar-header{text-align:center;margin-bottom:24px}.calendar-header h1{font-size:1.5rem;font-weight:600;margin-bottom:8px}.timezone-selector-container{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative}.timezone-select{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-main);font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:16px;outline:none;text-align:center}.timezone-select:hover{color:var(--text-color)}.timezone-select option{background-color:var(--bg-color);color:var(--text-color)}.pulse{width:8px;height:8px;background-color:var(--status-working);border-radius:50%;box-shadow:0 0 #10b981b3;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nav-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-color);width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn:hover{background:#ffffff1a;border-color:#fff3}#current-month-year{font-size:1.25rem;font-weight:500}.calendar-legend{display:flex;justify-content:center;gap:16px;margin-bottom:20px;font-size:.8rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.working{background-color:var(--status-working);box-shadow:0 0 8px #10b98166}.dot.modified{background-color:var(--status-modified)}.dot.off{background-color:var(--status-off)}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.85rem;color:var(--text-muted);margin-bottom:12px;font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .2s;position:relative;border:1px solid transparent}.day-cell:hover:not(.empty){background:#ffffff14}.day-cell.today{border-color:var(--accent-color);background:#3b82f61a}.day-cell.selected{background:var(--accent-color);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.day-cell:after{content:"";position:absolute;bottom:6px;width:4px;height:4px;border-radius:50%}.day-cell.status-working:after{background-color:var(--status-working)}.day-cell.status-modified:after{background-color:var(--status-modified)}.day-cell.status-off:after{display:none}.day-cell.status-off-special:after{background-color:var(--status-off)}.day-cell.status-off,.day-cell.status-off-special{color:var(--text-muted)}.slot-details{margin-top:24px;padding:16px;background:#0003;border-radius:16px;animation:slide-up .3s ease-out}.slot-details.hidden{display:none}.slot-title{font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.slot-time{font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:8px}.note{font-size:.8rem;margin-top:4px;color:var(--accent-color)}.social-links{display:flex;justify-content:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.social-links a{color:var(--text-color);text-decoration:none;font-size:.85rem;opacity:.8;transition:opacity .2s;padding:4px 8px;background:#ffffff0d;border-radius:8px}.social-links a:hover{opacity:1;background:#ffffff1a}footer{margin-top:32px;text-align:center;font-size:.75rem;color:var(--text-muted);opacity:.7}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}