html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--action-primary-bg: #31543a;--action-primary-ink: #ffffff;--action-primary-hover: #25432d;--action-secondary-bg: #ffffff;--action-secondary-ink: #2d4832;--action-secondary-hover: #eaf0e6;--action-secondary-border: #93a18b;--action-danger-bg: #fff1ef;--action-danger-ink: #982e25;--action-danger-hover: #ffe3de;--action-danger-border: #d29a92;--action-destructive-bg: #a12d25;--action-destructive-ink: #ffffff;--action-destructive-hover: #84231d;--action-disabled-bg: #e3e7df;--action-disabled-ink: #596353;--action-disabled-border: #bcc5b6;--action-focus: #31543a}.dark-mode{--action-primary-bg: #c4dfb6;--action-primary-ink: #1e3523;--action-primary-hover: #d5eccb;--action-secondary-bg: #29352b;--action-secondary-ink: #edf4e7;--action-secondary-hover: #35463a;--action-secondary-border: #879780;--action-danger-bg: #402a27;--action-danger-ink: #ffd0c8;--action-danger-hover: #53322e;--action-danger-border: #b17d73;--action-destructive-bg: #ffc1b6;--action-destructive-ink: #451b15;--action-destructive-hover: #ffd4cc;--action-disabled-bg: #333d31;--action-disabled-ink: #b6c1af;--action-disabled-border: #64705d;--action-focus: #c4dfb6}.create-button,.save-button{--action-bg: var(--action-primary-bg);--action-ink: var(--action-primary-ink);--action-hover: var(--action-primary-hover);--action-border: transparent}.outline-button,.secondary-button{--action-bg: var(--action-secondary-bg);--action-ink: var(--action-secondary-ink);--action-hover: var(--action-secondary-hover);--action-border: var(--action-secondary-border)}.danger-button{--action-bg: var(--action-danger-bg);--action-ink: var(--action-danger-ink);--action-hover: var(--action-danger-hover);--action-border: var(--action-danger-border)}.destructive-button{--action-bg: var(--action-destructive-bg);--action-ink: var(--action-destructive-ink);--action-hover: var(--action-destructive-hover);--action-border: transparent}.mat-mdc-button-base:is(.create-button,.save-button,.outline-button,.secondary-button,.danger-button){--mat-button-filled-label-text-color: var(--action-ink);--mat-button-filled-container-color: var(--action-bg);--mat-button-filled-disabled-label-text-color: var(--action-disabled-ink);--mat-button-filled-disabled-container-color: var(--action-disabled-bg);--mat-button-outlined-label-text-color: var(--action-ink);--mat-button-outlined-outline-color: var(--action-border);--mat-button-outlined-disabled-label-text-color: var(--action-disabled-ink);--mat-button-text-label-text-color: var(--action-ink);--mat-button-text-disabled-label-text-color: var(--action-disabled-ink);--mat-button-filled-icon-spacing: 10px;--mat-button-filled-icon-offset: 0;--mat-button-outlined-icon-spacing: 10px;--mat-button-outlined-icon-offset: 0;--mat-button-text-icon-spacing: 10px;--mat-button-text-icon-offset: 0;--mat-button-filled-hover-state-layer-opacity: 0;--mat-button-outlined-hover-state-layer-opacity: 0;--mat-button-text-hover-state-layer-opacity: 0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;height:auto;max-width:100%;padding:12px 20px;border:1px solid var(--action-border);border-radius:10px;background:var(--action-bg);color:var(--action-ink);font-family:var(--sans, "Ubuntu", sans-serif);font-size:16px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.mat-mdc-button-base:is(.create-button,.save-button,.outline-button,.secondary-button,.danger-button) .mdc-button__label{color:inherit;font:inherit;letter-spacing:inherit;white-space:normal;text-align:center}.mat-mdc-button-base:is(.create-button,.save-button,.outline-button,.secondary-button,.danger-button)>.mat-icon{width:20px;height:20px;font-size:20px;margin-inline-start:0;margin-inline-end:10px;color:inherit}@media(hover:hover){.mat-mdc-button-base:is(.create-button,.save-button,.outline-button,.secondary-button,.danger-button):hover:not(:disabled){background:var(--action-hover);box-shadow:0 2px 5px #1324121a}}.mat-mdc-button-base:is(.create-button,.save-button,.outline-button,.secondary-button,.danger-button):active:not(:disabled){background:var(--action-hover);box-shadow:inset 0 1px 3px #13241224}.mat-mdc-button-base:is(.create-button,.save-button,.outline-button,.secondary-button,.danger-button):disabled{--action-bg: var(--action-disabled-bg);--action-ink: var(--action-disabled-ink);--action-border: var(--action-disabled-border);opacity:1;box-shadow:none}.mat-mdc-icon-button.delete-icon{--mat-icon-button-icon-color: var(--muted);--mat-icon-button-state-layer-size: 44px;--mat-icon-button-icon-size: 20px;width:44px;height:44px;padding:12px;border-radius:10px;color:var(--muted)}.mat-mdc-icon-button.delete-icon .mat-icon{width:20px;height:20px;font-size:20px}.mat-mdc-icon-button.delete-icon:hover{color:var(--action-danger-ink);background:var(--action-danger-bg)}.mat-mdc-button-base:focus-visible{outline:3px solid var(--action-focus);outline-offset:3px}.mat-mdc-dialog-actions{gap:12px;padding-block:20px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.mat-mdc-button-base{transition:none}}:root{--ink:#252720;--muted:#88897f;--line:#e8e7e0;--paper:#f7f7f4;--accent:#596349;--serif:"Manrope",sans-serif;--sans:"DM Sans",sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#f0f0ec;border-right:1px solid #e7e7e1;padding:36px 22px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;font:800 18px var(--serif);letter-spacing:-.8px;margin:0 0 66px 7px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#646d53;color:#fbfaf4}.brand-mark mat-icon{font-size:18px;width:18px;height:18px}.brand-dot,.heading-period{color:#788064}.side-label,.eyebrow,.topbar-caption{font:700 10px var(--sans);letter-spacing:1.45px;color:#929389}.side-label{margin:0 0 14px 12px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:13px;height:43px;padding:0 12px;border-radius:7px;color:#74766d;font-weight:500;transition:.2s}.side-nav a mat-icon{width:19px;height:19px;font-size:19px}.side-nav a:hover,.side-nav a.active{background:#e3e4dc;color:#34382c}.sidebar-bottom{margin-top:auto;border-top:1px solid #e1e2dc;padding:20px 8px 0;display:flex;gap:9px;align-items:center;font-size:11px;color:#85867e}.local-indicator{width:7px;height:7px;background:#89966c;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #89966c20;flex:none}.main-area{margin-left:240px;min-height:100vh}.topbar{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.2%}.topbar-caption{font-size:9px;letter-spacing:1.6px}.avatar{height:29px;width:29px;border-radius:50%;background:#e7e4d7;color:#646d53;display:grid;place-items:center;font:700 12px var(--serif)}.page{max-width:1200px;margin:0 auto;padding:50px 5.2% 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#a0a094}h1{font:600 34px/1.2 var(--serif);letter-spacing:-1.6px;margin:9px 0 7px}.subtitle{margin:0;color:#88897f;font-size:13px}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:26px}.search-box{height:40px;width:min(390px,52%);border:1px solid var(--line);border-radius:6px;background:#fbfbf9;display:flex;align-items:center;padding:0 12px;gap:9px;color:#999a91}.search-box>mat-icon{font-size:19px;width:19px;height:19px}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:var(--ink);font-size:12px}.search-box input::placeholder{color:#a1a198}.search-box kbd{font:10px var(--sans);border:1px solid #e8e8e2;border-radius:4px;padding:3px 5px;color:#a1a198;background:#f6f6f2}.filter-wrap{height:40px;padding:0 11px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:8px;color:#92938a;background:#fbfbf9}.filter-wrap mat-icon{font-size:17px;width:17px;height:17px}.filter-wrap select{border:0;outline:0;background:transparent;color:#696b62;font-size:11px;cursor:pointer}.note-count{margin-left:auto;font-size:11px;color:#9a9b91}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.note-card{min-height:220px;border:1px solid #e5e3db;border-radius:7px;padding:17px 17px 12px;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.note-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #31321e0d;border-color:#d9d8ce}.theme-default{background:#fffefa}.theme-yellow{background:#f7f0d9}.theme-green{background:#eaf0e7}.theme-blue{background:#e9f0f4}.theme-pink{background:#f4e9e9}.theme-purple{background:#efebf4}.note-open{flex:1;display:block;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;color:#98988e;font-size:10px}.card-top mat-icon{font-size:15px;width:15px;height:15px;opacity:0;transition:.15s}.note-card:hover .card-top mat-icon{opacity:.75}.note-card h2{font:600 16px/1.35 var(--serif);letter-spacing:-.35px;margin:20px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content{font-size:11px;line-height:1.75;color:#73746a;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:pre-wrap}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-top:1px solid #20221912;padding-top:8px}.theme-tag{display:flex;align-items:center;gap:6px;color:#88897f;font-size:10px}.theme-tag i{width:7px;height:7px;border-radius:50%;background:#b7b4a8}.theme-yellow .theme-tag i{background:#ddbc4d}.theme-green .theme-tag i{background:#91ac82}.theme-blue .theme-tag i{background:#88a9bf}.theme-pink .theme-tag i{background:#cb9296}.theme-purple .theme-tag i{background:#a593bd}.empty-state{padding:75px 20px;text-align:center;border:1px dashed #deded6;border-radius:8px;color:#88897f}.empty-icon{display:grid;place-items:center;margin:0 auto 16px;width:47px;height:47px;border-radius:50%;background:#eceee7;color:#778067}.empty-icon mat-icon{font-size:23px;width:23px;height:23px}.empty-state h2{font:600 19px var(--serif);color:#3d3f36;margin:0 0 8px}.empty-state p{font-size:12px;line-height:1.7;margin:0 0 18px}.page-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:55px;padding-top:16px;color:#a3a399;font-size:9px;letter-spacing:1px}.page-foot span:last-child{letter-spacing:.2px;font-size:10px}.editor-page{max-width:950px;padding-top:31px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.back-link{display:flex;align-items:center;gap:7px;color:#77786f;font-size:12px}.back-link mat-icon{font-size:18px;width:18px;height:18px}.saved-status{color:#999a90;font-size:11px}.saved-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#8c9a76;margin-right:7px;vertical-align:1px}.editor-sheet{min-height:620px;border:1px solid #e5e3dc;border-radius:8px;padding:31px 38px;display:flex;flex-direction:column;box-shadow:0 7px 24px #25272007}.editor-meta{display:flex;align-items:center;justify-content:space-between;color:#a0a094;font-size:9px;letter-spacing:1.4px}.color-picker{display:flex;gap:9px}.color-picker button{width:18px;height:18px;border-radius:50%;border:1px solid #2222;outline:2px solid transparent;outline-offset:2px}.color-picker button.selected{outline-color:#777b67}.title-input{border:0;outline:0;background:transparent;color:#2e3028;font:600 25px var(--serif);letter-spacing:-.8px;margin-top:50px;padding:0 0 17px;border-bottom:1px solid #20221918}.title-input::placeholder{color:#b3b3aa}.content-input{resize:vertical;min-height:360px;flex:1;border:0;outline:0;background:transparent;padding:21px 0;font:13px/1.9 var(--sans);color:#53554d}.content-input::placeholder{color:#aaa99f}.editor-bottom{display:flex;justify-content:space-between;border-top:1px solid #20221918;padding-top:14px;font-size:9px;color:#a0a094;letter-spacing:.7px}.settings-page{max-width:1120px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px;align-items:start}.settings-main{display:grid;gap:13px}.settings-card{display:grid;grid-template-columns:37px 1fr;gap:17px;padding:22px 23px;background:#fbfbf8;border:1px solid var(--line);border-radius:7px}.settings-card-icon{width:34px;height:34px;border-radius:6px;background:#eeefe9;color:#727c61;display:grid;place-items:center}.settings-card-icon mat-icon{font-size:18px;width:18px;height:18px}.settings-card-copy h2{font:600 15px var(--serif);letter-spacing:-.3px;margin:7px 0}.settings-card-copy p{max-width:500px;font-size:11px;color:#82837a;line-height:1.75;margin:0 0 14px}.storage-line{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:#88897f}.storage-count{margin-left:auto;color:#a0a094}.danger-card{background:#fcf9f8;border-color:#eee4e1}.danger-card .settings-card-icon{background:#f5e9e6;color:#a36d63}.danger-card .eyebrow{color:#b39188}.confirm-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#9a665c;font-size:10px}.settings-aside{padding-top:5px}.aside-illustration{height:230px;border-radius:8px;background:#e8e9df;position:relative;overflow:hidden}.illus-sun{position:absolute;width:120px;height:120px;border-radius:50%;background:#d8d9c7;right:-15px;top:-22px}.illus-note{position:absolute;box-shadow:0 7px 20px #3437271a;border-radius:3px;padding:17px 15px;font:600 12px/1.5 var(--serif);color:#515344;transform:rotate(-8deg)}.note-one{background:#f3e7c4;top:56px;left:27px}.note-one span{color:#a6a77e}.note-two{background:#e9dfe8;right:16px;bottom:35px;transform:rotate(8deg)}.illus-sparkle{position:absolute;left:42%;top:34px;color:#93977b;font-size:21px}.illus-plant{position:absolute;left:19px;bottom:11px;color:#858c70;font-size:35px;transform:rotate(-25deg)}.settings-aside>p{font:500 12px/1.8 var(--serif);color:#86877d;padding:5px 7px}.settings-page .page-foot{margin-top:43px}.settings-page .page-foot a{color:#747a62;font-size:10px;letter-spacing:0}@media(max-width:1050px){.sidebar{width:205px}.main-area{margin-left:205px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:minmax(0,1fr) 200px;gap:20px}.aside-illustration{height:195px}}@media(max-width:760px){.sidebar{position:sticky;width:auto;height:58px;inset:auto;padding:0 17px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0;font-size:16px}.brand-mark{width:27px;height:27px}.side-label,.sidebar-bottom{display:none}.side-nav{display:flex;margin-left:auto}.side-nav a{height:36px;width:38px;justify-content:center;padding:0}.side-nav a span{display:none}.main-area{margin-left:0}.topbar{height:48px;padding:0 20px}.topbar-caption{font-size:8px}.page{padding:34px 20px 20px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:30px}.notes-grid{gap:11px}.note-card{min-height:200px;padding:14px}.settings-layout{grid-template-columns:1fr}.settings-aside{display:none}.settings-card{padding:18px 15px;gap:12px}.page-foot{margin-top:38px}.editor-sheet{padding:25px 21px;min-height:560px}.title-input{margin-top:42px}.editor-toolbar{gap:10px}.saved-status{font-size:10px}.saved-status:before{display:none}}@media(max-width:480px){.notes-grid{grid-template-columns:1fr}.note-card{min-height:175px}.toolbar{gap:8px}.search-box{width:auto;flex:1}.filter-wrap{padding:0 7px}.filter-wrap select{max-width:73px}.note-count{display:none}.page-heading{align-items:flex-end}.page-heading .subtitle{font-size:11px}.page-heading h1{font-size:27px}.editor-toolbar .saved-status{display:none}.editor-sheet{min-height:520px}.editor-bottom,.page-foot{font-size:8px}.page-foot span:last-child{font-size:9px}}.dark-mode{color-scheme:dark;--ink:#e8e7df;--muted:#aaa99f;--line:#383a34;--paper:#20221f;background:#20221f;color:#e8e7df}.dark-mode body{background:#20221f;color:#e8e7df}.dark-mode .sidebar{background:#1b1d1a;border-color:#363832}.dark-mode .brand{color:#eeede5}.dark-mode .side-nav a{color:#aaa99f}.dark-mode .side-nav a:hover,.dark-mode .side-nav a.active{background:#30332c;color:#e6e7dc}.dark-mode .sidebar-bottom,.dark-mode .topbar{border-color:#383a34}.dark-mode .avatar{background:#373a30;color:#c1c8ad}.dark-mode .search-box,.dark-mode .filter-wrap,.dark-mode .settings-card{background:#262824;border-color:#3c3e38}.dark-mode .search-box input,.dark-mode .filter-wrap select{color:#e8e7df}.dark-mode .search-box kbd{background:#30322d;border-color:#44463f;color:#aaa99f}.dark-mode .note-card{border-color:#44463f}.dark-mode .theme-default{background:#292b26}.dark-mode .theme-yellow{background:#3b3828}.dark-mode .theme-green{background:#2c342b}.dark-mode .theme-blue{background:#29343b}.dark-mode .theme-pink{background:#392d30}.dark-mode .theme-purple{background:#332e39}.dark-mode .card-content,.dark-mode .settings-card-copy p,.dark-mode .settings-aside>p{color:#b5b5aa}.dark-mode .card-footer{border-color:#ffffff19}.dark-mode .empty-state{border-color:#44463f}.dark-mode .empty-state h2,.dark-mode .settings-card-copy h2{color:#e8e7df}.dark-mode .empty-icon,.dark-mode .settings-card-icon{background:#34372e;color:#bbc49f}.dark-mode .editor-sheet{border-color:#44463f}.dark-mode .editor-sheet.theme-default{background:#292b26}.dark-mode .editor-sheet.theme-yellow{background:#3b3828}.dark-mode .editor-sheet.theme-green{background:#2c342b}.dark-mode .editor-sheet.theme-blue{background:#29343b}.dark-mode .editor-sheet.theme-pink{background:#392d30}.dark-mode .editor-sheet.theme-purple{background:#332e39}.dark-mode .title-input,.dark-mode .content-input{color:#e8e7df}.dark-mode .title-input::placeholder,.dark-mode .content-input::placeholder{color:#888980}.dark-mode .title-input,.dark-mode .content-input,.dark-mode .editor-bottom{border-color:#ffffff20}.dark-mode .danger-card{background:#302827;border-color:#4a3835}.dark-mode .danger-card .settings-card-icon{background:#483431}:root{--serif:"Ubuntu",sans-serif;--sans:"Ubuntu",sans-serif}body{font-size:15px;line-height:1.55}.side-label,.eyebrow{font-size:11px;letter-spacing:1px}.topbar-caption{font-size:10px;letter-spacing:1px}.sidebar-bottom{font-size:12px}.subtitle{font-size:15px}.search-box input{font-size:14px}.filter-wrap select,.note-count{font-size:13px}.card-top{font-size:12px}.note-card h2{font-size:17px;letter-spacing:0}.card-content{font-size:14px;line-height:1.7;color:#55574e}.theme-tag{font-size:12px}.page-foot{font-size:10px;color:#74766d}.page-foot span:last-child{font-size:12px}.back-link{font-size:14px}.saved-status{font-size:13px}.editor-meta{font-size:11px}.title-input{font-size:28px;letter-spacing:0}.content-input{font:16px/1.8 var(--sans);color:#45473f}.editor-bottom{font-size:11px}.settings-card-copy h2{font-size:17px;letter-spacing:0}.settings-card-copy p{font-size:14px;line-height:1.7;color:#5e6058}.storage-line,.confirm-row{font-size:13px}.illus-note{font-size:14px}.settings-aside>p{font-size:14px;line-height:1.8}.dark-mode .card-content,.dark-mode .settings-card-copy p,.dark-mode .content-input{color:#c5c5ba}:root{--ink:#20251d;--muted:#4f574b;--line:#d5d8ce;--paper:#f4f5f1;--accent:#3e5636}body,.main-area{background:#f4f5f1;color:#20251d}.sidebar{background:#e9ece5;border-color:#cfd4c9}.brand,.side-nav a{color:#273126}.side-label,.eyebrow,.topbar-caption{color:#515b4e}.side-nav a.active,.side-nav a:hover{background:#d9dfd3;color:#20291d}.topbar,.page-foot{border-color:#cfd4c9}.subtitle,.sidebar-bottom,.back-link,.saved-status,.page-foot,.settings-aside>p{color:#51584e}.search-box,.filter-wrap,.settings-card{background:#fff;border-color:#bfc5b9}.search-box,.filter-wrap{color:#414a3e}.search-box input,.filter-wrap select{color:#20251d}.search-box input::placeholder,.title-input::placeholder,.content-input::placeholder{color:#5d6558;opacity:1}.search-box kbd{background:#edf0e9;border-color:#c5cabe;color:#414a3e}.note-card{border-color:#bdc4b8}.theme-default{background:#fff}.theme-yellow{background:#fff3cf}.theme-green{background:#e4f0df}.theme-blue{background:#e2eff8}.theme-pink{background:#f8e6e7}.theme-purple{background:#eee7fa}.note-card h2,.card-content,.theme-tag,.card-top{color:#252b23}.card-footer{border-color:#4c554444}.theme-tag i{background:#58654e}.theme-yellow .theme-tag i{background:#806000}.theme-green .theme-tag i{background:#355f31}.theme-blue .theme-tag i{background:#245875}.theme-pink .theme-tag i{background:#813e49}.theme-purple .theme-tag i{background:#5c477c}.empty-state{color:#485044;border-color:#9fa99a}.empty-state h2{color:#20251d}.empty-icon{background:#e4e9df;color:#354a30}.editor-sheet{border-color:#bdc4b8}.editor-sheet.theme-default{background:#fff}.editor-sheet.theme-yellow{background:#fff3cf}.editor-sheet.theme-green{background:#e4f0df}.editor-sheet.theme-blue{background:#e2eff8}.editor-sheet.theme-pink{background:#f8e6e7}.editor-sheet.theme-purple{background:#eee7fa}.editor-meta,.editor-bottom{color:#4d5548}.title-input,.content-input{color:#20251d}.title-input,.content-input,.editor-bottom{border-color:#59634d55}.settings-card-copy h2{color:#20251d}.settings-card-copy p,.storage-line,.storage-count{color:#41493e}.settings-card-icon{background:#e7ece2;color:#344a2f}.danger-card{background:#fff8f7;border-color:#d8bbb5}.danger-card .eyebrow{color:#75433b}.confirm-row{color:#71382f}.dark-mode{--ink:#f1f3eb;--muted:#c2c9bb;--line:#454c42;--paper:#1d211c;background:#1d211c;color:#f1f3eb}.dark-mode body,.dark-mode .main-area{background:#1d211c;color:#f1f3eb}.dark-mode .sidebar{background:#171b17;border-color:#3f473d}.dark-mode .brand,.dark-mode .side-nav a,.dark-mode .side-nav a.active,.dark-mode .side-nav a:hover{color:#f1f3eb}.dark-mode .side-nav a.active,.dark-mode .side-nav a:hover{background:#343d32}.dark-mode .side-label,.dark-mode .eyebrow,.dark-mode .topbar-caption,.dark-mode .subtitle,.dark-mode .sidebar-bottom,.dark-mode .back-link,.dark-mode .saved-status,.dark-mode .page-foot,.dark-mode .editor-meta,.dark-mode .editor-bottom,.dark-mode .settings-aside>p{color:#c2c9bb}.dark-mode .topbar,.dark-mode .page-foot{border-color:#454c42}.dark-mode .search-box,.dark-mode .filter-wrap,.dark-mode .settings-card{background:#252b24;border-color:#555f51}.dark-mode .search-box input,.dark-mode .filter-wrap select{color:#f1f3eb}.dark-mode .search-box input::placeholder,.dark-mode .title-input::placeholder,.dark-mode .content-input::placeholder{color:#bdc5b8}.dark-mode .search-box kbd{background:#343b32;border-color:#555f51;color:#e1e7da}.dark-mode .note-card,.dark-mode .editor-sheet{border-color:#60695b}.dark-mode .theme-default,.dark-mode .editor-sheet.theme-default{background:#292f28}.dark-mode .theme-yellow,.dark-mode .editor-sheet.theme-yellow{background:#393421}.dark-mode .theme-green,.dark-mode .editor-sheet.theme-green{background:#283629}.dark-mode .theme-blue,.dark-mode .editor-sheet.theme-blue{background:#26333d}.dark-mode .theme-pink,.dark-mode .editor-sheet.theme-pink{background:#3a2b30}.dark-mode .theme-purple,.dark-mode .editor-sheet.theme-purple{background:#332c3c}.dark-mode .note-card h2,.dark-mode .card-content,.dark-mode .theme-tag,.dark-mode .card-top,.dark-mode .title-input,.dark-mode .content-input,.dark-mode .settings-card-copy h2,.dark-mode .settings-card-copy p,.dark-mode .storage-line,.dark-mode .storage-count{color:#f1f3eb}.dark-mode .card-footer{border-color:#ffffff35}.dark-mode .empty-state{color:#d5dccf;border-color:#687363}.dark-mode .empty-state h2{color:#f1f3eb}.dark-mode .empty-icon,.dark-mode .settings-card-icon{background:#343d32;color:#dce8d2}.dark-mode .danger-card{background:#352624;border-color:#694843}.dark-mode .danger-card .eyebrow,.dark-mode .confirm-row{color:#ffc9bc!important}:root{--mat-sys-primary: #405837;--mat-sys-on-primary: #ffffff;--mat-sys-surface: #ffffff;--mat-sys-surface-container-high: #ffffff;--mat-sys-on-surface: #20251d;--mat-sys-on-surface-variant: #41493e;--mat-sys-outline: #929d8b}.dark-mode{--mat-sys-primary: #c4dfb6;--mat-sys-on-primary: #20331c;--mat-sys-surface: #252b24;--mat-sys-surface-container-high: #252b24;--mat-sys-on-surface: #f1f3eb;--mat-sys-on-surface-variant: #c2c9bb;--mat-sys-outline: #7d8a76}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #477a31;outline-offset:4px}.dark-mode :is(a,button,input,textarea,select):focus-visible{outline-color:#c4dfb6}.color-picker button{width:28px;height:28px}.editor-meta{flex-wrap:wrap;gap:18px}button:disabled{cursor:not-allowed}.mat-mdc-dialog-container .mdc-button__label{color:inherit}.mat-mdc-dialog-content{line-height:1.7}@media(max-width:480px){.page-heading{align-items:flex-start;gap:18px;flex-wrap:wrap}.editor-toolbar{flex-wrap:wrap}.title-input{min-width:0;width:100%;font-size:24px}.editor-bottom{flex-wrap:wrap;gap:8px}}.brand-logo{width:32px;height:32px;object-fit:contain;background:transparent;border-radius:0;flex-shrink:0}