.notes-page,.notes-tab,.notes-workspace{--background:var(--cave-paper,var(--dark-surface,var(--light-surface,#fff)));--foreground:var(--cave-ink,var(--dark-text,var(--light-text,#171717)));--notes-surface:color-mix(in srgb, var(--background) 96%, var(--foreground) 4%);--notes-muted:color-mix(in srgb, var(--foreground) 62%, transparent);--notes-border:color-mix(in srgb, var(--foreground) 15%, transparent);--notes-accent:var(--cave-accent-text,var(--dark-accent,var(--light-accent,#5264df)));--notes-accent-ink:var(--dark-page,#fff);--notes-danger:var(--dark-danger,#b42318);color:var(--foreground);font-family:var(--ui-font-family);font-size:var(--ui-font-body);line-height:var(--ui-leading-body);font-weight:400}.notes-page{background:color-mix(in srgb, var(--background) 92%, var(--foreground) 8%);min-height:100dvh}.notes-page,.notes-page *,.notes-tab,.notes-tab *{box-sizing:border-box}.notes-workspace :is(button,input,.notes-rich-editor){font-family:inherit}.notes-app-header{border-bottom:1px solid var(--notes-border);background:var(--background);justify-content:space-between;align-items:center;min-height:64px;padding:12px 24px;display:flex}.notes-brand{color:var(--foreground);font-size:var(--ui-font-section);font-weight:var(--ui-weight-semibold);text-decoration:none}.notes-app-header nav a{color:var(--notes-muted);font-size:var(--ui-font-body);text-decoration:none}.notes-workspace{width:min(1180px,100%);margin:0 auto;padding:16px}.notes-load-state{color:var(--foreground);padding:24px}.notes-tab .notes-workspace{width:100%;padding:0}.notes-schema-warning,.notes-task-scope{border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);background:var(--notes-surface);font-size:var(--ui-font-label);align-items:center;gap:7px;margin:0 0 14px;padding:10px 12px;display:flex}.notes-delete-undo{border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);background:var(--notes-surface);font-size:var(--ui-font-label);justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;display:flex}.notes-schema-warning{color:var(--notes-danger)}.notes-layout{border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);background:var(--background);grid-template-columns:minmax(220px,270px) minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.notes-list-pane{border-right:1px solid var(--notes-border);background:var(--notes-surface)}.notes-list-heading,.notes-editor-top,.notes-feedback,.notes-editor-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.notes-list-heading{padding:12px}.notes-list-heading h1{font-size:var(--ui-font-page);font-weight:var(--ui-weight-semibold);margin:0}.notes-editor-empty h2{font-size:var(--ui-font-section);font-weight:var(--ui-weight-semibold);margin:0}.notes-button{min-height:var(--ui-control-button);padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--notes-border);border-radius:var(--ui-radius-sm);background:var(--background);color:var(--foreground);font-size:var(--ui-font-label);font-weight:var(--ui-weight-medium);justify-content:center;align-items:center;gap:6px;display:inline-flex}.notes-button.primary{border-color:var(--notes-accent);background:var(--notes-accent);color:var(--notes-accent-ink)}.notes-button:disabled,.notes-icon-button:disabled{opacity:.55}.notes-search{margin:0 16px;display:block;position:relative}.notes-search svg{color:var(--notes-muted);position:absolute;top:11px;left:11px}.notes-search input{width:100%;min-height:var(--ui-control);border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);background:var(--background);color:var(--foreground);font-size:var(--ui-font-body);padding:8px 10px 8px 36px}.notes-list-results{padding:0 8px 14px}.notes-list-row{border-radius:var(--ui-radius-md);width:100%;color:var(--foreground);text-align:left;background:0 0;border:0;padding:9px 10px;display:block}.notes-list-row.active{background:color-mix(in srgb, var(--notes-accent) 13%, transparent)}.notes-list-row strong,.notes-list-row span,.notes-list-row small{display:block}.notes-list-row strong{font-size:var(--ui-font-body);font-weight:var(--ui-weight-semibold)}.notes-list-row span{color:var(--notes-muted);font-size:var(--ui-font-caption);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.notes-list-row small{color:var(--notes-muted);font-size:var(--ui-font-caption);margin-top:4px}.notes-empty{color:var(--notes-muted);font-size:var(--ui-font-label);text-align:center;padding:24px 10px}.notes-editor{min-width:0;padding:16px}.notes-editor-empty{min-height:420px;color:var(--notes-muted);text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.notes-editor-top{align-items:stretch;gap:8px}.notes-icon-button{width:36px;height:var(--ui-control-button);border:1px solid var(--notes-border);border-radius:var(--ui-radius-sm);background:var(--background);color:var(--notes-muted);place-items:center;display:grid}.notes-icon-button.danger{color:var(--notes-danger)}.notes-attachments{border-top:1px solid var(--notes-border);font-size:var(--ui-font-label);margin-top:16px;padding-top:12px}.notes-attachments-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.notes-attachments ul{margin:8px 0;padding:0;list-style:none}.notes-attachments li{align-items:center;gap:8px;padding:8px 0;display:flex}.notes-attachments li>button{flex-shrink:0}.notes-attachment-name{overflow-wrap:anywhere;flex:1;min-width:0}.notes-attachment-name small{color:var(--notes-muted);display:block}.notes-attachment-help{color:var(--notes-muted);font-size:var(--ui-font-caption);margin:8px 0}.notes-attachment-error{color:var(--notes-danger)}.notes-field{gap:7px;margin-top:8px;display:grid}.notes-field>span{font-size:var(--ui-font-label);font-weight:var(--ui-weight-semibold)}.notes-field input,.notes-rich-editor{border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);background:var(--background);width:100%;color:var(--foreground);font-size:var(--ui-font-body)}.notes-field input{min-height:var(--ui-touch-target);padding:9px 11px}.notes-rich-editor{outline-offset:2px;min-height:32dvh;line-height:var(--ui-leading-body);white-space:pre-wrap;overflow-wrap:anywhere;padding:12px}.notes-rich-editor:empty:before{color:var(--notes-muted);content:attr(data-placeholder)}.notes-rich-editor :is(p,div,ul,ol){margin:0}.notes-rich-editor :is(ul,ol){padding-left:24px}.notes-rich-editor ul{list-style:outside}.notes-rich-editor ol{list-style:decimal}.notes-rich-editor li{display:list-item}.notes-rich-editor pre,.notes-rich-editor code{background:var(--notes-surface);font-family:Consolas,monospace}.notes-rich-editor pre{white-space:pre-wrap;padding:8px;overflow-x:auto}.notes-format-toolbar{border:1px solid var(--notes-border);border-radius:var(--ui-radius-sm);flex-wrap:wrap;align-items:center;gap:4px;margin:14px 0 8px;padding:5px;display:flex;position:relative}.notes-format-toolbar>button,.notes-color-picker summary{width:32px;height:var(--ui-control-sm);border-radius:var(--ui-radius-sm);color:var(--foreground);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.notes-format-toolbar>button:hover,.notes-color-picker summary:hover{background:var(--notes-surface)}.notes-format-toolbar>button:disabled,.notes-color-picker summary[aria-disabled=true]{opacity:.55;cursor:default}.notes-format-toolbar select{height:var(--ui-control-sm);border-radius:var(--ui-radius-sm);color:var(--foreground);font:inherit;font-size:var(--ui-font-label);cursor:pointer;background:0 0;border:0;padding:4px 5px}.notes-format-toolbar select:hover{background:var(--notes-surface)}.notes-font-select{width:104px}.notes-size-select{width:61px}.notes-toolbar-divider{background:var(--notes-border);width:1px;height:18px;margin:0 3px}.notes-color-picker summary{list-style:none}.notes-color-picker summary::-webkit-details-marker{display:none}.notes-color-picker summary[aria-label=배경색]{color:#bf8623}.notes-text-color-icon{font-size:var(--ui-font-section);font-weight:var(--ui-weight-semibold);text-underline-offset:4px;line-height:1;text-decoration:underline;text-decoration-thickness:3px}.notes-color-menu{z-index:10;border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);background:var(--background);width:min(248px,100vw - 44px);box-shadow:var(--ui-shadow-popover);padding:10px;position:absolute;top:calc(100% + 4px);left:0}.notes-color-heading{color:var(--notes-muted);font-size:var(--ui-font-caption);margin:0 0 8px 2px;display:block}.notes-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.notes-color-grid button{border-radius:var(--ui-radius-sm);min-width:0;min-height:46px;color:var(--foreground);font:inherit;font-size:var(--ui-font-caption);cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:4px 2px;display:grid}.notes-color-grid button:hover{background:var(--notes-surface)}.notes-color-swatch{border:1px solid var(--notes-border);border-radius:var(--ui-radius-sm);width:20px;height:20px;display:block}.notes-title-field{flex:1;margin:0}.notes-title-field input{border:0;border-bottom:1px solid var(--notes-border);font-size:var(--ui-font-section);font-weight:var(--ui-weight-semibold);border-radius:0}.notes-timestamps{color:var(--notes-muted);font-size:var(--ui-font-caption);flex-wrap:wrap;gap:4px 16px;margin:8px 0 12px;display:flex}.notes-conflict{border-radius:var(--ui-radius-md);background:#f6ad551f;border:1px solid #b7791f8c;margin-top:14px;padding:12px}.notes-conflict p{font-size:var(--ui-font-label);margin:0 0 10px}.notes-conflict>div{flex-wrap:wrap;gap:8px;display:flex}.notes-linked-tasks{border-top:1px solid var(--notes-border);margin-top:12px}.notes-linked-tasks summary{color:var(--notes-muted);font-size:var(--ui-font-label);cursor:pointer;padding:10px 0}.notes-linked-tasks ul{gap:7px;margin:12px 0;padding:0;list-style:none;display:grid}.notes-linked-tasks li{border:1px solid var(--notes-border);border-radius:var(--ui-radius-md);justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.notes-linked-tasks li strong,.notes-linked-tasks li small{display:block}.notes-linked-tasks li strong{font-size:var(--ui-font-label)}.notes-linked-tasks li small{color:var(--notes-muted);font-size:var(--ui-font-caption);margin-top:3px}.notes-context-link{min-height:var(--ui-touch-target);margin-top:12px}.task-search{margin:12px 0 0}.notes-task-results{gap:5px;margin-top:7px;display:grid}.notes-task-results>button{border:1px solid var(--notes-border);border-radius:var(--ui-radius-sm);background:var(--notes-surface);width:100%;color:var(--foreground);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.notes-task-results strong,.notes-task-results small{display:block}.notes-task-results small,.notes-task-results p,.notes-linked-help{color:var(--notes-muted);font-size:var(--ui-font-caption)}.notes-task-results p,.notes-linked-help{margin:10px 0 0}.notes-feedback{min-height:20px;margin-top:8px}.notes-feedback p{color:var(--notes-muted);font-size:var(--ui-font-caption);margin:0}.notes-feedback p.error{color:var(--notes-danger)}.notes-editor-actions{margin-top:4px}.notes-editor-actions>span{color:var(--notes-muted);font-size:var(--ui-font-caption)}.notes-workspace :is(button,input,select,summary,.notes-rich-editor):focus-visible{outline:2px solid var(--notes-accent);outline-offset:2px}html:is([data-theme=cave-color],[data-theme=cave-sand]) .notes-layout{border-radius:var(--ui-radius-md)}@media (max-width:720px){.notes-app-header{padding:10px 14px}.notes-workspace{padding:12px}.notes-layout{grid-template-columns:minmax(0,1fr);min-height:0}.notes-list-pane{border-right:0;border-bottom:1px solid var(--notes-border)}.notes-list-results{max-height:280px;overflow-y:auto}.notes-editor{padding:18px 14px}.notes-timestamps{gap:2px;display:grid}.notes-rich-editor{min-height:30dvh;line-height:var(--ui-leading-body)}.notes-button,.notes-search input,.notes-format-toolbar select{min-height:var(--ui-touch-target)}.notes-icon-button,.notes-format-toolbar>button,.notes-color-picker summary{width:var(--ui-touch-target);height:var(--ui-touch-target)}}.notes-editor-empty .cave-doodle{opacity:.46}.notes-attachments li{flex-wrap:wrap}.notes-attachment-preview{object-fit:contain;border-radius:var(--ui-radius-sm);flex-basis:100%;width:auto;max-width:100%;max-height:360px;display:block}.notes-attachment-pending{overflow-wrap:anywhere;font-size:var(--ui-font-caption)}
