:root{color-scheme:light;--paper:#f4f1e8;--sidebar:#eeece2;--panel:#f8f6f0;--surface:#fbfaf6;--ink:#30372f;--soft:#61685f;--muted:#96988e;--line:#e2dfd5;--accent:#a15f49;--accent-soft:#f0e2d8;--sage:#637965;--sage-soft:#e4e9df;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--shadow:0 16px 55px #27281a12;--vh:100dvh}html[data-theme=dark]{color-scheme:dark;--paper:#20251f;--sidebar:#222820;--panel:#252b24;--surface:#2c322a;--ink:#ebe9dc;--soft:#c0c1b4;--muted:#969b8f;--line:#3b4339;--accent:#d09578;--accent-soft:#45372f;--sage:#aab59a;--sage-soft:#384238;--shadow:0 16px 55px #0003}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-60px;z-index:20;padding:12px 16px;background:var(--ink);color:var(--paper);border-radius:6px}.skip-link:focus{top:12px}.app-shell{height:var(--vh);min-height:580px;max-width:1800px;margin:auto;display:grid;grid-template-columns:226px minmax(300px,358px) minmax(0,1fr);overflow:hidden;border-inline:1px solid var(--line);background:var(--paper)}.sidebar{display:flex;flex-direction:column;min-height:0;padding:30px 17px 20px;background:var(--sidebar);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #8f977f;border-radius:50%;color:var(--sage);flex:none}.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.1}.brand-copy{display:grid;gap:3px}.brand-copy strong{font:500 20px/1 var(--serif);letter-spacing:-.025em}.brand-copy small{font:9px/1.3 var(--mono);color:var(--muted)}.new-note-button{min-height:44px;margin:33px 1px 34px;display:flex;align-items:center;gap:9px;padding:0 13px;background:var(--ink);color:var(--paper);border:0;border-radius:5px;text-align:left;font-size:12px;transition:transform .18s,background .18s}.new-note-button:hover{background:var(--sage);transform:translateY(-1px)}.new-note-button>span{font-size:20px;line-height:1}.new-note-button kbd{margin-left:auto;border:1px solid #ffffff55;border-radius:3px;padding:2px 4px;color:#e5e4d9;font:9px var(--mono)}.nav-label,.eyebrow{font:9px var(--mono);letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.nav-label{margin:0 0 12px;padding:0 10px}.primary-nav{display:grid;gap:3px}.nav-item{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:4px;background:transparent;text-align:left;color:var(--soft);font-size:12px;transition:background .16s,color .16s}.nav-item svg,.sidebar-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav-item:hover{background:color-mix(in srgb,var(--sage-soft) 67%,transparent);color:var(--ink)}.nav-item.is-active{background:var(--sage-soft);color:var(--ink)}.nav-count{margin-left:auto;color:var(--muted);font:10px var(--mono)}.tag-section{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--soft);transition:background .16s,color .16s,border .16s}.icon-button:hover{background:var(--sage-soft);color:var(--ink)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button.tiny{width:32px;height:32px;font-size:19px}.tag-list{display:grid;gap:3px}.tag-filter{min-height:39px;display:flex;align-items:center;gap:9px;width:100%;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--soft);text-align:left;font-size:12px}.tag-filter:hover,.tag-filter.is-active{background:var(--sage-soft);color:var(--ink)}.tag-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.tag-filter .tag-count{margin-left:auto;color:var(--muted);font:9px var(--mono)}.tags-empty{padding:0 10px;color:var(--muted);font:10px/1.6 var(--serif);font-style:italic}.sidebar-bottom{margin-top:auto}.sidebar-action{width:100%;min-height:44px;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--soft);text-align:left;font-size:11px}.sidebar-action:hover{background:var(--sage-soft);color:var(--ink)}.studio-credit{display:block;margin:18px 7px 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font:9px/1.6 var(--mono)}.studio-credit span{color:var(--accent)}
.notes-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.list-header{padding:35px 24px 14px}.mobile-list-brand{display:none}.list-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:21px}.eyebrow{margin:0 0 9px}.list-title-row h1{margin:0;font:500 35px/.98 var(--serif);letter-spacing:-.045em}.period{color:var(--accent)}.search-box{height:42px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted)}.search-box:focus-within{border-color:var(--sage);box-shadow:0 0 0 2px color-mix(in srgb,var(--sage) 17%,transparent)}.search-box>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.search-box input{min-width:0;flex:1;border:0;outline:0!important;background:transparent;font-size:11px;color:var(--ink)}.search-box input::placeholder{color:var(--muted)}.search-box kbd{font:9px var(--mono);color:var(--muted)}.clear-search{width:24px;height:24px;border:0;border-radius:50%;background:var(--line);color:var(--soft);font-size:17px;line-height:1}.list-tools{display:flex;align-items:center;justify-content:space-between;padding:15px 1px 2px;color:var(--muted);font:9px var(--mono)}.sort-label select{max-width:140px;padding:4px 18px 4px 4px;border:0;background:transparent;color:var(--soft);font:9px var(--mono);cursor:pointer}.notes-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1px 14px 20px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.note-row{position:relative;display:block;width:100%;min-height:103px;padding:15px 14px 13px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:4px;background:transparent;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.note-row:hover{background:var(--surface);border-color:var(--line)}.note-row.is-selected{background:var(--surface);border-color:color-mix(in srgb,var(--sage) 55%,var(--line));box-shadow:inset 2px 0 var(--sage)}.note-row:active{transform:scale(.995)}.note-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--muted);font:9px var(--mono)}.note-row-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-pin{color:var(--accent);font-size:12px}.note-row-title{display:block;overflow:hidden;margin:0 0 5px;color:var(--ink);font:500 17px/1.18 var(--serif);text-overflow:ellipsis;white-space:nowrap}.note-row-preview{display:-webkit-box;overflow:hidden;margin:0;color:var(--soft);font-size:10px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-row-tags{display:flex;gap:5px;margin-top:8px;overflow:hidden}.mini-tag{display:inline-flex;align-items:center;gap:4px;max-width:90px;padding:3px 6px;border-radius:9px;background:var(--sage-soft);color:var(--soft);font:8px var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-tag .tag-dot{width:5px;height:5px}.list-empty{display:grid;justify-items:center;text-align:center;padding:50px 20px 30px;color:var(--soft)}.empty-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border:1px solid var(--line);border-radius:50%;color:var(--sage);font:19px var(--serif)}.list-empty strong{margin-bottom:6px;color:var(--ink);font:500 18px var(--serif)}.list-empty p{max-width:25ch;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.empty-action{margin-top:15px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-size:10px}.date-group{padding:10px 8px 3px;color:var(--muted);font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase}.mobile-storage-note{display:none}
.editor-panel{position:relative;min-width:0;min-height:0;background:var(--paper)}.editor-welcome{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 30px;text-align:center;animation:rise-in .45s ease both}.welcome-art{position:relative;width:min(340px,65%);height:205px;margin-bottom:33px;overflow:hidden;border-radius:160px 160px 5px 5px;background:#e5e8db}.sun{position:absolute;left:calc(50% - 43px);top:29px;width:86px;height:86px;border-radius:50%;background:#d5a27e}.horizon{position:absolute;left:-10%;width:120%;height:100px;border-radius:50% 50% 0 0}.horizon-back{bottom:7px;background:#abb79f;transform:rotate(-8deg)}.horizon-front{bottom:-42px;background:#788873;transform:rotate(8deg)}.welcome-star{position:absolute;right:25%;top:52px;color:#f4f1e8;font-size:17px}.editor-welcome>.eyebrow{margin-bottom:13px}.editor-welcome h2{margin:0;font:400 clamp(39px,4.4vw,58px)/.96 var(--serif);letter-spacing:-.045em}.editor-welcome h2 em{font-weight:400;color:var(--accent)}.welcome-copy{max-width:360px;margin:17px 0 19px;color:var(--soft);font:14px/1.7 var(--serif)}.primary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 17px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--paper);font-size:11px;transition:transform .18s,background .18s,border-color .18s}.primary-button:hover{transform:translateY(-1px);background:var(--sage);border-color:var(--sage)}.welcome-create{min-width:184px}.welcome-privacy{margin:18px 0 0;color:var(--muted);font:9px var(--mono)}.note-editor{height:100%;display:flex;flex-direction:column;min-height:0}.note-editor[hidden]{display:none}.editor-topbar{height:66px;flex:none;display:flex;align-items:center;gap:14px;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid var(--line)}.back-to-list{display:none;align-items:center;gap:8px;border:0;background:transparent;color:var(--soft);font-size:11px}.back-to-list:hover{color:var(--ink)}.back-to-list>span:first-child{font-size:18px}.save-state{display:flex;align-items:center;gap:7px;color:var(--muted);font:9px var(--mono)}.save-state i{width:6px;height:6px;border-radius:50%;background:var(--sage)}.save-state.is-saving i{background:#c28a55;animation:pulse 1s infinite}.save-state.is-error{color:#ba614f}.save-state.is-error i{background:#ba614f}.editor-actions{display:flex;gap:2px;margin-left:auto}.editor-actions .icon-button{width:38px;height:38px}.editor-actions .is-pinned{color:var(--accent);background:var(--accent-soft)}.danger-hover:hover{color:#b65e4d;background:#f3e4df}.editor-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;padding:clamp(34px,6vh,66px) 30px 48px}.editor-content{max-width:660px;margin:auto}.note-meta{display:flex;gap:9px;align-items:center;margin:0 0 17px;color:var(--muted);font:9px var(--mono)}.meta-dot{color:var(--accent)}.note-title-input{display:block;width:100%;min-height:60px;padding:0 0 10px;border:0;border-bottom:1px solid var(--line);outline:0!important;background:transparent;color:var(--ink);font:500 clamp(32px,4vw,46px)/1.12 var(--serif);letter-spacing:-.04em}.note-title-input:focus{border-color:var(--sage)}.note-title-input::placeholder{color:color-mix(in srgb,var(--muted) 65%,transparent)}.tag-assignments{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0 8px}.assigned-tag{min-height:27px;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line);border-radius:15px;background:transparent;color:var(--soft);font-size:9px;cursor:pointer}.assigned-tag .tag-dot{width:6px;height:6px}.assigned-tag[aria-pressed=true]{border-color:var(--sage);background:var(--sage-soft);color:var(--ink)}.assigned-tag:hover{border-color:var(--sage)}.add-assignment{min-height:30px;padding:3px 8px;border:1px dashed var(--line);border-radius:15px;background:transparent;color:var(--muted);font-size:9px}.add-assignment:hover{border-color:var(--sage);color:var(--ink)}.note-body-input{display:block;width:100%;min-height:220px;height:calc(100% - 150px);resize:none;padding:20px 0 35px;border:0;outline:0!important;background:transparent;color:var(--ink);font:400 16px/1.85 var(--serif);letter-spacing:.003em}.note-body-input:focus{outline:0}.note-body-input::placeholder{color:var(--muted)}.editor-footer{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono)}.storage-warning{position:absolute;right:15px;bottom:15px;max-width:330px;padding:10px 13px;border:1px solid #d5b793;border-radius:5px;background:var(--surface);box-shadow:var(--shadow);color:var(--soft);font-size:10px;line-height:1.5}.storage-warning[hidden]{display:none}
.mobile-new{display:none;width:44px;height:44px;padding:0;font-size:23px}.mobile-theme{display:none}.mobile-nav{display:none}.toast{position:fixed;left:50%;bottom:24px;z-index:30;max-width:min(92vw,440px);padding:11px 16px;border:1px solid var(--line);border-radius:5px;background:var(--ink);color:var(--paper);font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.app-dialog{width:min(440px,calc(100% - 28px));max-width:none;max-height:min(90dvh,720px);padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.app-dialog::backdrop{background:#171a1680;backdrop-filter:blur(2px)}.dialog-card{position:relative;padding:31px}.dialog-close{position:absolute;right:17px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:25px}.dialog-close:hover{background:var(--sage-soft);color:var(--ink)}.dialog-card h2{margin:0 0 12px;font:500 30px/1.1 var(--serif);letter-spacing:-.03em}.dialog-copy,.field-hint{margin:0;color:var(--soft);font-size:11px;line-height:1.65}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:27px}.quiet-button{min-height:42px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:var(--soft);font-size:11px}.quiet-button:hover{background:var(--sage-soft);color:var(--ink)}.destructive-button{background:#9b5142;border-color:#9b5142}.destructive-button:hover{background:#813e34;border-color:#813e34}.field-label{display:block;margin:24px 0 7px;color:var(--soft);font-size:10px}.dialog-input{width:100%;height:45px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:12px}.dialog-input:focus{border-color:var(--sage)}.field-hint{margin-top:8px;color:var(--muted);font-size:9px}.settings-dialog{width:min(510px,calc(100% - 28px))}.settings-section{padding:18px 0;border-top:1px solid var(--line)}.settings-section h3{margin:0 0 6px;font:500 16px var(--serif)}.settings-section>p{margin:0;color:var(--soft);font-size:10px;line-height:1.6}.theme-options{display:flex;gap:8px;margin-top:14px}.theme-choice{min-height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:10px}.theme-choice:hover,.theme-choice.is-selected{border-color:var(--sage);background:var(--sage-soft)}.theme-choice span{font-size:17px}.backup-section{margin-top:10px}.backup-actions{display:flex;gap:8px;margin-top:14px}.secondary-button{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:10px}.secondary-button:hover{border-color:var(--sage);background:var(--sage-soft)}.settings-bottom{display:flex;justify-content:flex-end;padding-top:6px}
@keyframes rise-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35}}
@media(min-width:1500px){.app-shell{grid-template-columns:250px minmax(340px,390px) minmax(0,1fr)}.sidebar{padding-inline:22px}.list-header{padding-inline:30px}.notes-list{padding-inline:20px}}
@media(max-width:1050px) and (min-width:761px){.app-shell{grid-template-columns:190px minmax(270px,320px) minmax(0,1fr)}.sidebar{padding-inline:13px}.brand-copy small{font-size:8px}.list-header{padding-inline:18px}.notes-list{padding-inline:9px}.editor-topbar{padding-inline:24px}.editor-scroll{padding-inline:24px}.welcome-art{height:170px}}
@media(max-width:760px){:root{--vh:100dvh}.app-shell{height:var(--vh);min-height:0;display:block;border:0;overflow:hidden}.sidebar{display:none}.notes-panel{position:absolute;inset:0;z-index:1;border:0;background:var(--paper);transition:transform .28s cubic-bezier(.2,.75,.25,1),visibility .28s;will-change:transform}.list-header{padding:calc(env(safe-area-inset-top) + 13px) 19px 10px}.mobile-list-brand{height:34px;display:flex;align-items:center;gap:8px;color:var(--ink);font:500 18px var(--serif)}.mobile-brand-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--sage);border-radius:50%;color:var(--sage);font-size:15px}.mobile-theme{display:grid;margin-left:auto;width:38px;height:38px;font-size:18px}.list-title-row{margin:7px 0 16px}.list-title-row h1{font-size:31px}.mobile-new{display:inline-flex}.search-box{height:46px}.search-box input{font-size:13px}.list-tools{padding-top:13px}.sort-label select{min-height:32px;font-size:10px}.notes-list{padding:0 10px calc(95px + env(safe-area-inset-bottom));}.note-row{min-height:104px;padding:14px 13px}.note-row-title{font-size:18px}.note-row-preview{font-size:11px}.mobile-storage-note{position:absolute;right:0;bottom:calc(61px + env(safe-area-inset-bottom));left:0;padding:7px 15px;background:linear-gradient(transparent,var(--paper) 32%);color:var(--muted);text-align:center;font:8px var(--mono);pointer-events:none}.editor-panel{position:absolute;inset:0;z-index:2;visibility:hidden;transform:translateX(100%);background:var(--paper);transition:transform .28s cubic-bezier(.2,.75,.25,1),visibility .28s}.app-shell.is-editing .editor-panel{visibility:visible;transform:translateX(0)}.app-shell.is-editing .notes-panel{transform:translateX(-12%);visibility:hidden}.editor-topbar{height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 13px 0 12px}.back-to-list{display:flex;min-height:44px;padding:0 5px}.save-state{font-size:8px}.editor-actions .icon-button{width:40px;height:40px}.editor-scroll{padding:30px 23px calc(26px + env(safe-area-inset-bottom))}.note-meta{font-size:8px}.note-title-input{min-height:53px;font-size:36px}.note-body-input{min-height:45vh;padding-top:17px;font-size:17px;line-height:1.82}.editor-footer{font-size:8px}.editor-footer span:last-child{display:none}.editor-welcome{display:none}.app-shell:not(.is-editing) .editor-panel{transform:translateX(100%)}.mobile-nav{position:fixed;z-index:4;right:0;bottom:0;left:0;height:calc(59px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:3px 12px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(12px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.mobile-nav button>span{font:20px/1 var(--serif)}.mobile-nav button small{font:9px var(--mono)}.mobile-nav button.is-active{color:var(--sage)}.app-shell.is-editing~.mobile-nav{display:none}.toast{bottom:calc(76px + env(safe-area-inset-bottom));font-size:11px}.storage-warning{right:10px;bottom:calc(72px + env(safe-area-inset-bottom));left:10px;max-width:none}}
@media(max-width:390px){.list-header{padding-right:14px;padding-left:14px}.editor-scroll{padding-right:18px;padding-left:18px}.note-title-input{font-size:33px}.editor-topbar{gap:7px}.save-state{gap:5px}.back-to-list{font-size:10px}.dialog-card{padding:27px 22px}}
@media(max-height:560px) and (max-width:760px){.editor-scroll{padding-top:18px}.note-body-input{min-height:35vh;padding-top:12px}.editor-footer{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.tag-filter-row{display:flex;align-items:center;gap:2px}.tag-filter-row .tag-filter{flex:1;min-width:0}.tag-remove{width:28px;height:28px;flex:none;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:17px;opacity:0;transition:opacity .16s,background .16s,color .16s}.tag-filter-row:hover .tag-remove,.tag-filter-row:focus-within .tag-remove{opacity:1}.tag-remove:hover{background:var(--accent-soft);color:var(--accent)}.mobile-tags{display:none}
.editor-welcome[hidden]{display:none}
@media(max-width:760px){.mobile-tags{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 1px 3px;scrollbar-width:none}.mobile-tags::-webkit-scrollbar{display:none}.mobile-tag{flex:none;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--soft);font-size:10px;white-space:nowrap}.mobile-tag.is-active{border-color:var(--sage);background:var(--sage-soft);color:var(--ink)}}
@media(hover:none){.tag-remove{opacity:1}}
.tag-create-row{display:flex;gap:8px}.tag-create-row .dialog-input{min-width:0;flex:1}.tag-create-row .primary-button{min-height:45px;padding-inline:16px}.tag-management{margin-top:23px}.tag-management:empty{display:none}.tag-management-heading{margin:0 0 7px;color:var(--muted);font:9px var(--mono);letter-spacing:.08em}.managed-tag{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);color:var(--soft);font-size:11px}.managed-tag-remove{min-height:32px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:var(--accent);font-size:10px}.managed-tag-remove:hover{background:var(--accent-soft)}
.app-load-error{position:fixed;right:16px;bottom:16px;left:16px;z-index:50;max-width:620px;margin-inline:auto;padding:15px 18px;border:1px solid #c99571;border-radius:6px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink);font-size:12px;line-height:1.55}.app-load-error[hidden]{display:none}.app-load-error strong{font:500 17px var(--serif)}.app-load-error p{margin:6px 0 0;color:var(--soft)}