:root{font-family:var(--font-ui);color:#292622;font-synthesis:none;--font-ui:Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-markdown:Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--ink:#292622;--muted:#817b72;--line:#ded8ce;--paper:#fbf9f4;--panel:#efebe3;--surface-raised:#fffdf8;--surface-input:#f8f5ef;--surface-hover:#e7e1d8;--inspector:#f6f3ed;--accent:#bf5f3b;--accent-soft:color-mix(in srgb, var(--accent) 18%, var(--paper));--markdown-text:#342f2a;--markdown-heading:#211e1a;--markdown-muted:#746d64;--markdown-link:var(--accent);--markdown-link-hover:color-mix(in srgb, var(--accent) 76%, black);--markdown-code-text:#943d27;--markdown-code-bg:#eee9e1;--markdown-quote-bg:color-mix(in srgb, var(--accent) 8%, var(--paper));--markdown-code-block-bg:#24211e;--markdown-code-block-text:#f2ece4;--markdown-font-size:16px;--markdown-line-height:1.8;--markdown-h1-size:1.75em;--markdown-h2-size:1.5em;--markdown-h3-size:1.3em;--markdown-h4-size:1.15em;--markdown-h5-size:1em;--editor-width:860px;--document-spacing:1;--widget-radius:8px;--font-editor:var(--font-code);background:#f4f0e8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input{font:inherit}button{color:inherit}.app-shell[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202124;--muted:#6d7278;--line:#dfe1e5;--paper:#fff;--panel:#f3f4f6;--surface-raised:#fff;--surface-input:#fff;--surface-hover:#e8eaed;--inspector:#f8f9fa;--markdown-text:#292a2d;--markdown-heading:#17181a;--markdown-muted:#666b72;--markdown-code-text:#9a341f;--markdown-code-bg:#f1f3f4;--markdown-code-block-bg:#202124;--markdown-code-block-text:#f1f3f4}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eee9e1;--muted:#aaa197;--line:#403b36;--paper:#1c1a18;--panel:#24211e;--surface-raised:#2d2925;--surface-input:#302c28;--surface-hover:#39342f;--inspector:#211e1b;--markdown-text:#ddd7cf;--markdown-heading:#faf6f0;--markdown-muted:#aaa197;--markdown-link-hover:color-mix(in srgb, var(--accent) 72%, white);--markdown-code-text:#f0a68f;--markdown-code-bg:#332c28;--markdown-code-block-bg:#121110;--markdown-code-block-text:#eee9e1}.app-shell[data-document-style=compact]{--document-spacing:.62;--widget-radius:4px}.app-shell[data-document-style=wide]{--document-spacing:.82;--widget-radius:6px}.app-shell{background:var(--paper);grid-template:"top top top"52px"side work inspect"minmax(0,1fr)/252px minmax(420px,1fr) 286px;height:100%;display:grid;overflow:hidden}.topbar{color:#f5f0e7;background:#171512;border-bottom:1px solid #090807;grid-area:top;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.brand,.save-status,.vault-pill,.topbar-actions{align-items:center;display:flex}.brand{letter-spacing:-.02em;gap:10px}.brand-mark{background:var(--accent);border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.vault-pill{color:#bdb5a9;border:1px solid #48433d;border-radius:999px;gap:5px;margin-left:8px;padding:4px 8px;font-size:11px;font-weight:500}.save-status{color:#a9a297;gap:6px;font-size:12px}.save-status[data-state=error]{color:#f0a48b}.topbar-actions{gap:9px}.topbar-button,.logout-button{color:#c8c0b5;cursor:pointer;background:0 0;border:1px solid #48433d;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:30px;padding:5px 8px;font-size:11px;display:flex}.topbar-button{width:31px;padding:0}.topbar-button:hover,.logout-button:hover{color:#fff;background:#2c2925}.login-shell{background:radial-gradient(circle at 50% 20%, #fffaf0 0, var(--panel) 55%, #ded7cc 100%);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:20px;width:min(380px,100%);padding:38px;display:flex;box-shadow:0 22px 65px #352d2524}.login-mark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.login-heading h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:25px}.login-heading p{color:var(--muted);margin:7px 0 0;font-size:13px}.login-field{color:#5f5951;flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.login-field div{height:43px;color:var(--muted);background:#fff;border:1px solid #d5cec3;border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.login-field div:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #bf5f3b1a}.login-field input{background:0 0;border:0;outline:0;width:100%}.login-error{color:#a7462d;align-items:flex-start;gap:7px;margin:-4px 0;font-size:12px;line-height:1.4;display:flex}.login-error svg{flex:none;margin-top:1px}.login-submit{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:42px;font-weight:650;display:flex}.login-submit:hover:not(:disabled){background:#3d3934}.login-submit:disabled{cursor:wait;opacity:.7}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:side;min-width:0;padding:14px 12px 12px;display:flex}.sidebar-actions{gap:7px;display:flex}.primary-action,.icon-action{cursor:pointer;border:0;border-radius:7px;height:36px}.primary-action{background:var(--ink);color:#fff;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.primary-action:hover{background:#3d3934}.icon-action{background:var(--surface-hover);place-items:center;width:38px;display:grid}.icon-action:hover{background:color-mix(in srgb, var(--surface-hover) 72%, var(--ink))}.search-box{background:var(--surface-input);border:1px solid var(--line);height:37px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;margin:15px 0;padding:0 10px;display:flex}.search-box:focus-within{border-color:#a59d91;box-shadow:0 0 0 2px #bf5f3b14}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.search-box kbd{color:#999086;border:1px solid #d5cec3;border-radius:4px;padding:1px 4px;font-family:inherit;font-size:9px}.section-label{color:#8d857b;letter-spacing:.11em;border-radius:6px;justify-content:space-between;padding:0 7px 8px;font-size:10px;font-weight:700;display:flex}.section-label span,.inspector h2 span{background:var(--surface-hover);letter-spacing:0;border-radius:999px;padding:1px 6px}.note-list{flex:1;overflow:auto}.note-item{cursor:pointer;text-align:left;width:100%;height:37px;color:var(--muted);background:0 0;border:0;border-radius:6px;grid-template-columns:18px 1fr 14px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:grid}.note-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-item>svg:last-child{opacity:0}.note-item:hover{background:color-mix(in srgb, var(--surface-raised) 60%, transparent)}.note-item.active{background:var(--surface-raised);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #1412101f}.note-item.active>svg:last-child{opacity:1;color:var(--accent)}.note-row{position:relative}.note-row .note-item{padding-right:28px}.note-delete{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.note-row:hover .note-delete{opacity:1}.note-delete:hover{background:color-mix(in srgb, var(--surface-hover) 80%, var(--ink));color:#c0392b}.note-row[draggable=true]{cursor:grab}.note-item.renaming{cursor:default}.rename-input{border:1px solid var(--accent);background:var(--surface-input);width:100%;min-width:0;height:24px;color:var(--ink);border-radius:4px;outline:0;padding:0 6px;font-family:inherit;font-size:12px}.folder-item{color:#8d857b;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 9px;font-size:11px;font-weight:600;display:flex}.folder-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-item.drop-target,.section-label.drop-target{background:color-mix(in srgb, var(--accent) 16%, transparent);outline:1px dashed var(--accent);outline-offset:-1px}.storage-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:7px;padding:11px 7px 2px;font-size:10px;display:flex}.status-dot{background:#5f9e6e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5f9e6e1f}.workspace{background:var(--paper);grid-area:work;min-width:0;overflow:hidden}.workspace>div{height:100%}.center-state{height:100%;color:var(--muted);place-content:center;justify-items:center;gap:8px;font-size:13px;display:grid}.center-state p{margin:0}.inspector{background:var(--inspector);border-left:1px solid var(--line);grid-area:inspect;overflow:auto}.inspector-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:75px;padding:15px 18px;display:flex}.inspector-heading div{flex-direction:column;gap:4px;min-width:0;display:flex}.inspector-heading span{color:var(--muted);font-size:10px}.inspector-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.inspector-heading>svg{color:var(--accent)}.inspector section{border-bottom:1px solid var(--line);padding:18px}.inspector h2{color:#8a8379;letter-spacing:.09em;justify-content:space-between;align-items:center;margin:0 0 11px;font-size:10px;display:flex}.link-list{flex-direction:column;gap:4px;display:flex}.link-list button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:16px 1fr auto;align-items:center;gap:7px;width:100%;padding:7px;font-size:11px;display:grid}.link-list button:hover{background:var(--surface-hover)}.link-list button svg{color:var(--accent)}.link-list button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-list small{color:#999187;font-size:9px}.muted{color:#aaa298;margin:8px 3px;font-size:11px;line-height:1.5}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list button{border:1px solid var(--line);background:var(--accent-soft);color:var(--markdown-link-hover);cursor:pointer;border-radius:999px;align-items:center;gap:2px;padding:5px 8px;font-size:10px;display:flex}.settings-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0c0a8c;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--line);background:var(--paper);width:min(680px,100%);max-height:min(760px,100vh - 44px);color:var(--ink);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 90px #0a080657}.settings-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 23px 18px;display:flex}.settings-heading span{color:var(--accent);letter-spacing:.14em;font-size:9px;font-weight:750}.settings-heading h2{letter-spacing:-.035em;margin:3px 0 0;font-size:21px}.settings-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.settings-close:hover{background:var(--surface-hover);color:var(--ink)}.settings-content{padding:5px 23px;overflow-y:auto}.settings-section{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:19px 0 21px}.settings-section:last-child{border-bottom:0}.settings-section legend{width:100%;color:var(--ink);align-items:center;gap:7px;padding:0 0 13px;font-size:13px;font-weight:700;display:flex}.settings-section legend svg{color:var(--accent)}.theme-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.theme-option{border:1px solid var(--line);cursor:pointer;border-radius:9px;grid-template-columns:1fr;gap:4px;padding:10px;display:grid;position:relative}.theme-option:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.theme-option[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.theme-option input{opacity:0;width:1px;height:1px;position:absolute}.theme-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.theme-option strong{margin-top:3px;font-size:12px}.theme-option small{color:var(--muted);font-size:10px;line-height:1.35}.theme-swatch{border:1px solid #50463c2e;border-radius:6px;grid-template:12px 1fr/28% 1fr;height:52px;display:grid;overflow:hidden}.theme-swatch i:first-child{background:#171512;grid-column:1/-1}.theme-swatch i:nth-child(2){background:#efebe3}.theme-swatch i:nth-child(3){background:#fbf9f4}.theme-swatch-light i:nth-child(2){background:#f3f4f6}.theme-swatch-light i:nth-child(3){background:#fff}.theme-swatch-dark i:first-child{background:#11100f}.theme-swatch-dark i:nth-child(2){background:#24211e}.theme-swatch-dark i:nth-child(3){background:#1c1a18}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.settings-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:10px;font-weight:650;display:flex}.settings-grid select,.settings-row select{border:1px solid var(--line);background:var(--surface-input);min-width:0;height:36px;color:var(--ink);border-radius:7px;padding:0 28px 0 10px;font-size:12px}.settings-grid select:focus,.settings-row select:focus{outline:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-color:var(--accent)}.settings-row{justify-content:space-between;align-items:center;gap:20px;min-height:48px;display:flex}.settings-row>span:first-child{flex-direction:column;gap:3px;display:flex}.settings-row strong,.range-setting strong{font-size:12px}.settings-row small{color:var(--muted);font-size:10px}.range-setting{flex-direction:column;gap:9px;padding:11px 0;display:flex}.range-setting>span{justify-content:space-between;align-items:center;display:flex}.range-setting output{background:var(--surface-hover);min-width:40px;color:var(--muted);text-align:center;border-radius:5px;padding:2px 6px;font-size:10px}.range-setting input{width:100%;accent-color:var(--accent);cursor:pointer}.color-setting{align-items:center;gap:8px;display:flex}.color-setting input{border:1px solid var(--line);background:var(--surface-input);cursor:pointer;border-radius:6px;width:34px;height:30px;padding:2px}.color-setting code{color:var(--muted);font-family:var(--font-code);font-size:10px}.settings-footer{border-top:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:15px 23px;display:flex}.settings-footer button{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:650;display:flex}.settings-footer button:hover{background:var(--surface-hover);color:var(--ink)}.settings-footer .settings-done{border-color:var(--ink);background:var(--ink);color:var(--paper);padding:0 20px}.confirm-dialog{border:1px solid var(--line);background:var(--paper);width:min(400px,100%);color:var(--ink);border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 28px 90px #0a080657}.confirm-heading{align-items:center;gap:8px;display:flex}.confirm-heading h2{letter-spacing:-.02em;margin:0;font-size:16px}.confirm-icon{color:#c0392b;flex-shrink:0}.confirm-message{color:var(--muted);word-break:break-word;margin:0;font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-actions button{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:0 16px;font-size:12px;font-weight:650}.confirm-actions button:hover{background:var(--surface-hover);color:var(--ink)}.confirm-actions .confirm-primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.confirm-actions .confirm-danger{color:#fff;background:#c0392b;border-color:#c0392b}.confirm-actions .confirm-danger:hover{background:#a93225}.toast{z-index:10;color:#fff;background:#2d2925;border-radius:8px;align-items:center;gap:9px;max-width:min(520px,100vw - 40px);padding:10px 12px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #1e191440}.toast svg{color:#e99a7d;flex:none}.toast button{color:#d7cfc5;cursor:pointer;background:0 0;border:0;margin-left:5px;font-size:11px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.app-shell{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"top top""side work"}.inspector{display:none}}@media (width<=640px){.app-shell{grid-template:"top"52px"side"180px"work"minmax(0,1fr)/1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.note-list{gap:4px;display:flex}.note-item{min-width:150px}.storage-note,.section-label{display:none}.search-box{margin:8px 0}.vault-pill{display:none}.settings-backdrop{place-items:stretch stretch;padding:0}.settings-panel{border:0;border-radius:0;width:100%;max-height:100%}.theme-options,.settings-grid{grid-template-columns:1fr}.theme-option{grid-template-columns:84px 1fr;align-items:center}.theme-option .theme-swatch{grid-row:1/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}