@font-face{font-family:iA Writer Mono S;src:url(/minimal-notes/fonts/iAWriterMonoS-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:iA Writer Mono S;src:url(/minimal-notes/fonts/iAWriterMonoS-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-family:iA Writer Mono S,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#111315;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button{font:inherit;color:inherit}.app-shell{--bg: #ffffff;--paper: #fbfbfb;--text: #121416;--panel: rgba(255, 255, 255, .96);--panel-solid: #ffffff;--panel-border: rgba(0, 0, 0, .08);--control-bg: rgba(247, 247, 247, .78);--control-hover-bg: #ffffff;--control-text: #68707a;--control-disabled: rgba(104, 112, 122, .36);--status-text: rgba(104, 112, 122, .72);--row-text: #111315;--row-muted: rgba(17, 19, 21, .46);--row-hover: #111315;--row-border: rgba(0, 0, 0, .07);--preview-bg: rgba(255, 255, 255, .96);--preview-shadow: 0 18px 48px rgba(0, 0, 0, .1);--selection: rgba(0, 181, 232, .18);--focus-ring: rgba(0, 181, 232, .36);--muted: #8b9097;--hairline: rgba(0, 0, 0, .1);--hairline-strong: rgba(0, 0, 0, .18);--accent: #00b5e8;--accent-green: #12d6a5;--danger: #bf3f3f;--shadow: 0 24px 80px rgba(0, 0, 0, .1);--caret-width: 4px;--editor-font-size: 30px;--editor-line-height: 1.58;position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg);color-scheme:light;transition:background .18s ease,color .18s ease}.app-shell.theme-dark{--bg: #161719;--paper: #1b1c1f;--text: #d7d7d2;--panel: rgba(25, 26, 28, .96);--panel-solid: #202124;--panel-border: rgba(255, 255, 255, .08);--control-bg: rgba(35, 36, 39, .78);--control-hover-bg: rgba(47, 49, 52, .96);--control-text: rgba(215, 215, 210, .72);--control-disabled: rgba(215, 215, 210, .28);--status-text: rgba(215, 215, 210, .48);--row-text: #e1e1dc;--row-muted: rgba(225, 225, 220, .46);--row-hover: #ffffff;--row-border: rgba(255, 255, 255, .07);--preview-bg: rgba(31, 32, 35, .97);--preview-shadow: 0 18px 54px rgba(0, 0, 0, .44);--selection: rgba(0, 181, 232, .28);--focus-ring: rgba(9, 199, 255, .42);--muted: #858987;--hairline: rgba(255, 255, 255, .1);--hairline-strong: rgba(255, 255, 255, .18);--accent: #09c7ff;--accent-green: #09c7ff;--danger: #ff7b7b;--shadow: 0 24px 80px rgba(0, 0, 0, .38);color-scheme:dark}.editor-shell{position:absolute;inset:0;background:var(--bg);overflow-y:auto;scrollbar-width:none}.editor-shell::-webkit-scrollbar{display:none}.editor-frame{display:flex;width:100%;min-height:100%;align-items:flex-start;justify-content:flex-start;padding:clamp(58px,7.8vh,92px) clamp(54px,9vw,132px) 170px}.editor{width:min(100%,1120px);min-height:calc(100vh - 230px);border:0;outline:0;background:transparent;color:var(--text);caret-color:transparent;font-family:iA Writer Mono S,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--editor-font-size);font-weight:400;letter-spacing:0;line-height:var(--editor-line-height);overflow-wrap:anywhere;tab-size:2;white-space:pre-wrap}.editor:empty:before{content:""}.editor::selection{background:var(--selection)}.custom-caret{position:absolute;top:0;left:0;z-index:5;width:var(--caret-width);border-radius:4px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-green) 100%);box-shadow:0 0 0 1px #00b5e824,0 0 14px #00b5e81f;opacity:1;animation:caret-blink 1.08s step-end infinite;pointer-events:none;transform:translateZ(0);will-change:transform,height}.custom-caret.is-settling,.app-shell.is-editor-active .custom-caret{animation:none;opacity:1}.custom-caret[hidden]{display:none}@keyframes caret-blink{0%,54%{opacity:1}55%,to{opacity:0}}.command-bar{position:fixed;right:clamp(18px,4vw,58px);bottom:24px;left:clamp(18px,4vw,58px);z-index:10;display:flex;min-height:44px;align-items:center;gap:8px;color:var(--control-text);pointer-events:none;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.command-bar>*{pointer-events:auto}.app-shell.is-editor-active .command-bar,.app-shell.is-editor-active .notes-panel{opacity:0;pointer-events:none;transform:translateY(8px)}.icon-button,.format-toggle,.notes-toggle{display:inline-flex;height:34px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:var(--control-bg);color:var(--control-text);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.icon-button{width:34px}.format-toggle{min-width:42px;padding:0 11px;font-size:12px;line-height:1;text-transform:uppercase}.notes-toggle{gap:7px;min-width:0;padding:0 12px;font-size:12px;white-space:nowrap}.icon-button:hover,.format-toggle:hover,.notes-toggle:hover,.icon-button:focus-visible,.format-toggle:focus-visible,.notes-toggle:focus-visible{border-color:var(--hairline);background:var(--control-hover-bg);color:var(--text);outline:none;transform:translateY(-1px)}.icon-button:disabled{color:var(--control-disabled);cursor:default;transform:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-line,.folder-name{overflow:hidden;color:var(--status-text);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.status-line{max-width:min(38vw,520px);margin-left:6px}.status-line.has-error{color:var(--danger)}.folder-name{margin-left:auto;max-width:min(28vw,280px)}.fallback-badge{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:8px;color:var(--status-text)}.notes-panel{position:fixed;top:28px;right:28px;bottom:28px;z-index:20;display:grid;width:min(620px,calc(100vw - 56px));grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.notes-panel-header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px 12px 22px;border-bottom:1px solid var(--hairline)}.notes-panel-header div{display:grid;gap:3px}.notes-panel-header span{color:var(--text);font-size:15px}.notes-panel-header strong{color:var(--muted);font-size:12px;font-weight:400}.notes-hover-list{--note-row-height: 58px;position:relative;overflow-y:auto;scrollbar-width:thin}.notes-virtual-list{position:relative;min-height:100%}.note-hover-preview{position:absolute;top:0;right:22px;z-index:3;display:grid;width:min(260px,46%);min-height:116px;align-content:start;padding:14px 15px;border:1px solid var(--panel-border);border-radius:8px;background:var(--preview-bg);box-shadow:var(--preview-shadow);pointer-events:none;transition:transform .13s ease,opacity .13s ease}.note-hover-preview p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:var(--row-text);font-size:13px;line-height:1.45}.notes-virtual-row{position:absolute;right:0;left:0;height:var(--note-row-height);will-change:transform}.note-hover-row{position:relative;display:grid;width:100%;height:100%;grid-template-columns:4.5rem minmax(0,1fr) 7.75rem 3.6rem;align-items:center;gap:12px;padding:0 20px 0 22px;border:0;border-bottom:1px solid var(--row-border);background:transparent;color:var(--row-text);text-align:left;cursor:pointer}.note-hover-row:before{content:"";position:absolute;inset:0;background:var(--row-hover);opacity:0;transition:opacity .12s ease}.note-hover-row:hover:before,.note-hover-row:focus-visible:before,.note-hover-row[data-super-hover-active]:before,.note-hover-row.active:before{opacity:.035}.note-hover-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.note-row-index,.note-row-copy,.note-row-meta,.note-row-format{position:relative;z-index:1}.note-row-index,.note-row-meta,.note-row-format{color:var(--row-muted);font-size:13px;font-variant-numeric:tabular-nums}.note-row-copy{display:grid;min-width:0;gap:4px}.note-row-copy strong,.note-row-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-copy strong{color:var(--row-text);font-size:15px;font-weight:400}.note-row-copy span{color:var(--row-muted);font-size:12px}.note-row-format{text-align:right;text-transform:uppercase}.notes-empty{display:grid;height:100%;place-items:center;align-content:center;gap:12px;color:var(--row-muted);font-size:13px}@media(max-width:720px){.editor-frame{padding:54px 24px 150px}.command-bar{right:14px;bottom:14px;left:14px;flex-wrap:wrap}.status-line{order:10;width:100%;max-width:none;margin-left:0}.folder-name{display:none}.notes-panel{top:12px;right:12px;bottom:12px;width:calc(100vw - 24px)}.note-hover-row{grid-template-columns:3.2rem minmax(0,1fr) 3rem;padding:0 14px}.note-hover-preview{right:12px;width:min(250px,62%)}.note-row-meta{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
