:root{--hue-primary:122;--color-gray-base:#666;--color-text:hsl(from var(--color-gray-base)h s calc(l - 30));--color-text-muted:var(--color-gray-base);--color-border:hsl(from var(--color-gray-base)h s calc(l + 45));--color-border-hover:hsl(from var(--color-gray-base)h s calc(l + 20));--color-background:hsl(from var(--color-gray-base)h s calc(l + 56));--color-background-hover:var(--color-background);--color-white:#fff;--color-primary:hsl(var(--hue-primary)39% 49%);--color-primary-hover:hsl(from var(--color-primary)h s calc(l - 4));--color-transparent:transparent;--color-backdrop:#00000059;--color-shadow:#00000026;--color-shadow-darker:#0000004d;background:var(--color-background);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-background);margin:0}#app{min-height:100vh}main{max-width:1200px;margin:0 auto;padding:16px}@media (max-width:768px){main{padding:2px}header{gap:4px;margin-bottom:4px}h1{font-size:.95rem}header label{gap:4px;font-size:.85rem}header label input[type=number]{width:60px;padding:4px 6px;font-size:.85rem}button{padding:4px 8px;font-size:.85rem}.section{border-width:1px;border-radius:4px;padding:2px}}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}button{appearance:none;border:1px solid var(--color-border);background:var(--color-white);cursor:pointer;border-radius:6px;padding:8px 12px;transition:border-color .15s}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){border-color:var(--color-border-hover)}input,select,textarea{border:1px solid var(--color-border);width:100%;font:inherit;border-radius:6px;padding:8px}h1{margin:0;font-size:1.5rem}header label{white-space:nowrap;align-items:center;gap:8px;display:flex}header label input[type=number]{width:80px}.section{background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;padding:12px}.note-backdrop.svelte-xskfn5{background:var(--color-backdrop);z-index:20;cursor:pointer;border:none;justify-content:center;align-items:flex-end;width:100%;height:100%;padding:10px;display:flex;position:fixed;inset:0}.note-backdrop.svelte-xskfn5:focus{outline:none}.note-dialog.svelte-xskfn5{background:var(--color-white);width:min(480px,100%);box-shadow:0 10px 30px var(--color-shadow);cursor:default;border-radius:12px 12px 10px 10px;flex-direction:column;gap:8px;padding:12px;display:flex}.note-dialog.svelte-xskfn5 header:where(.svelte-xskfn5){justify-content:space-between;align-items:center;display:flex}.note-actions.svelte-xskfn5{justify-content:flex-end;gap:8px;display:flex}button.primary.svelte-xskfn5{background:var(--color-primary);color:var(--color-white);font-weight:500}button.primary.svelte-xskfn5:hover{background:var(--color-primary-hover)}.grid-wrapper.svelte-4laz5u{padding-bottom:8px;overflow-x:auto}.year-grid.svelte-4laz5u{grid-template-columns:auto repeat(12,minmax(24px,1fr));gap:2px;padding:8px;display:grid}.day-header.svelte-4laz5u{background:var(--color-transparent)}.month-header.svelte-4laz5u{text-align:center;color:var(--color-text-muted);padding:4px 2px;font-size:.85rem;font-weight:600}.day-label.svelte-4laz5u{text-align:right;color:var(--color-text-muted);justify-content:flex-end;align-items:center;padding:4px 6px 4px 2px;font-size:.75rem;display:flex}.day.svelte-4laz5u{aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-background);-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:24px;font-size:1.2rem;display:flex;position:relative}.day.svelte-4laz5u:focus{outline:2px solid var(--color-text);outline-offset:1px;z-index:1}.day.empty.svelte-4laz5u{background:var(--color-transparent);cursor:default;border:none}.day.svelte-4laz5u.has-category{color:var(--color-white);border-color:var(--color-transparent)}.note-badge.svelte-4laz5u{width:6px;height:6px;box-shadow:0 1px 2px var(--color-shadow-darker);background:#ffffffe6;border-radius:50%;position:absolute;top:2px;right:2px}.day.svelte-4laz5u:not(.has-category) .note-badge:where(.svelte-4laz5u){background:var(--color-primary)}.legend.svelte-4laz5u{flex-wrap:wrap;gap:12px;margin-top:12px;padding:8px 0;display:flex}.legend.svelte-4laz5u span:where(.svelte-4laz5u){border:1px solid var(--color-border);background:var(--color-background);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:inline-flex}.legend.svelte-4laz5u span:where(.svelte-4laz5u):before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:12px;height:12px}@media (max-width:768px){.grid-wrapper.svelte-4laz5u{padding-bottom:2px;overflow-x:hidden}.year-grid.svelte-4laz5u{gap:.5px;padding:1px}.month-header.svelte-4laz5u{padding:1px;font-size:.55rem;font-weight:500}.day-label.svelte-4laz5u{padding:1px 2px 1px 0;font-size:.5rem}.day.svelte-4laz5u{border-width:.5px;border-radius:1px;min-height:16px;font-size:.6rem}.note-badge.svelte-4laz5u{width:3px;height:3px;box-shadow:0 .5px 1px var(--color-shadow-darker);top:.5px;right:.5px}.legend.svelte-4laz5u{gap:6px;margin-top:4px}.legend.svelte-4laz5u span:where(.svelte-4laz5u){gap:3px;font-size:.7rem}.legend.svelte-4laz5u span:where(.svelte-4laz5u):before{width:7px;height:7px}}.sync-dropdown.svelte-1a002vt{display:inline-block;position:relative}.sync-dropdown.svelte-1a002vt summary:where(.svelte-1a002vt){cursor:pointer;border:1px solid var(--color-border);background:var(--color-white);-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 10px;font-size:1.2rem;list-style:none;transition:border-color .15s}.sync-dropdown.svelte-1a002vt summary:where(.svelte-1a002vt)::-webkit-details-marker{display:none}.sync-dropdown.svelte-1a002vt summary:where(.svelte-1a002vt):hover{border-color:var(--color-border-hover)}.sync-menu.svelte-1a002vt{background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 4px 12px var(--color-shadow);z-index:10;border-radius:6px;flex-direction:column;min-width:140px;margin-top:4px;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.sync-menu.svelte-1a002vt button:where(.svelte-1a002vt){text-align:left;background:var(--color-white);border:none;border-radius:0;padding:10px 12px;transition:background .15s}.sync-menu.svelte-1a002vt button:where(.svelte-1a002vt):hover{background:var(--color-background-hover)}.sync-menu.svelte-1a002vt button:where(.svelte-1a002vt)+button:where(.svelte-1a002vt){border-top:1px solid var(--color-border)}@media (max-width:768px){.sync-dropdown.svelte-1a002vt summary:where(.svelte-1a002vt){border-radius:4px;padding:4px 6px;font-size:1rem}.sync-menu.svelte-1a002vt{border-radius:4px;min-width:100px;margin-top:2px}.sync-menu.svelte-1a002vt button:where(.svelte-1a002vt){padding:6px 8px;font-size:.8rem}}.update-prompt.svelte-1ou6uno{z-index:9999;animation:.3s ease-out svelte-1ou6uno-slideIn;position:fixed;bottom:20px;right:20px}@keyframes svelte-1ou6uno-slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.update-content.svelte-1ou6uno{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:300px;max-width:400px;padding:16px;box-shadow:0 4px 12px #00000026}.update-message.svelte-1ou6uno{margin-bottom:12px}.update-message.svelte-1ou6uno strong:where(.svelte-1ou6uno){color:#333;margin-bottom:4px;font-size:16px;display:block}.update-message.svelte-1ou6uno p:where(.svelte-1ou6uno){color:#666;margin:0;font-size:14px}.update-actions.svelte-1ou6uno{justify-content:flex-end;gap:8px;display:flex}button.svelte-1ou6uno{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-update.svelte-1ou6uno{color:#fff;background:#007bff}.btn-update.svelte-1ou6uno:hover{background:#0056b3}.btn-dismiss.svelte-1ou6uno{color:#333;background:#f0f0f0}.btn-dismiss.svelte-1ou6uno:hover{background:#e0e0e0}@media (max-width:480px){.update-prompt.svelte-1ou6uno{bottom:10px;left:10px;right:10px}.update-content.svelte-1ou6uno{min-width:auto}}h1.svelte-1n46o8q{align-items:center;gap:8px;display:inline-flex}.favicon.svelte-1n46o8q{width:1.5rem;height:1.5rem}