@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&display=swap";:root{--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", Menlo, Monaco, Consolas, monospace;--font-serif: "Cormorant Garamond", "Georgia", "Times New Roman", serif}[data-theme=dark]{--bg: #1a1a1a;--title: #e0e0e0;--subtitle: #b0b0b0;--body: #909090;--dimmed: #505050;--accent: #4ec970;--card-title: #d0d0d0;--card-body: #a0a0a0;--filled-dot: #607060;--empty-dot: #3a3a3a;--today-dot: #f0c040;--active-dot: #d4a020;--progress-on: #c05050;--progress-off: #3a3a3a;--border: #404040;--highlight-border: #888888;--separator: #404040;--glow-card-title: #ffffff;--glow-card-body: #e0e0e0;--glow-filled-dot: #80c090;--glow-empty-dot: #555555;--glow-active-dot: #ffcc33;--glow-today-dot: #ffe060;--glow-progress-on: #ff6666;--glow-progress-off: #555555;--glow-accent: #6eeb99;--glow-dimmed: #707070;--logo-name: #e0e0e0;--logo-flow: #4ec970}[data-theme=light]{--bg: #f5f5f5;--title: #1a1a1a;--subtitle: #404040;--body: #606060;--dimmed: #b0b0b0;--accent: #1a8a40;--card-title: #2a2a2a;--card-body: #505050;--filled-dot: #3a7a4a;--empty-dot: #d0d0d0;--today-dot: #c09020;--active-dot: #b08010;--progress-on: #c04040;--progress-off: #d0d0d0;--border: #c0c0c0;--highlight-border: #505050;--separator: #c0c0c0;--glow-card-title: #000000;--glow-card-body: #1a1a1a;--glow-filled-dot: #1a6a30;--glow-empty-dot: #aaaaaa;--glow-active-dot: #cc8800;--glow-today-dot: #b07800;--glow-progress-on: #bb2222;--glow-progress-off: #aaaaaa;--glow-accent: #0a7a30;--glow-dimmed: #808080;--logo-name: #1a1a1a;--logo-flow: #1a8a40}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--bg);color:var(--body);min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background .3s,color .3s;overflow-x:hidden}.dashboard{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:100%}.cards-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.card{display:flex;flex-direction:column;width:220px;transition:border-color .2s,box-shadow .2s,transform .15s}.card-label{font-size:.8rem;font-weight:700;color:var(--card-title);padding:0 .25rem .25rem;transition:color .2s}.card-box{border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:130px;justify-content:center;transition:border-color .2s,box-shadow .2s;flex:1}.card:hover .card-box{border-color:var(--highlight-border);box-shadow:0 0 12px #80808026}.card:hover .card-label{color:var(--glow-card-title)}.card:hover .card-body-text{color:var(--glow-card-body);font-weight:700}.card:hover .dot-filled{color:var(--glow-filled-dot)}.card:hover .dot-empty{color:var(--glow-empty-dot)}.card:hover .dot-active{color:var(--glow-active-dot);font-weight:700}.card:hover .progress-on{color:var(--glow-progress-on);font-weight:700}.card:hover .progress-off{color:var(--glow-progress-off)}.card-body-text{color:var(--card-body);font-size:.85rem;transition:color .2s}.time-display{font-size:1.3rem;letter-spacing:.08em}.progress-bar{display:flex;gap:3px;font-size:.75rem;letter-spacing:1px}.progress-on{color:var(--progress-on);transition:color .2s}.progress-off{color:var(--progress-off);transition:color .2s}.dot-row{display:flex;gap:.4rem;font-size:.95rem;justify-content:center}.dot-grid{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;align-items:center}.dot-grid-row{display:flex;gap:.35rem;justify-content:center}.dot-filled{color:var(--filled-dot);transition:color .2s}.dot-empty{color:var(--empty-dot);transition:color .2s}.dot-active{color:var(--active-dot);transition:color .2s}.dot-today{color:var(--today-dot);transition:color .2s}.year-section{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;transition:all .2s;padding:.5rem;border-radius:8px}.year-section:hover .year-info .year-title{color:var(--glow-card-title)}.year-section:hover .year-info .year-subtitle{color:var(--glow-card-body)}.year-section:hover .year-info .year-accent{color:var(--glow-accent);font-weight:700}.year-section:hover .year-info .year-dim{color:var(--glow-dimmed)}.year-section:hover .year-info .year-body{color:var(--glow-card-body)}.year-section:hover .year-grid .dot-filled{color:var(--glow-filled-dot)}.year-section:hover .year-grid .dot-empty{color:var(--glow-empty-dot)}.year-section:hover .year-grid .dot-today{color:var(--glow-today-dot);font-weight:700}.year-section:hover .year-grid .grid-label,.year-section:hover .year-grid .month-labels{color:var(--glow-dimmed)}.year-info{display:flex;align-items:baseline;gap:0;font-size:.85rem;flex-wrap:wrap}.year-title{color:var(--title);font-weight:700;transition:color .2s}.year-dim{color:var(--dimmed);transition:color .2s}.year-subtitle{color:var(--subtitle);transition:color .2s}.year-accent{color:var(--accent);transition:color .2s}.year-body{color:var(--body);transition:color .2s}.year-grid{font-size:0;line-height:1}.grid-row{display:flex;align-items:center;height:13px}.grid-label{display:inline-block;width:30px;font-size:10px;color:var(--dimmed);text-align:left;transition:color .2s}.grid-cell{display:inline-block;width:11px;height:11px;font-size:10px;text-align:center;line-height:11px}.month-labels-row{display:flex;align-items:center;height:14px}.month-labels{font-size:10px;color:var(--dimmed);letter-spacing:0;white-space:pre;transition:color .2s}.logo{position:fixed;top:1rem;left:1.25rem;font-family:"JetBrains Mono",var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1;display:flex;gap:.5rem;align-items:baseline;z-index:20}.logo-name{color:var(--logo-name);cursor:pointer;transition:color .25s,font-size .25s,text-shadow .25s}.logo-name:hover{font-size:1.15rem;color:var(--glow-card-title);text-shadow:0 0 8px var(--accent),0 0 20px var(--accent)}.logo-flow{color:var(--logo-flow);transition:color .3s}body.mode-desk .dashboard{display:none}body.mode-dashboard .dashboard{display:flex}.desk{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:10;display:none}body.mode-desk .desk{display:block}.note-slip{position:absolute;min-width:120px;min-height:80px;border-radius:3px;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;transform:rotate(var(--rotation, 0deg));transition:box-shadow .2s,border-color .2s}[data-theme=dark] .note-slip{background:#2d2a26f2;border:1px solid #555;box-shadow:2px 3px 12px #00000059}[data-theme=light] .note-slip{background:#fffef5;border:1px solid #d0c8b0;box-shadow:2px 3px 12px #0000001f}.note-slip.selected{border-color:var(--accent);z-index:auto}.note-slip.dragging{cursor:grabbing;opacity:.92;transition:none}[data-theme=dark] .note-slip.dragging{box-shadow:6px 8px 24px #00000080}[data-theme=light] .note-slip.dragging{box-shadow:6px 8px 24px #0003}.note-slip-content{flex:1;padding:.75rem .85rem;overflow:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--card-body);word-wrap:break-word}.note-slip-content:empty:before{content:"Double-click to edit...";color:var(--dimmed);font-style:italic}.note-slip-content h1,.note-slip-content h2,.note-slip-content h3{color:var(--card-title);margin:.4em 0 .2em;line-height:1.3}.note-slip-content h1{font-size:1.1em}.note-slip-content h2{font-size:1em}.note-slip-content h3{font-size:.95em}.note-slip-content p{margin:.3em 0}.note-slip-content ul,.note-slip-content ol{margin:.3em 0;padding-left:1.4em}.note-slip-content li{margin:.15em 0}.note-slip-content code{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border-radius:3px}[data-theme=dark] .note-slip-content code{background:#ffffff14}[data-theme=light] .note-slip-content code{background:#0000000f}.note-slip-content pre{margin:.4em 0;padding:.5em;border-radius:4px;overflow-x:auto}[data-theme=dark] .note-slip-content pre{background:#0000004d}[data-theme=light] .note-slip-content pre{background:#0000000a}.note-slip-content pre code{padding:0;background:none}.note-slip-content a{color:var(--accent);text-decoration:underline}.note-slip-content blockquote{margin:.4em 0;padding-left:.7em;border-left:3px solid var(--border);color:var(--dimmed)}.note-slip-content strong{color:var(--card-title)}.note-slip-content hr{border:none;border-top:1px solid var(--border);margin:.5em 0}.note-slip-editor{width:100%;height:100%;padding:.75rem .85rem;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--card-body)}.note-slip-editor::placeholder{color:var(--dimmed)}.note-slip.editing{cursor:text}.note-slip.editing .note-slip-content{display:none}.note-slip-expand{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--dimmed);cursor:pointer;padding:2px;line-height:1;opacity:0;transition:opacity .2s,color .2s;z-index:1}.note-slip:hover .note-slip-expand,.note-slip.selected .note-slip-expand{opacity:.6}.note-slip-expand:hover{opacity:1!important;color:var(--card-title)}.note-slip-time{position:absolute;bottom:5px;left:8px;font-family:var(--font-serif);font-size:.65rem;font-style:italic;color:var(--dimmed);pointer-events:none;line-height:1}.expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}.expand-overlay.open{opacity:1}.expand-panel{width:min(720px,88vw);height:min(520px,78vh);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(8px);transition:transform .25s}.expand-overlay.open .expand-panel{transform:translateY(0)}[data-theme=dark] .expand-panel{background:#2d2a26eb;border:1px solid #555;box-shadow:0 8px 40px #00000080}[data-theme=light] .expand-panel{background:#fffef5f2;border:1px solid #d0c8b0;box-shadow:0 8px 40px #00000026}.expand-editor{width:100%;height:100%;padding:1.5rem 2rem;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--card-body)}.expand-editor::placeholder{color:var(--dimmed)}.note-slip-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;opacity:0;transition:opacity .2s}.note-slip:hover .note-slip-resize,.note-slip.selected .note-slip-resize{opacity:.5}.note-slip-resize:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--dimmed);border-bottom:2px solid var(--dimmed)}.trash-zone{position:fixed;bottom:1rem;right:1rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--dimmed);cursor:default;padding:.35rem .5rem;transition:border-color .2s,color .2s;line-height:1;z-index:20;display:flex;align-items:center;justify-content:center}.trash-zone:hover{border-color:var(--highlight-border);color:var(--body)}.trash-zone.active{border-color:#c04040;color:#c04040}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;background:#00000059;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.confirm-overlay.open{opacity:1}.confirm-dialog{border-radius:3px;padding:1.25rem 1.5rem;max-width:300px;width:88vw;font-family:var(--font-mono);transform:rotate(-1deg);transition:transform .2s}.confirm-overlay.open .confirm-dialog{transform:rotate(-1deg) scale(1)}[data-theme=dark] .confirm-dialog{background:#2d2a26f7;border:1px solid #555;box-shadow:3px 4px 16px #0006}[data-theme=light] .confirm-dialog{background:#fffef5;border:1px solid #d0c8b0;box-shadow:3px 4px 16px #00000026}.confirm-title{font-size:.85rem;font-weight:700;color:var(--card-title);margin-bottom:.6rem}.confirm-preview{font-size:.75rem;color:var(--dimmed);line-height:1.5;margin-bottom:1rem;word-break:break-word;font-style:italic}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.confirm-btn{font-family:var(--font-mono);font-size:.75rem;padding:.35rem .85rem;border-radius:3px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.confirm-cancel{background:none;color:var(--card-body)}[data-theme=dark] .confirm-cancel{border:1px solid #555}[data-theme=light] .confirm-cancel{border:1px solid #c0b898}.confirm-cancel:hover{border-color:var(--highlight-border);color:var(--card-title)}.confirm-delete{background:#c04040;border:1px solid #a03030;color:#fff}.confirm-delete:hover{background:#d04848}body.mode-desk .logo-name{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.theme-toggle{position:fixed;top:1rem;right:1rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--body);font-size:1.2rem;cursor:pointer;padding:.35rem .5rem;transition:border-color .2s,color .2s;line-height:1;z-index:20}.theme-toggle:hover{border-color:var(--highlight-border);color:var(--title)}@media(max-width:740px){.cards-row{flex-direction:column;align-items:center}.card{width:260px}}@media(max-width:500px){.year-section{display:none}.dashboard{padding:1rem}.card{width:90vw;max-width:300px}}