*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--month-bg: #333;--header-bg: #444;--border-color: #555;--weekend-bg: #888;--weekday-bg: white;--empty-bg: transparent;--legend-border: #444;--holiday-bg: #9c27b0}[data-theme=light]{--bg-color: #ffffff;--text-color: #213547;--month-bg: #f5f5f5;--header-bg: #e0e0e0;--border-color: #ccc;--weekend-bg: #ccc;--weekday-bg: #fff;--empty-bg: transparent;--legend-border: #ccc;--holiday-bg: #BA68C8}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}h1{font-size:3.2em;line-height:1.1}:root{--cell-size: 30px;--month-col: 100px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.calendar-container{display:flex;flex-direction:column;gap:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.calendar-header h1{margin:0}.calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.calendar-table{display:grid;grid-template-columns:var(--month-col) repeat(31,var(--cell-size));gap:2px;border-collapse:collapse;width:max-content}.month-label-short{display:none}.header-row{display:contents;font-weight:700}.month-row{display:contents}.month-label{text-align:left;padding:5px;background-color:var(--month-bg);color:var(--text-color);position:sticky;left:0;z-index:1}.day-header{padding:5px;background-color:var(--header-bg);color:var(--text-color)}.day-cell{width:var(--cell-size);height:var(--cell-size);border:1px solid var(--border-color);cursor:pointer;position:relative;transition:transform .1s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(hover:hover)and (pointer:fine){.day-cell:hover{transform:scale(1.1);z-index:5}}.day-cell:not(.empty):active{transform:scale(.85);z-index:5}.day-cell.today{border:2px solid #ffcc00!important;box-shadow:inset 0 0 8px #fc0c,0 0 12px #fc06;animation:today-pulse 2s infinite ease-in-out;z-index:3}@keyframes today-pulse{0%{transform:scale(1);box-shadow:inset 0 0 4px #ffcc0080}50%{transform:scale(1.1);box-shadow:inset 0 0 12px #ffcc00e6,0 0 15px #fc09}to{transform:scale(1);box-shadow:inset 0 0 4px #ffcc0080}}.day-cell.weekend,.day-cell.month-end{background-color:var(--weekend-bg)}.day-cell.holiday{background-color:var(--holiday-bg)}.day-cell.weekday{background-color:var(--weekday-bg)}.day-cell.empty{background-color:var(--empty-bg);border:none}.legend{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;padding:10px;margin-top:20px;border-top:1px solid var(--legend-border)}.legend-item{display:flex;align-items:center;gap:5px}.color-box{width:20px;height:20px;margin-right:10px;border:1px solid var(--border-color)}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background-color:var(--month-bg);color:var(--text-color);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0}.theme-toggle:hover{filter:brightness(1.2)}.user-info{display:flex;align-items:center;gap:8px;color:var(--text-color);padding:4px 10px;border-radius:20px;background-color:var(--month-bg)}.user-avatar{width:28px;height:28px;border-radius:50%}.user-name{font-size:.85rem;font-weight:500}.auth-button{padding:6px 14px;border-radius:20px;border:1px solid var(--border-color);cursor:pointer;font-size:.85rem;transition:all .2s}.auth-button.login{background-color:#4285f4;color:#fff;border:none}.auth-button.save{background-color:#34a853;color:#fff;border:none}.auth-button.save:disabled{opacity:.5;cursor:not-allowed}.auth-button.logout{background-color:transparent;color:var(--text-color);font-size:.8rem;padding:4px 10px}.auth-button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.custom-legend-controls{margin:20px 0;padding:15px;border:1px solid var(--border-color);background-color:var(--month-bg);text-align:left}.custom-legend-controls h3{margin-top:0;margin-bottom:15px;font-size:1.2rem}.add-category{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.add-category input[type=text]{flex:1 1 140px;min-width:0;padding:8px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:4px}.add-category button{padding:8px 16px;cursor:pointer;background-color:var(--header-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px}.category-list{display:flex;flex-wrap:wrap;gap:10px}.category-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;background-color:var(--bg-color)}.category-item.selected{outline:2px solid var(--text-color);background-color:var(--header-bg)}.category-item:hover{filter:brightness(.9)}.btn-primary{padding:8px 16px;cursor:pointer;border:1px solid var(--border-color);border-radius:4px;background-color:var(--header-bg);color:var(--text-color)}.sheet-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.sheet-content{background-color:var(--month-bg);color:var(--text-color);padding:20px;border-radius:12px;border:1px solid var(--border-color);width:min(420px,calc(100vw - 32px));max-height:85vh;overflow-y:auto;text-align:left;box-shadow:0 8px 24px #00000059}.sheet-grabber{display:none}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sheet-header h3{margin:0;font-size:1.15rem}.sheet-subtitle{margin:4px 0 0;font-size:.85rem;opacity:.7}.sheet-close{background:transparent;border:none;color:var(--text-color);font-size:1.6rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px}.sheet-section{margin-bottom:18px}.sheet-section h4{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.sheet-empty{margin:0;font-size:.9rem;opacity:.6}.sheet-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.sheet-chip{display:flex;align-items:center;gap:4px;min-height:44px;padding:4px 6px 4px 12px;border:1px solid var(--border-color);border-radius:22px;background-color:var(--bg-color);color:var(--text-color);font:inherit}.sheet-chip .color-box{width:16px;height:16px;margin-right:6px;border-radius:4px;flex-shrink:0}.sheet-chip-name{font-size:.9rem}.sheet-chip-add{cursor:pointer;padding-right:12px}.sheet-chip-plus{margin-left:4px;opacity:.6;font-size:1.1rem}.sheet-chip-remove{background:transparent;border:none;color:var(--text-color);opacity:.6;cursor:pointer;font-size:1.3rem;line-height:1;min-width:36px;min-height:36px}.sheet-create-row{display:flex;flex-wrap:wrap;gap:8px}.sheet-create-row input[type=text]{flex:1 1 140px;min-width:0;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-color);color:var(--text-color)}.sheet-create-row input[type=color]{width:44px;height:42px;padding:2px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px}.sheet-link-button,.sheet-danger{width:100%;min-height:44px;border-radius:8px;cursor:pointer;font:inherit;background:transparent;border:1px dashed var(--border-color);color:var(--text-color)}.sheet-danger{border:1px solid #d33;border-style:solid;color:#d33}@media(max-width:768px){:root{--cell-size: 40px;--month-col: 56px}#root{padding:.5rem}.calendar-container{gap:12px}.calendar-header{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:8px;position:sticky;top:0;z-index:30;background-color:var(--bg-color);padding:6px 0}.calendar-header h1{font-size:1.4rem}.header-actions{justify-content:center;flex-wrap:wrap}.auth-button,.theme-toggle{min-height:40px}.user-name{max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-label-full{display:none}.month-label-short{display:inline}.month-label,.day-header{font-size:.75rem;padding:4px 2px;display:flex;align-items:center;justify-content:center}.month-label{justify-content:flex-start}.custom-legend-controls{padding:12px;border-radius:8px}.category-item{min-height:44px}.legend{gap:8px 14px;font-size:.85rem}.sheet-overlay{align-items:flex-end}.sheet-content{width:100%;max-width:none;max-height:88vh;border-radius:16px 16px 0 0;border-bottom:none;padding:8px 16px calc(16px + env(safe-area-inset-bottom));animation:sheet-up .2s ease-out}.sheet-grabber{display:block;width:40px;height:4px;margin:4px auto 12px;border-radius:2px;background-color:var(--border-color)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.day-cell,.sheet-content{transition:none;animation:none}.day-cell.today{animation:none}}