@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.invert{--tw-invert:invert(100%);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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#d9a404;--accent-text:#96700a;--accent-dim:#97740473;--selection:#e0ac1638;--sidebar-bg:#f3f2ef;--list-bg:#fff;--content-bg:#fff;--text:#1d1c1a;--text-secondary:#8a867e;--separator:#00000017;--attachment-bg:#f6f5f2;--field-bg:#0000000e;--hover:#0000000b;--scrim:#0000002e;--scrollbar:#00000038;--window-border:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#ffd60a;--accent-text:#f5d90a;--accent-dim:#ffd60a73;--selection:#ffd60a3d;--sidebar-bg:#232220;--list-bg:#1c1b19;--content-bg:#161514;--text:#f2efe9;--text-secondary:#98938a;--separator:#ffffff17;--attachment-bg:#282724;--field-bg:#ffffff14;--hover:#ffffff0d;--scrim:#00000073;--scrollbar:#ffffff38;--window-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--content-bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar)transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.notes-app{background:var(--content-bg);flex-direction:column;height:100dvh;display:flex}.notes-body{flex:1;min-height:0;display:flex;position:relative}.toolbar{background:var(--list-bg);border-bottom:.5px solid var(--separator);flex-shrink:0;align-items:center;gap:2px;height:52px;padding:0 14px;transition:background-color .2s,border-color .2s;display:flex}.window-controls{flex-shrink:0;gap:8px;margin-right:14px;display:flex}.window-dot{border:.5px solid var(--window-border);border-radius:50%;width:12px;height:12px}.window-dot-close{background:#ff5f57}.window-dot-minimize{background:#febc2e}.window-dot-zoom{background:#28c840}.toolbar-btn{width:32px;height:28px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.toolbar-btn:hover{background:var(--hover)}.toolbar-btn.is-decorative{color:var(--accent-dim);cursor:default}.toolbar-btn.is-decorative:hover{background:0 0}.toolbar-group{align-items:center;gap:2px;display:flex}.toolbar-aa{letter-spacing:.01em;font-size:15px;font-weight:600}.toolbar-spacer{flex:1}.search-field{background:var(--field-bg);width:220px;height:28px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;transition:background-color .2s;display:flex}.search-field input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-field input::placeholder{color:var(--text-secondary)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.theme-toggle{margin-left:4px}.theme-toggle-placeholder{width:17px;height:17px;display:inline-block}.sidebar{background:var(--sidebar-bg);border-right:.5px solid var(--separator);flex-direction:column;flex-shrink:0;width:220px;transition:background-color .2s,border-color .2s,transform .25s;display:flex}.sidebar-scroll{flex:1;padding:10px 8px;overflow-y:auto}.sidebar-label{color:var(--text-secondary);padding:12px 8px 4px;font-size:11px;font-weight:700}.sidebar-label:first-child{padding-top:2px}.sidebar-row{text-align:left;width:100%;color:var(--text);border-radius:6px;align-items:center;gap:7px;padding:4px 8px;font-size:13px;transition:background-color .15s;display:flex}.sidebar-row:hover{background:var(--hover)}.sidebar-row.is-active{background:var(--selection)}.sidebar-row-icon{color:var(--accent);flex-shrink:0}.sidebar-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-row-count{color:var(--text-secondary);font-size:12px}.sidebar-footer{border-top:.5px solid var(--separator);padding:10px 16px}.sidebar-footer-name{color:var(--text-secondary);font-size:12px}.sidebar-scrim{display:none}@media (min-width:1025px){.notes-app.sidebar-collapsed .sidebar{display:none}}.note-list{background:var(--list-bg);border-right:.5px solid var(--separator);flex-direction:column;flex-shrink:0;width:300px;min-height:0;transition:background-color .2s,border-color .2s;display:flex}.note-list-header{padding:12px 16px 8px}.note-list-header h2{letter-spacing:-.01em;font-size:15px;font-weight:700}.note-list-scroll{flex:1;padding:0 8px 8px;overflow-y:auto}.list-group-label{color:var(--text-secondary);align-items:center;gap:5px;padding:10px 8px 4px;font-size:11px;font-weight:600;display:flex}.note-rows{list-style:none}.note-row{text-align:left;border-radius:8px;width:100%;padding:7px 10px;transition:background-color .12s;display:block}.note-row:hover:not(.is-selected){background:var(--hover)}.note-row.is-selected{background:var(--selection)}.note-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.note-row-pin{color:var(--accent);flex-shrink:0}.note-row-sub{white-space:nowrap;gap:6px;margin-top:1px;font-size:12px;display:flex;overflow:hidden}.note-row-date{color:var(--text);flex-shrink:0}.note-row-preview{color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden}.note-row-folder{color:var(--text-secondary);align-items:center;gap:4px;margin-top:1px;font-size:11px;display:flex}.note-list-empty{text-align:center;color:var(--text-secondary);padding:24px 16px;font-size:13px}.note-list-count{border-top:.5px solid var(--separator);text-align:center;color:var(--text-secondary);flex-shrink:0;padding:8px;font-size:11px}.note-view{background:var(--content-bg);flex-direction:column;flex:1;min-width:0;transition:background-color .2s;display:flex}.notes-app.no-list .note-view{flex:1}.notes-app.no-list .note-article{max-width:640px}.note-scroll{flex:1;padding:28px clamp(20px,5vw,56px) 80px;overflow-y:auto}.note-back{color:var(--accent-text);align-items:center;gap:2px;margin-bottom:16px;padding:4px 0;font-size:15px;font-weight:500;display:none}.note-article{max-width:680px;margin:0 auto}.note-date{text-align:center;color:var(--text-secondary);margin-bottom:18px;font-size:11px}.note-title{letter-spacing:-.02em;margin-bottom:14px;font-size:28px;font-weight:700;line-height:1.15}.note-body p{margin-bottom:14px}.note-secondary-line{color:var(--text-secondary);font-size:13px}.note-links{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.note-link-pill{background:var(--attachment-bg);color:var(--accent-text);border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:filter .15s,background-color .2s;display:inline-flex}.note-inline-link{font:inherit;color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration-thickness:2px}.note-inline-link:hover{filter:brightness(1.15)}.note-link-pill:hover{filter:brightness(.96)}:root[data-theme=dark] .note-link-pill:hover{filter:brightness(1.2)}.note-case-study{margin-top:8px}.note-case-study section{margin-bottom:4px}.note-case-study h3{margin:22px 0 6px;font-size:15px;font-weight:700}.note-case-study p{margin-bottom:14px;font-size:15px}.attachment-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:18px 0 6px;padding-bottom:4px;display:flex;overflow-x:auto}.attachment-carousel::-webkit-scrollbar{display:none}.attachment-carousel img{border:.5px solid var(--separator);scroll-snap-align:start;border-radius:10px;flex-shrink:0;width:auto;height:280px}@media (max-width:640px){.attachment-carousel img{height:210px}}.attachment-audio{background:var(--attachment-bg);border-radius:12px;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;transition:background-color .2s;display:flex}.attachment-audio-icon{color:var(--accent);flex-shrink:0;display:flex}.attachment-audio-body{flex:1;min-width:0}.attachment-audio-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:13px;font-weight:600;overflow:hidden}.attachment-audio audio{width:100%;height:32px;display:block}.attachment-embed{background:var(--attachment-bg);border-radius:12px;margin:18px 0;padding:12px;transition:background-color .2s}.attachment-embed iframe{background:#fff;border:none;border-radius:8px;width:100%;height:clamp(360px,55vh,560px);display:block}@media (max-width:1024px){.sidebar{z-index:30;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 24px #0000002e}.notes-app.drawer-open .sidebar{transform:translate(0)}.sidebar-scrim{z-index:25;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .25s;display:block;position:absolute;inset:0}.notes-app.drawer-open .sidebar-scrim{opacity:1;pointer-events:auto}.note-list{width:280px}.search-field{width:170px}.toolbar-group{display:none}}@media (max-width:760px){.window-controls{display:none}.toolbar{height:48px;padding:0 10px}.toolbar .is-decorative{display:none}.search-field{flex:1;width:auto;max-width:220px}.note-list,.note-view{border-right:none;width:100%}.note-view,.notes-app.show-note .note-list{display:none}.notes-app.show-note .note-view,.notes-app.no-list .note-view{display:flex}.notes-app.no-list .note-list{display:none}.note-back{display:inline-flex}.note-scroll{padding:16px 20px 64px}.note-title{font-size:24px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
