.attachment-upload{border:1px solid var(--border,#deded6);background:var(--surface,#fff);border-radius:16px;margin:20px 0;padding:20px}.attachment-upload h3{align-items:center;gap:8px;margin:0 0 8px;font-size:17px;display:flex}.attachment-upload p{line-height:1.6}.attachment-picker{gap:9px;margin-top:16px;font-weight:600;display:grid}.attachment-picker input{max-width:100%;font:inherit;font-size:13px}.attachment-picker input::file-selector-button{font:inherit;cursor:pointer;background:#f5f7f1;border:1px solid #d3d9cd;border-radius:8px;margin-right:10px;padding:9px 12px}.attachment-selection{gap:12px;margin-top:18px;display:grid}.attachment-selection>strong{overflow-wrap:anywhere}.attachment-selection textarea{resize:vertical;box-sizing:border-box;color:#28332b;width:100%;font:inherit;background:#fff;border:1px solid #c7cec0;border-radius:10px;padding:12px;line-height:1.5}.attachment-preview{object-fit:contain;border-radius:8px;justify-self:start;max-width:100%;max-height:240px}.attachment-actions{flex-wrap:wrap;gap:10px;display:flex}.attachment-upload a{text-decoration:underline}.attachment-warnings{background:#fbf6e9;border-radius:8px;padding:12px;line-height:1.6}@media (max-width:600px){.attachment-upload{padding:16px}.attachment-actions>*{flex:1}}
.reminders{border:1px solid var(--line,#dcded8);background:var(--paper,#fff);border-radius:18px;margin:32px 0;padding:24px}.reminders h2,.reminder-card p,.reminder-actions{align-items:center;gap:8px;display:flex}.reminders>p{line-height:1.6}.reminder-zone,.reminder-create label,.reminder-date label{flex-direction:column;gap:8px;font-size:14px;display:flex}.reminder-zone{max-width:360px}.reminder-create{gap:14px;margin:20px 0;display:grid}.reminder-create .primary{justify-self:start}.reminders select,.reminders textarea,.reminders input{box-sizing:border-box;border:1px solid var(--line,#dcded8);background:var(--paper,#fff);width:100%;color:inherit;font:inherit;border-radius:8px;padding:10px}.reminder-list{gap:12px;display:grid}.reminder-card{border:1px solid var(--line,#dcded8);border-radius:12px;padding:18px}.reminder-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reminder-heading strong{overflow-wrap:anywhere}.reminder-card p{flex-wrap:wrap;font-size:13px;line-height:1.5}.reminder-actions{flex-wrap:wrap;margin-top:14px}.reminder-date{margin-top:14px;font-size:13px}.reminder-date summary{cursor:pointer}.reminder-date form{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px;display:flex}.reminder-date label{flex:1;min-width:190px}@media (max-width:600px){.reminders{padding:16px}.reminder-heading{flex-direction:column}.reminder-actions button{flex:1}}
.note-timeline{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);align-self:start;padding:21px}.note-timeline h2{align-items:center;gap:8px;font-size:17px;display:flex}.timeline-events{margin:23px 0;padding:0 0 0 21px;list-style:none}.timeline-events>li{border-left:1px solid #d4dfd5;padding:0 0 25px 23px;position:relative}.timeline-events>li:last-child{border-color:#0000;padding-bottom:0}.timeline-marker{background:var(--selected);width:27px;height:27px;color:var(--teal);border:3px solid var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;left:-14px}.timeline-event-heading{flex-wrap:wrap;align-items:center;gap:7px;line-height:1.4;display:flex}.timeline-event-heading strong{font-size:13px;font-weight:600}.timeline-current{color:var(--teal);background:var(--selected);border-radius:4px;padding:2px 6px;font-size:10px}.timeline-date{color:var(--muted);margin:5px 0 9px;font-size:11px;line-height:1.6}.note-timeline details{min-width:0;margin-top:9px;font-size:13px}.note-timeline summary{cursor:pointer;overflow-wrap:anywhere;border-radius:4px;padding:5px 0;line-height:1.5}.timeline-snapshot{border-left:2px solid var(--line);overflow-wrap:anywhere;margin:8px 0 12px;padding:8px 0 2px 11px;font-size:12px;line-height:1.6}.timeline-snapshot h4{margin:12px 0 5px;font-size:13px}.timeline-snapshot p{white-space:pre-wrap;margin-bottom:7px}.timeline-snapshot ul,.timeline-snapshot ol{padding-left:18px}.timeline-snapshot .timeline-tasks{padding:0;list-style:none}.timeline-tasks>li{align-items:flex-start;gap:8px;display:flex}.timeline-tasks>li>div{min-width:0}.timeline-snapshot pre{white-space:pre-wrap;overflow-wrap:anywhere}.timeline-transcript{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:12px;line-height:1.65}.timeline-original>a{font-size:12px}.note-timeline button.secondary{font-size:11px}.timeline-restore-hint{border-top:1px solid var(--line);padding-top:14px}@media (max-width:600px){.note-timeline{padding:17px}.timeline-events{padding-left:13px}.timeline-events>li{padding-left:19px}}
.explorer-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.explorer-heading h1{letter-spacing:-.025em;margin:0;font:500 clamp(25px,2.5vw,34px)/1.25 Lora,serif}.explorer-heading>button{min-height:44px;color:var(--teal);flex-shrink:0}.explorer-surface{background:var(--paper);box-shadow:var(--relief-shadow);border-radius:16px;min-width:0}.explorer-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.explorer-navigation,.explorer-display,.explorer-view{align-items:center;gap:4px;display:flex}.explorer-navigation{flex-shrink:0}.explorer-display{gap:12px;margin-left:auto}.explorer-toolbar .icon-button{width:38px;height:40px}.explorer-navigation>button:first-child{color:var(--teal);margin-right:6px}.explorer-breadcrumb{flex:1;min-width:180px}.explorer-breadcrumb ol{background:var(--canvas);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;min-height:40px;margin:0;padding:4px 7px;list-style:none;display:flex}.explorer-breadcrumb li{align-items:center;gap:3px;min-width:0;max-width:100%;font-size:13px;display:flex}.explorer-breadcrumb li>svg{color:var(--muted);flex-shrink:0}.explorer-breadcrumb button{text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:240px;padding:6px 7px;font-size:13px;display:block;overflow:hidden}.explorer-breadcrumb [aria-current=location]{color:var(--teal);font-weight:600}.explorer-breadcrumb span{overflow-wrap:anywhere;padding:6px 7px}.explorer-sort select{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;border:0;border-radius:8px;max-width:150px;min-height:40px;padding:7px 5px;font-size:13px}.explorer-view{border-left:1px solid var(--line);padding-left:8px}.explorer-view [aria-pressed=true]{background:var(--selected);color:var(--teal);box-shadow:var(--control-shadow)}.explorer-body{grid-template-columns:minmax(0,1fr);min-height:480px;display:grid}.explorer-body.folders-open{grid-template-columns:238px minmax(0,1fr)}.explorer-folders{border-right:1px solid var(--line);min-width:0;padding:15px 10px 20px}.explorer-folders[hidden]{display:none}.folder-pane-heading{justify-content:space-between;align-items:center;gap:8px;padding:0 6px 10px 12px;display:flex}.folder-pane-heading h2{margin:0;font-size:14px;font-weight:600}.explorer-folders ul{margin:0;padding:0;list-style:none}.explorer-folders li>div>ul{border-left:1px solid var(--line);margin-left:12px}.folder-row{border-radius:7px;align-items:center;min-width:0;min-height:40px;display:flex;position:relative}.folder-row.selected{background:var(--selected);color:var(--teal)}.folder-row:has(.context-menu[open]){z-index:5}.folder-disclosure,.folder-disclosure-placeholder{flex:0 0 23px;width:23px}.folder-disclosure{min-height:38px;padding:8px 2px}.folder-link{text-align:left;flex:1;justify-content:flex-start;gap:8px;min-width:0;min-height:40px;padding:8px 4px;font-size:13px}.folder-link span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-link>svg{color:var(--teal)}.folder-root .folder-link{padding-left:12px}.folder-menu>summary{width:27px;height:34px;padding:4px}.folder-menu .menu-popover{min-width:220px;max-width:calc(100vw - 40px);left:16px;right:auto}.folder-all{justify-content:flex-start;width:100%;margin-top:14px;padding:10px 12px;font-size:13px}.folder-all[aria-current]{background:var(--selected);color:var(--teal)}.folder-hint,.folder-load-error{color:var(--muted);margin:0;padding:12px;font-size:12px;line-height:1.6}.explorer-content{min-width:0;padding:22px}.explorer-content-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.explorer-content-heading h2{overflow-wrap:anywhere;margin:0 0 5px;font-size:19px;font-weight:600}.explorer-content-heading p{color:var(--muted);margin:0;font-size:12px}.explorer-loading{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.explorer-notes{grid-template-columns:repeat(auto-fill,minmax(min(100%,184px),1fr));align-items:stretch;gap:16px;display:grid}.explorer-note{background:var(--paper);min-width:0;box-shadow:var(--control-shadow);border-radius:12px;flex-direction:column;display:flex;position:relative}.explorer-note:has(.context-menu[open]){z-index:4}.explorer-note:focus-within{outline:1px solid var(--teal);outline-offset:2px}.explorer-note-open{text-align:left;border-radius:12px;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:5px;width:100%;min-height:178px;padding:16px 16px 14px;display:grid}.explorer-note-open:hover:not(:disabled){background:var(--sage)}.explorer-paper{width:52px;height:64px;color:var(--teal);background:var(--paper);border-radius:4px 14px 4px 4px;place-items:center;margin:0 0 9px;display:grid;box-shadow:0 2px 3px #23372b17,0 6px 14px -4px #23372b33}.explorer-note-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;min-height:2.8em;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.explorer-note-open time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.explorer-note-kind{display:none}.explorer-note-menu{position:absolute;top:7px;right:7px}.explorer-note-menu>summary{width:30px;height:32px}.explorer-note-state.audio-state{min-height:32px;margin:0 12px 12px;padding:4px;font-size:11px}.explorer-list{grid-template-columns:minmax(0,1fr);gap:0}.explorer-list .explorer-note{box-shadow:none;border-bottom:1px solid var(--line);border-radius:0}.explorer-list .explorer-note-open{border-radius:7px;grid-template-columns:34px minmax(0,1fr) 94px 96px;align-items:center;gap:14px;min-height:66px;padding:10px 40px 10px 8px}.explorer-list .explorer-paper{border-radius:3px 9px 3px 3px;width:30px;height:39px;margin:0}.explorer-list .explorer-paper svg{width:20px;height:20px}.explorer-list .explorer-note-title{min-height:0}.explorer-list .explorer-note-kind{color:var(--muted);font-size:12px;display:block}.explorer-list .explorer-note-menu{top:16px;right:2px}.explorer-list .explorer-note-state.audio-state{margin:0 38px 10px 54px}.explorer-empty{text-align:center;max-width:470px;margin:auto;padding:65px 20px}.explorer-empty>svg{color:var(--teal);margin-bottom:18px}.explorer-empty h3{font-size:18px;font-weight:500;line-height:1.4}.explorer-empty p{color:var(--muted);font-size:14px;line-height:1.6}.explorer-footer{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:20px;padding:12px 20px;font-size:11px;display:flex}.explorer-footer>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.explorer-form{background:var(--sage);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:16px;padding:18px 22px;display:flex}.explorer-form label{overflow-wrap:anywhere;flex:1;gap:8px;min-width:min(100%,220px);font-size:13px;display:grid}.explorer-form input,.explorer-form select{width:100%;min-width:0;min-height:42px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:15px}.explorer-form>div{gap:8px;display:flex}.explorer-form button{min-height:42px}.explorer-feedback{justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 22px;font-size:13px;line-height:1.5;display:flex}.explorer-feedback>button{flex-shrink:0;text-decoration:underline}.note-explorer select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (max-width:1100px){.explorer-body.folders-open{grid-template-columns:210px minmax(0,1fr)}.explorer-content{padding:18px}.explorer-list .explorer-note-open{grid-template-columns:32px minmax(0,1fr) 83px}.explorer-list .explorer-note-kind{display:none}}@media (max-width:740px){.explorer-heading{align-items:flex-start;gap:12px}.explorer-heading h1{font-size:25px}.explorer-heading>button{gap:6px;padding:9px 10px;font-size:12px}.explorer-toolbar{gap:8px;padding:10px}.explorer-toolbar .icon-button{width:40px;height:42px}.explorer-navigation{order:0}.explorer-display{order:1;gap:4px}.explorer-sort{width:100%}.explorer-sort select{width:116px;font-size:12px}.explorer-view{padding-left:3px}.explorer-breadcrumb{flex-basis:100%;order:2}.explorer-breadcrumb button{max-width:180px}.explorer-body.folders-open{grid-template-columns:minmax(0,1fr)}.explorer-folders{border-right:0;border-bottom:1px solid var(--line);max-height:340px;overflow-y:auto}.folder-row{min-height:44px}.folder-link{min-height:44px;font-size:14px}.folder-menu>summary{width:40px;height:40px}.folder-menu .menu-popover{left:auto;right:0}.explorer-content{padding:18px 12px}.explorer-notes{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:12px}.explorer-note-open{min-height:177px;padding:14px 12px}.explorer-note-title{font-size:13px}.explorer-note-menu>summary{width:36px;height:36px}.explorer-list{grid-template-columns:minmax(0,1fr);gap:0}.explorer-list .explorer-note-open{grid-template-columns:28px minmax(0,1fr);gap:3px 12px;padding-right:38px}.explorer-list .explorer-paper{grid-row:1/3}.explorer-list .explorer-note-open time{grid-column:2}.explorer-form{padding:16px 12px}.explorer-form>div{margin-left:auto}.explorer-content-heading{gap:8px}.explorer-loading>span{display:none}.explorer-empty{padding:45px 12px}.explorer-footer{padding:12px}}@media (max-width:420px){.explorer-display{flex-wrap:wrap;flex:1;justify-content:flex-end}.explorer-sort{order:2;width:auto}.explorer-sort select{width:132px}.explorer-heading{flex-wrap:wrap}.explorer-navigation{align-self:flex-start}}@media (forced-colors:active){.explorer-surface,.explorer-note,.explorer-paper{border:1px solid canvastext}.folder-row.selected,.explorer-view [aria-pressed=true]{outline:2px solid highlight}}