:root{--bg: #0b1020;--bg2: #111938;--panel: rgba(255, 255, 255, .04);--panel-solid: #151d3b;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #e8ecf6;--muted: #93a0bd;--accent: #6366f1;--accent2: #22d3ee;--danger: #f43f5e;--ok: #22c55e;--radius: 16px;--shadow: 0 10px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(99,102,241,.25),transparent 60%),radial-gradient(1000px 500px at -10% 110%,rgba(34,211,238,.18),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.boot{height:100%;display:grid;place-items:center;font-size:20px;color:var(--muted)}.login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.login-card{width:100%;max-width:360px;background:var(--panel-solid);border:1px solid var(--border);border-radius:22px;padding:34px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;text-align:center;animation:pop .4s ease}.login-emoji{font-size:52px}.login-card h1{margin:0;font-size:26px}.login-sub{margin:0;color:var(--muted);font-size:14px}.login-card input{padding:13px 15px;border-radius:12px;border:1px solid var(--border-strong);background:#00000040;color:var(--text);font-size:16px;outline:none}.login-card input:focus{border-color:var(--accent)}.login-card button{padding:13px;border-radius:12px;border:none;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),#8b5cf6);transition:transform .1s,filter .2s}.login-card button:hover:not(:disabled){filter:brightness(1.1)}.login-card button:active:not(:disabled){transform:scale(.98)}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--danger);font-size:13px}.login-footer{color:var(--muted);font-size:13px}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#0b1020bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px}.brand-emoji{font-size:22px}.month-nav{display:flex;align-items:center;gap:6px}.nav-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:22px;line-height:1;display:grid;place-items:center;transition:background .15s,transform .1s}.nav-btn:hover{background:var(--border)}.nav-btn:active{transform:scale(.94)}.nav-title{min-width:168px;text-align:center;font-size:16px;font-weight:600;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:11px;padding:9px 12px;transition:background .15s}.nav-title:hover{background:var(--border)}.who{position:relative}.who-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:12px;padding:9px 12px;font-weight:600;font-size:14px}.who-btn:hover{background:var(--border)}.who-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.chev{color:var(--muted);font-size:11px}.who-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;padding:8px;min-width:190px;box-shadow:var(--shadow);z-index:30;animation:pop .15s ease}.who-menu-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 10px}.who-item{display:flex;align-items:center;gap:9px;width:100%;border:none;background:transparent;color:var(--text);padding:9px 10px;border-radius:9px;font-size:14px;text-align:left}.who-item:hover{background:var(--border)}.who-item.active{background:#6366f133}.who-item.logout{color:var(--danger)}.who-divider{height:1px;background:var(--border);margin:6px 4px}.layout{flex:1;display:grid;grid-template-columns:1fr 340px;gap:18px;padding:18px 20px 40px;max-width:1400px;width:100%;margin:0 auto}.quick-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quick-label{color:var(--muted);font-size:13px;margin-right:2px}.quick{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 13px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.quick:hover{background:var(--border)}.quick.active{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-color:transparent}.quick.ghost{color:var(--muted)}.quick-hint{color:var(--muted);font-size:12.5px;margin-left:4px}.calendar-pane{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.calendar{display:flex;flex-direction:column}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.weekday{text-align:center;font-size:12px;font-weight:600;color:var(--muted);padding:4px 0}.weekday.we{color:#f0abcc}.grid{display:flex;flex-direction:column;gap:6px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cell{position:relative;min-height:92px;border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:6px;text-align:left;display:flex;flex-direction:column;gap:4px;transition:background .12s,border-color .12s,transform .06s;overflow:hidden}.cell:hover{background:#ffffff0f;border-color:var(--border-strong)}.cell:active{transform:scale(.985)}.cell.muted{opacity:.4}.cell.weekend{background:#f43f5e0d}.cell.today{border-color:var(--accent2);box-shadow:inset 0 0 0 1px var(--accent2)}.cell.preview{background:#6366f147;border-color:var(--accent)}.cell-num{font-size:13px;font-weight:600;color:var(--muted)}.cell.today .cell-num{color:var(--accent2)}.chips{display:flex;flex-direction:column;gap:3px}.chip{display:flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--c) 26%,transparent);border-left:3px solid var(--c);border-radius:6px;padding:2px 5px;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden}.chip.mine{outline:1px dashed color-mix(in srgb,var(--c) 70%,white)}.chip-emoji{font-size:11px}.chip-name{overflow:hidden;text-overflow:ellipsis}.chip.st-active{animation:glow 1.8s ease-in-out infinite}.chip.st-ending{animation:shake .9s ease-in-out infinite}.chip.more{background:var(--border);border-left:none;color:var(--muted);justify-content:center}.sidebar{display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel h2{margin:0 0 12px;font-size:15px}.legend{display:flex;flex-wrap:wrap;gap:6px}.legend-item{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:#ffffff05;color:var(--text);border-radius:20px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:background .15s}.legend-item:hover{background:var(--border)}.legend-item.active{border-color:var(--accent);background:#6366f12e}.legend-dot{width:11px;height:11px;border-radius:50%}.legend-dot.all{width:auto;height:auto}.empty{color:var(--muted);font-size:13.5px}.vac-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.vac-item{display:flex;align-items:stretch;gap:6px}.vac-main{flex:1;display:flex;gap:10px;text-align:left;border:1px solid var(--border);background:#ffffff05;color:var(--text);border-radius:12px;padding:10px 11px;transition:background .15s}.vac-main:hover{background:var(--border)}.vac-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.vac-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.vac-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.vac-top strong{font-size:14px}.vac-when{font-size:12.5px;color:var(--muted)}.vac-note{font-size:12px;color:var(--accent2);font-style:italic}.vac-del{width:34px;border:1px solid var(--border);background:#f43f5e14;color:var(--danger);border-radius:12px;font-size:14px;transition:background .15s}.vac-del:hover{background:#f43f5e33}.badge{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;background:var(--border);color:var(--text)}.badge.st-active{background:#22c55e38;color:#86efac}.badge.st-ending{background:#f43f5e38;color:#fda4af}.badge.st-soon{background:#eab30838;color:#fde68a}.badge.st-planned{background:#6366f138;color:#c7d2fe}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#030612b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fade .2s ease}.modal{width:100%;max-width:420px;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:22px;padding:26px;box-shadow:var(--shadow);text-align:center;animation:pop .28s cubic-bezier(.2,.9,.3,1.3)}.modal-emoji{font-size:46px}.modal h2{margin:6px 0 10px;font-size:22px}.modal-range{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.modal-when{font-size:18px;font-weight:700}.modal-meta{font-size:13px;color:var(--muted)}.modal-msg{font-size:15px;margin:0 0 14px;padding:12px;background:#6366f11f;border-radius:12px}.modal-overlap{font-size:13px;text-align:left;margin-bottom:14px;padding:10px 12px;background:#eab3081f;border:1px solid rgba(234,179,8,.3);border-radius:12px;color:#fde68a}.modal-note-label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12.5px;color:var(--muted);margin-bottom:18px}.modal-note-label input{padding:11px 13px;border-radius:11px;border:1px solid var(--border-strong);background:#00000040;color:var(--text);font-size:15px;outline:none}.modal-note-label input:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:10px}.btn{flex:1;padding:13px;border-radius:12px;font-size:15px;font-weight:600;border:none;transition:filter .15s,transform .1s,background .15s}.btn:active{transform:scale(.98)}.btn.ghost{background:var(--panel);border:1px solid var(--border-strong);color:var(--text)}.btn.ghost:hover{background:var(--border)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--ok),#16a34a)}.btn.primary:hover{filter:brightness(1.1)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:60;padding:13px 20px;border-radius:14px;font-size:14px;font-weight:600;background:var(--panel-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:toastIn .3s ease;max-width:90vw;text-align:center}.toast.error{border-color:var(--danger);background:#2a1622;color:#fecdd3}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes glow{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 8px 1px #22c55e80}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@media (max-width: 900px){.layout{grid-template-columns:1fr;padding:14px 12px 40px}.sidebar{order:2}.nav-title{min-width:130px;font-size:14px}.brand-text{display:none}.cell{min-height:66px;padding:4px;border-radius:9px}.cell-num{font-size:12px}.chip{font-size:9.5px;padding:1px 3px}.chip-name{max-width:42px}.weekday{font-size:11px}.quick-hint{width:100%}}@media (max-width: 480px){.header{padding:10px 12px}.chip-name{display:none}.chip{justify-content:center}.cell{min-height:56px}}