:root{--fg: #1a1a1a;--bg: #f6f6f6;--pane: #ffffff;--muted: #555555;--line: #888888;--line-soft: #dddddd;--accent-fg: #ffffff;--accent-bg: #1a1a1a}*{box-sizing:border-box}[hidden]{display:none!important}h1,h2{font-size:14px;font-weight:700;margin:0;text-transform:uppercase}body{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;color:var(--fg);background:var(--bg);margin:0;min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:var(--fg);background:var(--pane);border:1px solid var(--line);border-radius:0;padding:4px 8px;cursor:pointer}button:hover:not(:disabled){background:#efefef}button:disabled{color:var(--muted);background:var(--pane);border-color:var(--line-soft);cursor:default}#paste-as-new{background:var(--accent-bg);border-color:var(--accent-bg);color:var(--accent-fg);font-weight:700}#paste-as-new:hover:not(:disabled){background:#3a3a3a}#delete:not(:disabled):hover{background:#fbe9e7}#save{font-weight:700}#left-rail{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;padding:8px 16px;background:var(--pane)}#left-rail p{margin:0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}#rail-toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:var(--muted);background:var(--pane);border:1px solid var(--line-soft)}#rail-toggle:hover,#rail-toggle:focus-visible{color:var(--fg);background:#efefef}#rail-toggle svg{display:block}#rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}main{flex:1;min-height:0;min-width:0;width:100%;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr)}main>section{padding:16px 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}main h2{border-bottom:1px solid var(--line-soft);padding-bottom:4px;margin:0;color:var(--muted)}#composer{display:flex;flex-direction:column;flex:1;min-height:0}#text{width:100%;flex:1;min-height:0;font:inherit;color:var(--fg);background:var(--pane);border:1px solid var(--line);border-radius:0;padding:8px;resize:none;overflow:auto}#compose-actions{display:flex;align-items:center;gap:8px;align-self:flex-start}#result{color:var(--muted);white-space:pre-wrap;min-height:1.5em;margin:0;overflow-wrap:anywhere}#empty-state{color:var(--muted);margin:0;padding:24px 0}#read{display:flex;flex-direction:column;gap:8px;min-height:0}#read-name{font-weight:700;overflow-wrap:anywhere;padding:4px 0;border-bottom:1px solid var(--line)}#read-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit;flex:1;min-height:0;overflow-y:auto;background:var(--pane);border:1px solid var(--line-soft);padding:8px}#read-actions{display:flex;gap:8px;flex-wrap:wrap}#read-result{color:var(--muted);white-space:pre-wrap;min-height:1.5em;margin:0;overflow-wrap:anywhere}#back{display:none}body:not([data-view=record]) #view{display:none}body[data-view=record] #compose{display:none}body[data-view=record] #back{display:inline-block}#search-overlay{position:fixed;inset:0;z-index:50;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}#search-box{width:min(720px,100%);background:var(--pane);border:1px solid var(--line);display:flex;flex-direction:column}#search-title{padding:4px 8px;border-bottom:1px solid var(--line-soft);color:var(--muted)}#search-row{display:flex;align-items:stretch}#search-input{font:inherit;color:var(--fg);background:var(--pane);border:none;border-bottom:1px solid var(--line-soft);padding:8px;outline:none;width:100%;flex:1;min-width:0}#search-row #search-clear,#search-help button{min-height:32px}#search-body{display:flex;flex-direction:column;min-height:0}#search-preview{display:none}#search-results{list-style:none;margin:0;padding:0;max-height:40vh;min-width:0;overflow-x:hidden;overflow-y:auto}#search-results li{min-width:0}#search-results li button{all:unset;cursor:pointer;display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:4px 8px;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#search-results li button:hover{background:#efefef}#search-results li button.selected{background:var(--accent-bg);color:var(--accent-fg)}#search-help{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;border-top:1px solid var(--line-soft);color:var(--muted)}#search-box button:focus-visible{outline:1px solid var(--fg);outline-offset:-4px}@media(min-width:561px){body{height:100dvh;overflow:hidden}body[data-rail]{display:grid;grid-template-columns:auto minmax(0,1fr)}#left-rail{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px;border-right:1px solid var(--line);padding:16px;width:12.5rem;min-height:0;overflow-y:auto;overflow-x:hidden}#rail-head{width:100%}main{padding:16px}#search-box{width:min(90vw,960px)}#search-body{flex-direction:row;align-items:stretch}#search-results{flex:0 0 clamp(14rem,22vw,18rem);max-height:44vh}#search-preview{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;max-height:44vh;border-left:1px solid var(--line-soft);padding:8px 16px}#search-preview-name{font-weight:700;overflow-wrap:anywhere;border-bottom:1px solid var(--line-soft);padding-bottom:4px}#search-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit;overflow-y:auto;min-height:0}#search-preview-name:empty+#search-preview-text{border:none}}@media(min-width:561px){body[data-rail=closed] #left-rail{width:2.25rem;padding:8px 4px;gap:4px;align-items:center}body[data-rail=closed] #rail-head{justify-content:center}body[data-rail=closed] #app-title,body[data-rail=closed] #left-rail p,body[data-rail=closed] #left-rail button{display:none}body[data-rail=closed] #rail-head #rail-toggle{display:inline-flex}}@media(max-width:560px){#left-rail{flex-direction:row}#rail-head{width:auto;margin-right:auto}#paste-as-new{flex-grow:1}body[data-rail] #left-rail button:not(#rail-toggle){display:inline-block}body[data-rail=closed] #app-title,body[data-rail=closed] #left-rail p{display:initial}#rail-toggle{display:none}main{padding:0 16px}}