@layer theme{:root{--color-background:#f3f4ee;--color-background-accent:#e3eee4;--color-surface:#fffdf8;--color-surface-muted:#f7f5ee;--color-border:#d7ddcf;--color-border-strong:#bcc9b4;--color-text:#1d251f;--color-heading:#172119;--color-muted:#657064;--color-muted-strong:#43513f;--color-primary:#4f7f52;--color-primary-hover:#3f6843;--color-primary-soft:#e5eee0;--color-primary-faint:#f1f6ed;--color-danger:#b42318;--color-danger-hover:#8f1c13;--color-danger-soft:#fff1f0;--color-danger-border:#ffc7c2;--color-focus:#b7d4aa;--color-mark:#f5e7b8;--radius-control:8px;--radius-panel:12px;--control-height:2.35rem;--control-padding-inline:.9rem;--shadow-panel:0 18px 42px #33422c1f;--shadow-raised:0 10px 28px #33422c1a;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}}@layer base{*{box-sizing:border-box}body{background:radial-gradient(circle at top left, var(--color-background-accent), transparent 26rem), var(--color-background);min-width:320px;min-height:100vh;margin:0}button{border-radius:var(--radius-control);cursor:pointer;font:inherit;min-height:var(--control-height);padding:0 var(--control-padding-inline);border:0;font-weight:700}button:disabled{cursor:wait;opacity:.6}button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}}@layer components{.centered-page,.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-panel{background:color-mix(in srgb, var(--color-surface) 94%, white);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);width:100%;max-width:25.5rem;padding:clamp(1.4rem,4vw,1.75rem)}.login-panel h1,.empty-state h1{color:var(--color-heading);letter-spacing:0;margin:.2rem 0 .75rem;font-size:clamp(1.9rem,5vw,2.75rem);line-height:1.05}.login-copy,.empty-state p,.sidebar-status{color:var(--color-muted);margin:0}.eyebrow{color:var(--color-muted-strong);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.primary-button{background:var(--color-primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--color-primary-hover)}.secondary-button{background:var(--color-primary-soft);color:var(--color-muted-strong)}.secondary-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary-soft), var(--color-primary) 10%)}.secondary-button.compact{min-height:2.35rem}.danger-button{background:var(--color-danger);color:#fff}.danger-button:hover:not(:disabled){background:var(--color-danger-hover)}.error-message{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:var(--radius-control);color:var(--color-danger-hover);margin:1rem 0 0;padding:.75rem}.status-text{color:var(--color-muted);font-weight:700}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:3.75rem;padding:.6rem 1.25rem;display:flex}.user-line{color:var(--color-heading);margin:.05rem 0 0;font-weight:700}.diary-search-bar{background:color-mix(in srgb, var(--color-surface) 92%, white);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(14rem,1fr) minmax(8.5rem,10rem) minmax(8.5rem,9.5rem) minmax(8.5rem,9.5rem) auto;align-items:end;gap:.65rem;padding:.65rem 1.25rem;display:grid}.search-field{gap:.25rem;min-width:0;display:grid}.search-field span{color:var(--color-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.search-field input,.search-field select{background:color-mix(in srgb, var(--color-surface) 70%, white);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-heading);font:inherit;height:var(--control-height);width:100%;padding:0 .75rem;line-height:1.2}.search-field input:focus,.search-field select:focus{border-color:var(--color-primary);outline:3px solid var(--color-focus)}.search-filter-error{color:var(--color-danger-hover);grid-column:1/-1;margin:0;font-size:.9rem;font-weight:700}.diary-layout{flex:1;grid-template-columns:minmax(13rem,18rem) 1fr;min-height:0;display:grid}.diary-sidebar{background:color-mix(in srgb, var(--color-primary-faint) 76%, var(--color-surface));border-right:1px solid var(--color-border);padding:1rem}.sidebar-header{gap:.4rem;margin-bottom:1rem;display:grid}.sidebar-status{font-weight:700}.error-text{color:var(--color-danger-hover)}.month-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.month-list-item{gap:.15rem;display:grid}.month-list-button{border-radius:var(--radius-control);color:var(--color-heading);text-align:left;background:0 0;width:100%;min-height:2.25rem;padding:.4rem .55rem;font-weight:800;display:block}.month-list-button:hover,.month-list-button[aria-expanded=true]{background:var(--color-primary-soft)}.month-list-button.selected{background:var(--color-primary-soft);box-shadow:inset 3px 0 0 var(--color-primary);color:var(--color-muted-strong)}.month-list-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.note-tree-list{border-left:1px solid var(--color-border-strong);gap:.15rem;margin:0 0 0 .8rem;padding:.1rem 0 .25rem .75rem;list-style:none;display:grid}.note-tree-link{border-radius:var(--radius-control);color:var(--color-heading);gap:.1rem;min-width:0;padding:.4rem .5rem;text-decoration:none;display:grid}.note-tree-link:hover,.note-tree-link.active{background:var(--color-primary-soft)}.note-tree-link.active{box-shadow:inset 3px 0 0 var(--color-primary)}.note-tree-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.note-tree-title{overflow-wrap:anywhere;font-size:.9rem;font-weight:700;line-height:1.25}.note-tree-date{color:var(--color-muted);font-size:.78rem;font-weight:600;line-height:1.2}.work-zone{justify-content:center;align-items:stretch;padding:1.25rem;display:flex}.empty-state{align-self:center;gap:.85rem;max-width:36rem;display:grid}.empty-state h1{margin-bottom:0;font-size:clamp(2rem,5vw,3.5rem)}.empty-state .primary-button{justify-self:start}.search-results-panel{align-self:flex-start;gap:.85rem;width:100%;max-width:48rem;display:grid}.search-results-panel h1{color:var(--color-heading);letter-spacing:0;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.1}.search-results-summary{color:var(--color-muted);margin:0;font-weight:700}.search-results-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.search-result-link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);gap:.3rem;padding:.85rem;text-decoration:none;display:grid}.search-result-link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-raised)}.search-result-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.search-result-title{color:var(--color-heading);overflow-wrap:anywhere;font-size:1.05rem;font-weight:800;line-height:1.25}.search-result-meta{color:var(--color-muted);font-weight:700}.search-result-highlight{color:var(--color-muted-strong);overflow-wrap:anywhere;line-height:1.55}.search-result-highlight mark{background:var(--color-mark);color:var(--color-heading);border-radius:4px;padding:0 .1rem;font-weight:800}.empty-state-separator{font-weight:800}.note-detail{background:color-mix(in srgb, var(--color-surface) 96%, white);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);align-self:flex-start;width:100%;max-width:48rem;padding:clamp(1rem,2.6vw,1.4rem)}.note-detail-header{border-bottom:1px solid var(--color-border);gap:.85rem;margin:0 0 1rem;padding:0 0 1rem;display:grid}.note-detail h1{color:var(--color-heading);letter-spacing:0;overflow-wrap:anywhere;margin:.25rem 0 0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.08}.note-meta-list{flex-wrap:wrap;gap:.65rem 1.5rem;margin:0;display:flex}.note-meta-list div{gap:.15rem;display:grid}.note-meta-list dt{color:var(--color-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.note-meta-list dd{color:var(--color-heading);margin:0;font-weight:700}.note-text-block{color:var(--color-text);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.96rem;line-height:1.65}.note-markdown-preview{overflow-wrap:anywhere;white-space:normal}.note-markdown-preview>:first-child{margin-top:0}.note-markdown-preview>:last-child{margin-bottom:0}.note-markdown-preview p,.note-markdown-preview ul,.note-markdown-preview ol,.note-markdown-preview blockquote,.note-markdown-preview pre,.note-markdown-preview table{margin:0 0 .85rem}.note-markdown-preview h1,.note-markdown-preview h2,.note-markdown-preview h3,.note-markdown-preview h4,.note-markdown-preview h5,.note-markdown-preview h6{color:var(--color-heading);overflow-wrap:anywhere;margin:1.25rem 0 .5rem;line-height:1.2}.note-markdown-preview h1{font-size:1.65rem}.note-markdown-preview h2{font-size:1.4rem}.note-markdown-preview h3{font-size:1.2rem}.note-markdown-preview h4,.note-markdown-preview h5,.note-markdown-preview h6{font-size:1rem}.note-markdown-preview ul,.note-markdown-preview ol{padding-left:1.45rem}.note-markdown-preview li{margin:.25rem 0}.note-markdown-preview li>p{margin:.35rem 0}.note-markdown-preview .contains-task-list{list-style:none}.note-markdown-preview .task-list-item{margin-left:0}.note-markdown-preview input[type=checkbox]{margin:0 .45rem .1rem -1.25rem}.note-markdown-preview blockquote{border-left:4px solid var(--color-border-strong);color:var(--color-muted-strong);padding-left:1rem}.note-markdown-preview a{color:var(--color-primary);text-underline-offset:.18em;font-weight:700;text-decoration-thickness:.08em}.note-markdown-preview code{background:var(--color-primary-faint);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-heading);overflow-wrap:anywhere;padding:.1rem .28rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.note-markdown-preview pre{background:var(--color-heading);border-radius:var(--radius-control);color:#f7fafc;padding:1rem;overflow-x:auto}.note-markdown-preview pre code{color:inherit;overflow-wrap:normal;white-space:pre;background:0 0;border:0;padding:0;display:block}.note-markdown-preview table{border-collapse:collapse;white-space:nowrap;max-width:100%;display:block;overflow-x:auto}.note-markdown-preview th,.note-markdown-preview td{border:1px solid var(--color-border-strong);text-align:left;vertical-align:top;padding:.55rem .7rem}.note-markdown-preview th{background:var(--color-primary-faint);color:var(--color-heading);font-weight:800}.note-markdown-preview tr:nth-child(2n) td{background:var(--color-surface-muted)}.note-action-row{flex-wrap:wrap;gap:.55rem;display:flex}.note-action-row>button{min-width:5.75rem}.modal-backdrop{z-index:10;background:#1721197a;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirmation-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);gap:.85rem;width:100%;max-width:28rem;padding:1.25rem;display:grid;box-shadow:0 18px 50px #33422c2e}.confirmation-dialog h2{color:var(--color-heading);letter-spacing:0;margin:0;font-size:1.35rem;line-height:1.15}.confirmation-dialog p{color:var(--color-muted);overflow-wrap:anywhere;margin:0}.confirmation-dialog .error-message{margin:0}.confirmation-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.note-editor-form{gap:1rem;display:grid}.field-group{gap:.3rem;display:grid}.field-group span{color:var(--color-muted);text-transform:uppercase;font-size:.8rem;font-weight:800}.field-group input,.field-group select,.field-group textarea{background:color-mix(in srgb, var(--color-surface) 70%, white);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-heading);font:inherit;width:100%}.field-group input,.field-group select{height:var(--control-height);padding:0 .75rem;line-height:1.2}.field-group textarea{resize:vertical;min-height:16rem;padding:.5rem .75rem;line-height:1.55}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--color-primary);outline:3px solid var(--color-focus)}.editor-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}}@layer responsive{@media (width<=760px){.app-header{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem}.app-header>div{min-width:0}.app-header .secondary-button{margin-left:auto}.diary-search-bar{grid-template-columns:repeat(3,minmax(0,1fr));padding:.85rem 1rem}.search-field-query,.diary-search-bar>button,.search-filter-error{grid-column:1/-1}.diary-layout{grid-template-columns:1fr}.diary-sidebar{border-bottom:1px solid var(--color-border);border-right:0;padding:.85rem 1rem}.work-zone{padding:.85rem}.empty-state{width:100%;max-width:none}.note-detail{box-shadow:var(--shadow-raised);border-radius:10px}.editor-meta-grid{grid-template-columns:1fr}.note-action-row>button,.confirmation-dialog-actions>button{flex:8rem}}}
