.confetti-container,.sparkle-container,.fireworks-container,.ribbon-container,.glowpulse-container{position:absolute;width:1px;height:1px;overflow:visible}.celebration-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confetti-piece{position:absolute;width:8px;height:14px;background:hsl(calc(var(--hue)),85%,60%);top:50%;left:50%;transform-origin:center;border-radius:2px;animation:confetti-explosive 1.2s cubic-bezier(.18,.89,.32,1.28) forwards;opacity:0}@keyframes confetti-explosive{0%{opacity:1;transform:translate(-50%,-50%) translate(0) rotate(0)}20%{opacity:1;transform:translate(-50%,-50%) translate(calc(cos(var(--angle))*40px),calc(sin(var(--angle))*40px)) rotate(120deg)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance) + 80px)) rotate(540deg)}}.sparkle{position:absolute;width:10px;height:10px;border-radius:50%;top:50%;left:50%;transform-origin:center;animation:sparkle-magical 1.4s ease-out forwards;opacity:0;background:radial-gradient(circle,hsl(var(--sparkle-hue),90%,85%),#fff0);filter:drop-shadow(0 0 6px hsl(var(--sparkle-hue),90%,70%))}@keyframes sparkle-magical{0%{opacity:0;transform:translate(-50%,-50%) translate(0) scale(.2)}25%{opacity:1;transform:translate(-50%,-50%) translate(calc(cos(var(--angle))*10px),calc(sin(var(--angle))*10px)) scale(1)}70%{opacity:.9;transform:translate(-50%,-50%) translate(calc(cos(var(--angle)) * var(--radius)),calc(sin(var(--angle)) * var(--radius))) scale(1.4)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(cos(var(--angle)) * calc(var(--radius) + 10px)),calc(sin(var(--angle)) * calc(var(--radius) + 10px))) scale(1.6)}}.fireworks-launch{position:absolute;width:2px;height:80px;background:linear-gradient(to top,#fff0,#ffffffe6);top:100%;left:50%;transform-origin:bottom center;animation:fireworks-launch .5s cubic-bezier(.3,.7,.4,1) forwards;opacity:.9}@keyframes fireworks-launch{0%{transform:translate(-50%) scaleY(.2);opacity:.6}to{transform:translate(-50%,-260px) scaleY(1);opacity:1}}.fireworks-burst{position:absolute;top:calc(50% - 130px);left:50%;transform:translate(-50%,-50%)}.firework-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:hsl(calc(var(--hue)),90%,60%);box-shadow:0 0 10px #ffffffe6;animation:fireworks-particle 3.1s ease-out forwards;opacity:0}@keyframes fireworks-particle{0%{opacity:1;transform:translate(0) scale(.4)}60%{opacity:1;transform:translate(calc(cos(var(--angle)) * var(--radius)),calc(sin(var(--angle)) * var(--radius))) scale(1.2)}to{opacity:0;transform:translate(calc(cos(var(--angle)) * (var(--radius) + 20px)),calc(sin(var(--angle)) * (var(--radius) + 20px))) scale(.8)}}.fireworks-ring{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.8);top:50%;left:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;animation:fireworks-ring 2.9s ease-out forwards}@keyframes fireworks-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.ribbon{position:absolute;width:80px;height:8px;border-radius:999px;background:linear-gradient(90deg,hsl(calc(var(--hue)),85%,60%),hsl(calc(var(--hue) + 40),85%,55%));top:50%;left:50%;transform-origin:left center;filter:drop-shadow(0 0 6px rgba(0,0,0,.25));animation:ribbon-dynamic 2.1s cubic-bezier(.19,1,.22,1) forwards;opacity:0}@keyframes ribbon-dynamic{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) - 40deg)) scaleX(.1)}30%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 10deg)) scaleX(1.1)}70%{opacity:.9;transform:translate(calc(-50% + cos(var(--angle))*40px),calc(-50% + sin(var(--angle))*40px)) rotate(calc(var(--angle) + 40deg)) scaleX(1)}to{opacity:0;transform:translate(calc(-50% + cos(var(--angle))*80px),calc(-50% + sin(var(--angle))*80px)) rotate(calc(var(--angle) + 80deg)) scaleX(.6)}}.glowpulse{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,hsl(var(--pulse-hue),90%,80%),#fff0);top:50%;left:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;filter:blur(1px);animation:glowpulse-elegant 1.7s ease-out forwards}@keyframes glowpulse-elegant{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}60%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}:root{--app-bg: #ffffff;--widget-bg: #f9fafb;--tile-bg: #ffffff;--text-color: #000000;--text-secondary: #333333;--muted: #888888;--accent: #2563eb;--border-color: rgb(0, 0, 0);--tile-border: rgb(0, 0, 0);--tile-highlight: var(--accent);--checkbox-check: #ffffff;--checkbox-bg: var(--accent);--bullet-color: var(--muted);--category-bubble-text: #ffffff;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--radius-sm: 6px;--radius-md: 8px;--sidebar-left-width: 220px;--sidebar-right-width: 400px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;-webkit-user-select:none;user-select:none;caret-color:transparent}body{margin:0;font-family:var(--font-family);background:var(--app-bg);color:var(--text-color);-webkit-font-smoothing:antialiased}ul{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}.app-shell{padding:var(--space-lg);max-width:1280px;margin:0 auto;position:relative;z-index:1}.app-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-lg)}.app-layout{display:flex;gap:var(--space-lg);align-items:flex-start}.sidebar-left{display:flex;flex-direction:column;gap:var(--space-md);width:var(--sidebar-left-width);flex-shrink:0}.sidebar-right{width:var(--sidebar-right-width);flex-shrink:0}.calendar-column{flex:1;min-width:0}.month-navigator{padding:var(--space-sm);background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;caret-color:transparent}@media(max-width:1024px){.app-layout{flex-direction:column}.sidebar-left,.sidebar-right{width:100%}}.app-header{width:100%;background:var(--widget-bg);color:var(--text-color);font-family:var(--font-family);font-size:1.5rem;font-weight:700;text-align:center;top:0;z-index:10;border-radius:var(--radius-md);position:relative}.calendar-grid{display:grid;grid-auto-rows:minmax(64px,auto);gap:var(--space-xs);padding:var(--space-sm);border:2px solid var(--widget-bg);border-radius:var(--radius-md)}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;padding-bottom:var(--space-xs);color:var(--muted)}.calendar-header-cell{padding:var(--space-xs) 0;font-size:.85rem}.calendar-row{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs)}.calendar-tile{position:relative;padding:var(--space-sm);background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;min-height:64px}.calendar-tile:hover{box-shadow:0 1px 3px #0000000f}.calendar-tile.muted{opacity:.5}.calendar-tile.selected{border-color:var(--tile-highlight);outline:3px solid rgba(37,99,235,.06);box-shadow:0 1px 4px #0000000f}.calendar-tile.drag-over{outline:2px dashed var(--accent);background-color:#6496ff1a}.task-badge{position:absolute;right:6px;top:6px;background:var(--accent);color:#fff;font-size:.75rem;padding:2px 6px;border-radius:999px}.task-list ul{list-style:none}.task-list-item{margin:.35rem 0;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.task-groups{display:flex;flex-direction:column;gap:var(--space-md)}.task-group{margin-bottom:var(--space-sm)}.task-group-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.task-group-title{margin:0;font-size:.95rem;color:var(--category-bubble-text);padding:.35rem .6rem;border-radius:12px}.task-group-count{color:#ffffffd9;font-size:.85rem}.task-group-list{margin:0;padding-left:1.25rem;pointer-events:none}.task-left{display:flex;align-items:center;gap:var(--space-sm)}.bullet{color:var(--bullet-color);font-size:1.5rem;line-height:1;width:1.5rem;text-align:center}.task-title{font-weight:600}.task-title.is-completed{text-decoration:line-through;opacity:.7}.task-right{margin-left:var(--space-md)}.task-complete-x{position:absolute;right:6px;top:6px;font-size:1.2rem;color:var(--accent);font-weight:700}.task-action-delete{width:20px;height:20px;background:red;color:#fff;font-weight:700;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.task-action-delete:hover{filter:brightness(1.1)}.task-action-edit{width:20px;height:20px;background:var(--tile-bg);color:#333;font-size:.8rem;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default}.btn{background:var(--tile-bg);border:1px solid var(--tile-border);color:var(--text-color);font-family:var(--font-family);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:78px;margin-bottom:var(--space-sm);transition:box-shadow .15s,transform .1s}.btn:hover{box-shadow:0 1px 3px #0000000f;filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:focus{outline:3px solid rgba(37,99,235,.12)}.btn:disabled{opacity:.5;cursor:not-allowed}.mode-select{background:var(--tile-bg);color:var(--text-color)}.mode-delete{background:red;border-color:#e88;color:var(--text-color)}.mode-edit{background:purple;border-color:#aac;color:var(--text-color)}.checkbox-wrapper input{display:none}.checkbox-custom{width:16px;height:16px;border:1px solid #000000;border-radius:3px;background:#fff;display:inline-block;position:relative;cursor:pointer}.checkbox-wrapper input:checked+.checkbox-custom{background:var(--checkbox-bg);border:1px solid var(--border-color)}.checkbox-wrapper input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:4px;width:4px;height:8px;border:solid var(--checkbox-check);border-width:0 2px 2px 0;transform:rotate(45deg)}.navigation-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem .5rem .5rem;background-color:var(--widget-bg);border:1px solid var(--border-color, #ccc);font-family:var(--font-family, system-ui);border-radius:var(--radius-md)}.nav-items-wrapper{display:flex;align-items:center;gap:1rem}.month-navigator{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);padding-top:var(--space-lg)}.month-label{font-weight:600;font-size:1.6rem;position:relative;top:-6px}.add-task-panel-root{padding:var(--space-md);background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;caret-color:transparent}.add-task-panel-root h3{margin-top:0;margin-bottom:var(--space-sm)}.add-task-panel-root input,.add-task-panel-root select,.add-task-panel-root textarea{width:100%;box-sizing:border-box}.cancel-edit-button:hover{background-color:#e08585}.import-controls{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.file-picker{display:flex;align-items:center;gap:var(--space-sm)}.file-button{position:relative;display:inline-block}.file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-instruction{font-size:.85rem;color:var(--muted)}.replace-toggle{display:flex;align-items:center;gap:var(--space-xs);font-size:.9rem}.replace-toggle input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.task-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--tile-bg);color:var(--text-color);font-family:var(--font-family);font-size:.9rem;box-sizing:border-box}.categories-filter{width:var(--sidebar-left-width);max-height:60vh;overflow:auto;padding:var(--space-sm);background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.categories-filter .category-list li{padding:var(--space-xs) 0}.category-count{font-size:.9rem;color:var(--secondary-text-color)}.category-edit-icon:hover{background:var(--accent);color:#fff}.category-edit-icon{width:20px;height:20px;background:var(--tile-bg);color:#333;font-size:.9rem;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default}.category-edit-input{width:80px;padding:2px 4px;font-size:.85rem;border:1px solid var(--border-color);border-radius:4px;outline:none;background:var(--tile-bg);color:var(--text-color);font-family:var(--font-family);transition:border .2s,box-shadow .2s}.category-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.day-view{padding:var(--space-md);background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;caret-color:transparent}.theme-settings-panel{position:absolute;top:100%;right:0;width:360px;max-height:75vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-md);background:var(--widget-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000014;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.theme-settings-panel::-webkit-scrollbar{width:0;height:0}.theme-settings-panel.open{opacity:1;pointer-events:auto;scroll-behavior:smooth}.theme-settings-panel input[type=file]{display:none!important;width:0;height:0;overflow:hidden;visibility:hidden;position:absolute}.theme-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.theme-settings-header-buttons{display:flex;gap:var(--space-sm)}.theme-settings-grid{display:grid;gap:var(--space-md)}.theme-settings-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.theme-settings-row-left{display:flex;gap:var(--space-sm);flex-wrap:wrap}.theme-settings-msg{color:var(--muted);font-size:.85rem}.theme-font-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.theme-color-row{display:flex;justify-content:space-between;align-items:center}.theme-category-colors{display:grid;gap:var(--space-sm)}.category-color-grid{display:grid;gap:var(--space-xs)}.category-color-label{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.category-color-swatch{width:14px;height:14px;border-radius:6px;border:1px solid var(--border-color)}.theme-advanced-options{display:flex;flex-direction:column;gap:var(--space-md);border-top:1px solid var(--border-color);padding:var(--space-sm) 0}.theme-advanced-options summary.advanced-summary{font-weight:600;font-size:.95rem;cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-sm)}.advanced-section{display:flex;flex-direction:column;gap:var(--space-sm)}.advanced-section-title{font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border-color);padding-bottom:2px}.advanced-subsection{display:flex;flex-direction:column;gap:var(--space-sm)}.shape-row{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.checkbox-wrapper{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.shape-sliders-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.advanced-label.slider-label{display:flex;flex-direction:column;align-items:center;min-width:80px;font-size:.8rem;color:var(--text-color)}.advanced-label.slider-label span{font-size:.7rem;margin-bottom:2px;text-align:center}.advanced-label.slider-label input[type=range]{width:80px}.color-picker{margin-left:auto;width:36px;height:24px;border:1px solid var(--border-color);padding:0;cursor:pointer;flex-shrink:0}.shape-settings-row.controls-row{display:flex;gap:2rem;flex-wrap:wrap}.control-item{display:flex;flex-direction:column;gap:.25rem}.control-label{font-size:.85rem}.control-input{width:100px;padding:.25rem .5rem;font-size:.85rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--tile-bg);font-family:var(--font-family);color:var(--text-color)}@media(max-width:600px){.shape-row{flex-direction:column;align-items:flex-start}.color-picker{margin-left:0}}.mode-toggle{min-width:120px;text-align:center}.task-list-item{display:flex;flex-direction:column;width:100%}.task-row-top{display:flex;justify-content:space-between;align-items:center;width:100%}.task-title{font-weight:500}.task-description{margin-top:4px;font-size:.85rem;opacity:.75;width:100%;font-family:var(--font-family);color:var(--secondary-text-color)}.bullet-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:var(--space-sm)}.bullet-style-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px 2px;cursor:pointer;border:1.5px solid transparent;border-radius:var(--radius-sm);transition:border-color .2s,background-color .2s;min-height:24px}.bullet-style-option.active{border-color:var(--accent);background-color:#2563eb14}.bullet-style-option svg{width:20px;height:20px;margin-bottom:3px}.bullet-style-option .bullet-label{font-size:.65rem;line-height:1.1;color:var(--text-color);margin-top:1px;opacity:.85}@media(max-width:480px){.bullet-style-grid{grid-template-columns:repeat(3,1fr);gap:6px}.bullet-style-option svg{width:18px;height:18px}.bullet-style-option .bullet-label{font-size:.6rem}}.theme-select{background-color:var(--tile-bg);font-family:var(--font-family);color:var(--text-color)}