@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@400;500&family=Geist+Mono:wght@300;400&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--brass: #8B6B3E;--brass-soft: rgba(139, 107, 62, .1);--brass-border: rgba(139, 107, 62, .3)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F8F7F5;--bg-tertiary: #F1EFE8;--text-primary: #1A1A18;--text-secondary: #6B6A66;--text-tertiary: #A3A29D;--border-primary: rgba(0, 0, 0, .12);--border-secondary: rgba(0, 0, 0, .08);--border-tertiary: rgba(0, 0, 0, .05);--shadow-dropdown: 2px 4px 12px rgba(0, 0, 0, .08);--status-ip-bg: #E6F1FB;--status-ip-text: #0C447C;--status-done-bg: #E1F5EE;--status-done-text: #085041;--status-blocked-bg: #FCEBEB;--status-blocked-text: #791F1F;--status-deferred-bg: #F1EFE8;--status-deferred-text: #5F5E5A}[data-theme=dark]{--bg-primary: #16171A;--bg-secondary: #1C1D21;--bg-tertiary: #0F1012;--text-primary: #E8E6E1;--text-secondary: rgba(232, 230, 225, .55);--text-tertiary: rgba(232, 230, 225, .3);--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .08);--border-tertiary: rgba(255, 255, 255, .05);--shadow-dropdown: 2px 4px 12px rgba(0, 0, 0, .3);--status-ip-bg: rgba(12, 68, 124, .25);--status-ip-text: #85B7EB;--status-done-bg: rgba(8, 80, 65, .25);--status-done-text: #5DCAA5;--status-blocked-bg: rgba(121, 31, 31, .25);--status-blocked-text: #F09595;--status-deferred-bg: rgba(95, 94, 90, .2);--status-deferred-text: #B4B2A9}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}60%{opacity:1;transform:translateY(-4px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardGlow{0%{box-shadow:0 0 #8b6b3e4d}50%{box-shadow:0 0 24px 6px #8b6b3e26}to{box-shadow:0 0 #8b6b3e00}}@keyframes checkPop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes checkGlow{0%{box-shadow:0 0 #8b6b3e80}60%{box-shadow:0 0 0 12px #8b6b3e00}to{box-shadow:0 0 #8b6b3e00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes recordPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}@keyframes urgentPulse{0%{box-shadow:0 0 #ea580c66,inset 0 0 #ea580c00}40%{box-shadow:0 0 16px 4px #ea580c33,inset 3px 0 #ea580ccc}to{box-shadow:0 0 #ea580c00,inset 3px 0 #ea580ccc}}@keyframes urgentShimmer{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}html{font-family:DM Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .2s,color .2s}body{margin:0;min-height:100vh;background:var(--bg-primary);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;background:var(--bg-primary);padding:0 16px 80px;transition:background .2s}.app-inner{max-width:900px;margin:0 auto;padding-top:48px}.header-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.app-logo{height:57px;width:auto;display:block;-o-object-fit:contain;object-fit:contain}.header-right{display:flex;align-items:center;gap:10px}.note-count{font-family:Geist Mono,monospace;font-size:10px;font-weight:400;color:var(--text-primary);letter-spacing:.06em;opacity:.75}.theme-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:4px;padding:0;transition:color .15s}.theme-toggle:hover{color:var(--text-secondary)}.filters-row{display:flex;gap:6px;margin-bottom:20px}.filter-pill{font-family:Geist Mono,monospace;font-size:9px;font-weight:400;letter-spacing:.12em;padding:5px 12px;border-radius:18px;border:.5px solid var(--border-secondary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.filter-pill:hover{color:var(--text-secondary);border-color:var(--border-primary)}.filter-pill--active{background:var(--brass-soft);border-color:var(--brass-border);color:var(--brass)}.compose-box{border:.5px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);padding:14px 16px 12px;margin-bottom:28px;transition:border-color .15s,background .2s}.compose-box--focused{border-color:var(--brass-border)}.compose-textarea{width:100%;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-primary);resize:none;outline:none;min-height:22px;line-height:1.55;transition:color .2s;display:block}.compose-textarea::-moz-placeholder{color:var(--text-tertiary);font-style:italic}.compose-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.compose-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px;flex-wrap:wrap}.compose-bar-left,.compose-bar-right{display:flex;align-items:center;gap:8px}.task-toggle{display:inline-flex;align-items:center;gap:5px;font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.1em;padding:5px 10px;border-radius:16px;border:.5px solid var(--border-secondary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.task-toggle:hover{color:var(--text-secondary);border-color:var(--border-primary)}.task-toggle--active{background:var(--brass-soft);border-color:var(--brass-border);color:var(--brass)}.recurrence-select-wrap{display:flex;align-items:center;gap:4px;color:var(--text-tertiary)}.recurrence-icon{flex-shrink:0}.recurrence-select{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;background:transparent;border:.5px solid var(--border-secondary);color:var(--text-secondary);border-radius:8px;padding:4px 8px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .15s}.recurrence-select:hover,.recurrence-select:focus{border-color:var(--brass-border);color:var(--brass)}.recurrence-select option{background:var(--bg-primary);color:var(--text-primary)}.keyboard-hint{display:flex;gap:2px;align-items:center}.keyboard-hint kbd{font-family:Geist Mono,monospace;font-size:9px;color:var(--text-tertiary);background:var(--bg-tertiary);border:.5px solid var(--border-secondary);border-radius:3px;padding:1px 4px}.transcribing-hint{font-family:Geist Mono,monospace;font-size:9px;color:var(--brass);letter-spacing:.08em;animation:blink 1s infinite}.voice-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:.5px solid var(--border-secondary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s;padding:0}.voice-btn:hover:not(:disabled){color:var(--brass);border-color:var(--brass-border);background:var(--brass-soft)}.voice-btn--recording{color:#dc2626;border-color:#dc262666;background:#dc262614;animation:recordPulse 1s infinite}.voice-btn:disabled{opacity:.4;cursor:not-allowed}.save-btn{display:inline-flex;align-items:center;gap:6px;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.08em;padding:6px 14px;border-radius:8px;border:none;background:var(--brass);color:#fff;cursor:pointer;transition:opacity .15s}.save-btn:disabled{opacity:.35;pointer-events:none}.save-btn:hover:not(:disabled){opacity:.88}.saving-dot{width:5px;height:5px;border-radius:50%;background:#fffc;animation:blink .8s infinite}.notes-list{display:flex;flex-direction:column;gap:20px}.empty-state{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-tertiary);text-align:center;padding:48px 0;font-style:italic}.date-group{display:flex;flex-direction:column;gap:3px}.date-divider{display:flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;color:var(--text-tertiary);transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.date-divider:hover{color:var(--text-secondary)}.date-label{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.divider-line{flex:1;height:.5px;background:var(--border-tertiary)}.open-count-badge{font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.08em;padding:2px 7px;border-radius:10px;background:var(--brass-soft);border:.5px solid var(--brass-border);color:var(--brass)}.date-group-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;align-items:start}.note-card{position:relative;border:.5px solid var(--border-secondary);border-radius:10px;background:var(--bg-secondary);padding:14px;cursor:pointer;transition:border-color .15s,background .2s,box-shadow .2s;aspect-ratio:1 / 1;overflow:hidden;display:flex;flex-direction:column}.note-card:hover{border-color:var(--border-primary);background:var(--bg-primary);box-shadow:0 2px 12px #0000000f}.note-card:hover .hover-actions{opacity:1}.note-card--expanded{aspect-ratio:unset;grid-column:span 2;min-height:0}.note-card--done-expanded{aspect-ratio:unset;opacity:.75}.card-entering{animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1) both,cardGlow .9s ease both}.note-card-inner{display:flex;align-items:flex-start;gap:10px;flex:1;min-height:0;overflow:hidden}.task-checkbox{flex-shrink:0;width:15px;height:15px;border:1px solid var(--brass-border);border-radius:3px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:background .15s,border-color .15s;padding:0}.task-checkbox--done{background:var(--brass);border-color:var(--brass)}.check-celebrate{animation:checkPop .5s ease,checkGlow .5s ease}.note-body{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.note-summary{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.45;transition:color .2s;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.note-summary--done{text-decoration:line-through;color:var(--text-tertiary)}.note-meta{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.note-timestamp{font-family:Geist Mono,monospace;font-size:9px;font-weight:300;color:var(--text-tertiary);letter-spacing:.04em}.status-pill{font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.08em;padding:2px 8px;border-radius:10px;white-space:nowrap;display:inline-block;line-height:1.6}.status-pill--open{background:var(--brass-soft);color:var(--brass)}.status-pill--in_progress{background:var(--status-ip-bg);color:var(--status-ip-text)}.status-pill--done{background:var(--status-done-bg);color:var(--status-done-text)}.status-pill--blocked{background:var(--status-blocked-bg);color:var(--status-blocked-text)}.status-pill--deferred{background:var(--status-deferred-bg);color:var(--status-deferred-text)}.status-pill--clickable{cursor:pointer;transition:opacity .15s}.status-pill--clickable:hover{opacity:.75}.status-pill-wrap{position:relative;display:inline-block}.status-dropdown-anchor{position:absolute;top:calc(100% + 4px);left:0;z-index:50}.status-dropdown{background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-dropdown);padding:4px;min-width:130px}.status-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 8px;background:transparent;border:none;cursor:pointer;border-radius:5px;transition:background .1s;gap:8px}.status-dropdown-item:hover{background:var(--bg-secondary)}.status-dropdown-item--active{background:var(--bg-tertiary)}.status-check{font-size:9px;color:var(--brass)}.recurrence-badge{display:inline-flex;align-items:center;gap:3px;font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.06em;padding:2px 7px;border-radius:10px;background:var(--brass-soft);border:.5px solid var(--brass-border);color:var(--brass)}.hover-actions{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:1px;opacity:0;transition:opacity .15s;background:var(--bg-secondary);border-radius:6px;padding:2px;border:.5px solid var(--border-tertiary);z-index:2}.action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:4px;transition:color .12s,background .12s;padding:0}.action-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.action-btn--delete:hover{color:#dc2626;background:#dc262614}.expanded-content{margin-top:12px;animation:fadeIn .2s ease both}.read-mode{display:flex;flex-direction:column;gap:10px}.bullets-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.bullet-item{font-family:DM Sans,sans-serif;font-size:12.5px;color:var(--text-secondary);line-height:1.5;padding-left:14px;position:relative;transition:color .2s}.bullet-item:before{content:"•";position:absolute;left:0;color:var(--brass);font-size:11px;line-height:1.4}.divider-dashed{border:none;border-top:.5px dashed var(--border-secondary);margin:4px 0}.original-section{display:flex;flex-direction:column;gap:5px}.original-label{font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.12em;color:var(--text-tertiary)}.original-text{font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-tertiary);line-height:1.55;margin:0;transition:color .2s}.edit-mode{display:flex;flex-direction:column;gap:8px}.edit-textarea{width:100%;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-primary);background:var(--bg-tertiary);border:.5px solid var(--border-secondary);border-radius:6px;padding:8px 10px;resize:vertical;outline:none;line-height:1.5;transition:border-color .15s,background .2s}.edit-textarea:focus{border-color:var(--brass-border)}.edit-meta-row{display:flex;gap:8px;flex-wrap:wrap}.edit-actions{display:flex;gap:6px;justify-content:flex-start}.edit-cancel-btn{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;padding:5px 12px;border-radius:6px;border:.5px solid var(--border-secondary);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.edit-cancel-btn:hover{border-color:var(--border-primary);color:var(--text-primary)}.edit-save-btn{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;padding:5px 12px;border-radius:6px;border:none;background:var(--brass);color:#fff;cursor:pointer;transition:opacity .15s}.edit-save-btn:disabled{opacity:.4;cursor:not-allowed}.edit-save-btn:hover:not(:disabled){opacity:.88}.note-card--urgent{border-color:#ea580c73!important;animation:urgentPulse 2s ease-in-out infinite}.note-card--urgent .note-summary{color:var(--text-primary)}.urgent-badge{display:inline-flex;align-items:center;gap:3px;font-family:Geist Mono,monospace;font-size:8px;font-weight:400;letter-spacing:.1em;padding:2px 7px;border-radius:10px;background:#ea580c1f;border:.5px solid rgba(234,88,12,.4);color:#ea580c;animation:urgentShimmer 1.8s ease-in-out infinite;white-space:nowrap}.action-btn--urgent{color:var(--text-tertiary)}.action-btn--urgent:hover{color:#ea580c!important;background:#ea580c1a!important}.action-btn--urgent-active{color:#ea580c!important}.action-btn--urgent-active:hover{color:#c2410c!important;background:#ea580c26!important}.account-tag{display:inline-flex;align-items:center;font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.06em;padding:2px 8px;border-radius:10px;white-space:nowrap;font-weight:400}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:24px 16px}.auth-card{width:100%;max-width:380px;background:var(--bg-secondary);border:.5px solid var(--border-primary);border-radius:16px;padding:40px 36px 36px;animation:slideInUp .35s ease both}.auth-logo-wrap{display:flex;justify-content:center;margin-bottom:4px}.auth-logo-img{height:52px;width:auto;-o-object-fit:contain;object-fit:contain}.auth-tagline{font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-tertiary);text-align:center;margin:0 0 32px}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0}.auth-divider-line{flex:1;height:.5px;background:var(--border-secondary)}.auth-divider-text{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--text-tertiary)}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.auth-label{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--text-secondary)}.auth-input{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-primary);background:var(--bg-tertiary);border:.5px solid var(--border-secondary);border-radius:8px;padding:10px 12px;outline:none;transition:border-color .15s;width:100%}.auth-input:focus{border-color:var(--brass-border)}.auth-input::-moz-placeholder{color:var(--text-tertiary)}.auth-input::placeholder{color:var(--text-tertiary)}.auth-btn{width:100%;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.1em;padding:11px 20px;border-radius:8px;border:none;background:var(--brass);color:#fff;cursor:pointer;transition:opacity .15s;margin-top:8px}.auth-btn:disabled{opacity:.45;pointer-events:none}.auth-btn:hover:not(:disabled){opacity:.88}.auth-oauth-row{display:flex;gap:8px;width:100%}.auth-btn-oauth{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:10px 14px;border-radius:8px;border:.5px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .15s;white-space:nowrap}.auth-btn-google:hover,.auth-btn-twitter:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.auth-toggle{text-align:center;margin-top:20px}.auth-toggle-text{font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-tertiary)}.auth-toggle-link{background:none;border:none;color:var(--brass);font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-error{font-family:DM Sans,sans-serif;font-size:12px;color:#dc2626;background:#dc262614;border:.5px solid rgba(220,38,38,.2);border-radius:6px;padding:8px 12px;margin-bottom:12px}.user-avatar-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--brass-border);background:var(--brass-soft);color:var(--brass);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .15s;padding:0;overflow:hidden;flex-shrink:0}.user-avatar-btn:hover{border-color:var(--brass)}.user-avatar-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.user-menu-wrap{position:relative}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:10px;box-shadow:var(--shadow-dropdown);padding:6px;min-width:180px;z-index:100;animation:slideInUp .15s ease both}.user-dropdown-name{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);padding:6px 10px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-email{font-family:Geist Mono,monospace;font-size:9px;color:var(--text-tertiary);padding:0 10px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:.5px solid var(--border-tertiary);margin-bottom:4px}.user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;cursor:pointer;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-secondary);transition:background .1s,color .1s;text-align:left}.user-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-dropdown-item--danger:hover{background:#dc262614;color:#dc2626}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;animation:fadeIn .2s ease both}.settings-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:100vw;background:var(--bg-primary);border-left:.5px solid var(--border-secondary);z-index:201;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.34,1.2,.64,1) both}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:.5px solid var(--border-tertiary)}.settings-title{font-family:"Instrument Serif",serif;font-size:20px;font-weight:400;color:var(--text-primary);margin:0}.settings-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:6px;transition:color .15s,background .15s}.settings-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.settings-body{flex:1;overflow-y:auto;padding:24px}.settings-section-label{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase;margin:0 0 12px}.settings-add-row{display:flex;gap:8px;margin-bottom:16px}.settings-input{flex:1;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);border:.5px solid var(--border-secondary);border-radius:8px;padding:8px 12px;outline:none;transition:border-color .15s}.settings-input:focus{border-color:var(--brass-border)}.settings-input::-moz-placeholder{color:var(--text-tertiary)}.settings-input::placeholder{color:var(--text-tertiary)}.settings-add-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px;border-radius:8px;border:none;background:var(--brass);color:#fff;cursor:pointer;font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;transition:opacity .15s;white-space:nowrap}.settings-add-btn:disabled{opacity:.4;pointer-events:none}.settings-add-btn:hover:not(:disabled){opacity:.88}.accounts-list{display:flex;flex-direction:column;gap:6px}.account-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:var(--bg-secondary);border:.5px solid var(--border-tertiary);animation:slideInUp .2s ease both}.account-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.account-name{flex:1;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-primary)}.account-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:4px;transition:color .12s,background .12s;padding:0}.account-delete-btn:hover{color:#dc2626;background:#dc262614}.accounts-empty{font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-tertiary);font-style:italic;text-align:center;padding:16px 0}.settings-hint{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-tertiary);line-height:1.5;margin-top:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;border:.5px solid var(--border-tertiary)}.avatar-edit-badge{position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;border-radius:50%;background:var(--brass);border:1.5px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;padding:0;transition:opacity .15s,transform .15s}.avatar-edit-badge:hover{opacity:.85;transform:scale(1.1)}.name-edit-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px;border-radius:4px;transition:color .12s,background .12s;flex-shrink:0}.name-edit-btn:hover{color:var(--brass);background:var(--brass-soft)}.name-edit-input{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--brass-border);border-radius:6px;padding:4px 8px;outline:none;width:100%;transition:border-color .15s}.name-edit-input:focus{border-color:var(--brass)}.crop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;animation:fadeIn .18s ease both}.crop-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:calc(100vw - 32px);background:var(--bg-primary);border:.5px solid var(--border-secondary);border-radius:16px;box-shadow:0 20px 60px #00000040;z-index:301;display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.34,1.3,.64,1) both}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:.5px solid var(--border-tertiary)}.crop-modal-title{font-family:"Instrument Serif",serif;font-size:18px;color:var(--text-primary)}.crop-modal-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.crop-drop-zone{width:100%;min-height:180px;border:1.5px dashed var(--border-primary);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--bg-secondary)}.crop-drop-zone:hover,.crop-drop-zone--active{border-color:var(--brass);background:var(--brass-soft)}.crop-drop-icon{color:var(--text-tertiary);transition:color .15s}.crop-drop-zone:hover .crop-drop-icon,.crop-drop-zone--active .crop-drop-icon{color:var(--brass)}.crop-drop-label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.crop-drop-sub{font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-tertiary);margin:0}.crop-canvas-wrap{position:relative;width:300px;height:300px;border-radius:50%;overflow:hidden;border:2px solid var(--brass-border);box-shadow:0 0 0 4px var(--brass-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.crop-canvas{display:block;border-radius:50%}.crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 2px #8b6b3e59}.crop-zoom-row{display:flex;align-items:center;gap:8px;width:100%;max-width:300px}.crop-zoom-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--border-primary);border-radius:2px;outline:none;cursor:pointer}.crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brass);border:2px solid var(--bg-primary);box-shadow:0 1px 4px #0003;cursor:pointer;-webkit-transition:transform .1s;transition:transform .1s}.crop-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.crop-zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brass);border:2px solid var(--bg-primary);cursor:pointer}.crop-hint{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.06em;color:var(--text-tertiary);margin:0;text-align:center}.crop-change-btn{font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .12s,background .12s;text-decoration:underline;text-underline-offset:2px}.crop-change-btn:hover{color:var(--text-secondary)}.crop-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 20px;border-top:.5px solid var(--border-tertiary)}.crop-cancel-btn{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);border:.5px solid var(--border-primary);border-radius:8px;padding:8px 16px;cursor:pointer;transition:background .12s,color .12s}.crop-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.crop-cancel-btn:disabled{opacity:.4;pointer-events:none}.crop-confirm-btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#fff;background:var(--brass);border:none;border-radius:8px;padding:8px 20px;cursor:pointer;transition:opacity .12s}.crop-confirm-btn:hover:not(:disabled){opacity:.88}.crop-confirm-btn:disabled{opacity:.4;pointer-events:none}.due-date-wrap{display:inline-flex;align-items:center;gap:2px;position:relative}.due-date-btn{display:inline-flex;align-items:center;gap:5px;font-family:Geist Mono,monospace;font-size:9px;font-weight:400;letter-spacing:.08em;padding:4px 9px;border-radius:6px;border:.5px solid var(--border-secondary);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s;white-space:nowrap}.due-date-btn:hover{color:var(--text-secondary);border-color:var(--border-primary);background:var(--bg-secondary)}.due-date-btn--active{color:var(--brass);border-color:var(--brass-border);background:var(--brass-soft)}.due-date-btn--active:hover{background:#8b6b3e26}.due-date-btn--sm{font-size:8.5px;padding:3px 8px}.due-date-clear{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:3px;padding:0;transition:color .12s}.due-date-clear:hover{color:var(--text-secondary)}.edit-due-date-wrap{display:inline-flex;align-items:center;gap:2px;position:relative}.due-date-badge{display:inline-flex;align-items:center;gap:4px;font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.06em;padding:2px 7px;border-radius:10px;font-weight:400;white-space:nowrap}.due-date-badge--overdue{background:#dc26261f;border:.5px solid rgba(220,38,38,.35);color:#ef4444}.due-date-badge--today{background:var(--brass-soft);border:.5px solid var(--brass-border);color:var(--brass)}.due-date-badge--tomorrow{background:#0596691a;border:.5px solid rgba(5,150,105,.3);color:#059669}.due-date-badge--upcoming{background:var(--bg-secondary);border:.5px solid var(--border-secondary);color:var(--text-secondary)}.due-date-badge--future{background:var(--bg-secondary);border:.5px solid var(--border-secondary);color:var(--text-tertiary)}.date-group--scheduled>.date-divider>.date-label{color:var(--brass)}.date-group--scheduled.date-group--overdue>.date-divider>.date-label{color:#ef4444}@keyframes dpOpen{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes dpClose{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.datepicker-panel{z-index:9999;width:272px;background:var(--bg-secondary);border:.5px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;padding:12px;opacity:0;transform:scale(.92);pointer-events:none}.datepicker-panel--open{animation:dpOpen .16s cubic-bezier(.2,0,.13,1) forwards;pointer-events:auto}.datepicker-panel--open.datepicker-panel--closing{animation:dpClose .14s cubic-bezier(.4,0,1,1) forwards}.datepicker-quick{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:.5px solid var(--border-tertiary)}.datepicker-quick-btn{font-family:Geist Mono,monospace;font-size:8.5px;letter-spacing:.06em;padding:4px 9px;border-radius:6px;border:.5px solid var(--border-secondary);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .12s}.datepicker-quick-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.datepicker-clear-btn{color:#ef4444!important;border-color:#ef44444d!important}.datepicker-clear-btn:hover{background:#ef444414!important}.datepicker-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.datepicker-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .12s}.datepicker-nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.datepicker-month-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:var(--text-primary);letter-spacing:.01em}.datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datepicker-weekday{font-family:Geist Mono,monospace;font-size:8px;letter-spacing:.06em;color:var(--text-tertiary);text-align:center;padding:4px 0 6px}.datepicker-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:12px;color:var(--text-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .1s}.datepicker-cell:hover{background:var(--bg-tertiary)}.datepicker-cell--empty{pointer-events:none}.datepicker-cell--today{font-weight:600;color:var(--brass)}.datepicker-cell--selected{background:var(--brass)!important;color:#fff!important;font-weight:600}.datepicker-cell--past{color:var(--text-tertiary)}.datepicker-cell--past:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.note-card--done-compact{aspect-ratio:unset;padding:8px 10px;opacity:.55;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:opacity .2s,border-color .15s,background .2s}.note-card--done-compact:hover{opacity:.85}.note-card-done-inner{display:flex;align-items:flex-start;gap:7px}.note-done-summary{font-family:DM Sans,sans-serif;font-size:10px;font-weight:400;color:var(--text-tertiary);line-height:1.4;text-decoration:line-through;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-done-accounts{display:flex;flex-wrap:wrap;gap:3px}@media (max-width: 600px){.date-group-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.note-card--expanded{grid-column:span 1}}.policy-page{min-height:100vh;background:var(--bg-primary);padding:0}.policy-container{max-width:720px;margin:0 auto;padding:40px 24px 80px}.policy-back{display:inline-flex;align-items:center;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--brass);background:none;border:none;cursor:pointer;padding:0;margin-bottom:32px;transition:opacity .15s}.policy-back:hover{opacity:.7}.policy-header{border-bottom:.5px solid var(--border-secondary);padding-bottom:24px;margin-bottom:40px}.policy-title{font-family:"Instrument Serif",serif;font-size:36px;font-weight:400;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.policy-date{font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--text-tertiary);margin:0}.policy-section{margin-bottom:40px}.policy-section h2{font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:.5px solid var(--border-tertiary)}.policy-section h3{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);margin:20px 0 8px}.policy-section p{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0 0 12px}.policy-section ul{margin:0 0 12px;padding-left:20px}.policy-section li{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:6px}.policy-section strong{color:var(--text-primary);font-weight:500}.app-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0 12px;border-top:.5px solid var(--border-tertiary);margin-top:40px}.app-footer-link{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:0;transition:color .15s;text-decoration:none}.app-footer-link:hover{color:var(--brass)}.app-footer-dot{font-size:8px;color:var(--border-secondary)}.auth-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;padding-top:20px;border-top:.5px solid var(--border-tertiary)}.auth-footer-link{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.auth-footer-link:hover{color:var(--brass)}.auth-footer-dot{font-size:8px;color:var(--border-secondary)}