:root{--bg: #141619;--surface-1: #1b1e22;--surface-2: #22262b;--surface-3: #2b3037;--border-1: #33383f;--border-2: #454b54;--text-1: #e7e7ea;--text-2: #a9adb3;--text-3: #7a7f87;--accent: #94bce3;--accent-hi: #b5d9fd;--accent-deep: #2c455d;--accent-ink: #1d2d3d;--ok: #8fd0a3;--ok-bg: #1c2b22;--warn: #e3b566;--warn-bg: #2d2617;--err: #e39a94;--err-bg: #2f1e1c;--info: #b5d9fd;--info-bg: #1d2d3d;--app-apps: #94bce3;--app-code: #edc17a;--app-draw: #8ad2cf;--app-house: #9ed0a8;--app-note: #c4b3e6;--bloc-ob: #edc17a;--bloc-fb: #8fd0a3;--bloc-fc: #9ecbf0;--bloc-db: #c4b3e6;--font-display: "Barlow Condensed", system-ui, sans-serif;--font-ui: "Barlow", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--fs-dense: 12px;--fs-base: 13px;--fs-aere: 14px;--fs-code: 12.5px;--radius: 0px;--border-w: 1px;--space-1: 3.4px;--space-2: 6.8px;--space-3: 10.2px;--space-4: 13.6px;--space-5: 17px;--space-6: 20.4px;--space-7: 23.8px;--space-8: 27.2px;--shadow-1: 0 0 0 1px #33383f, 0 2px 8px rgba(0,0,0,.35);--shadow-2: 0 0 0 1px #454b54, 0 8px 28px rgba(0,0,0,.5);--trans: .12s ease;--canvas-bg: #101215;--canvas-grid: #1e2126;--canvas-selection: #b5d9fd;--canvas-snap: #8fd0a3;--canvas-cote: #a9adb3;--canvas-dim: .35}@media (min-width: 2560px){:root{--fs-dense: 13px;--fs-base: 14.5px;--fs-aere: 16px;--fs-code: 14px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-deep);color:var(--text-1)}:root{--app-crawl: #d9a4c8}:root{--app-tuning: #d9c48a}:root{--app-link: #e8a07a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-aere)}.app{min-height:100vh;display:flex;flex-direction:column;--app-accent: var(--app-note)}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface-1);border-bottom:2px solid var(--app-accent)}.topbar h1{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.5px}.logo-sfx{color:var(--app-accent)}.spacer{flex:1}.sub{color:var(--text-2);font-size:var(--fs-base)}.layout{flex:1;padding:var(--space-5);display:flex;justify-content:center}.panel{width:100%;max-width:880px}h2{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.4px;color:var(--text-2);text-transform:uppercase;margin:var(--space-6) 0 var(--space-3)}.hint{color:var(--text-3);font-size:var(--fs-base)}.error{color:var(--err);background:var(--err-bg);border-left:2px solid var(--err);padding:var(--space-3) var(--space-4);font-size:var(--fs-base)}.btn,.linkbtn{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 12px;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface-2);color:var(--text-1);font:inherit;font-size:var(--fs-base);text-decoration:none;cursor:pointer;transition:background var(--trans),border-color var(--trans)}.btn:hover,.linkbtn:hover{background:var(--surface-3);border-color:var(--app-accent)}.btn.ghost{background:transparent;border-color:var(--border-1);color:var(--text-2)}.btn.ghost:hover{color:var(--text-1)}.btn.danger:hover{border-color:var(--err);color:var(--err)}.icon{background:none;border:none;color:var(--text-3);cursor:pointer;font:inherit;padding:2px 5px}.icon:hover{color:var(--text-1)}.icon.danger:hover{color:var(--err)}input,textarea,select{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-1);border-radius:var(--radius);padding:7px 10px;font:inherit;font-size:var(--fs-base)}input:focus,textarea:focus{outline:none;border-color:var(--app-accent)}input:disabled,textarea:disabled{color:var(--text-2)}::placeholder{color:var(--text-3)}.listbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.listbar h2{margin:0}.search{flex:1}.notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.note-card{display:block;padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-1);border-left:2px solid var(--app-accent);text-decoration:none;color:inherit;transition:background var(--trans)}.note-card:hover{background:var(--surface-2)}.note-card h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:16px;font-weight:600}.note-preview{margin:0 0 var(--space-3);color:var(--text-2);font-size:var(--fs-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-3);font-size:var(--fs-dense)}.badge{padding:1px 6px;background:var(--accent-ink);color:var(--info);font-size:var(--fs-dense)}.storage{margin-top:var(--space-6)}.note-title{width:100%;margin-bottom:var(--space-4);font-family:var(--font-display);font-size:22px;font-weight:600;background:transparent;border:none;border-bottom:1px solid var(--border-1);padding:var(--space-2) 0}.save-state{color:var(--text-3);font-size:var(--fs-dense);min-width:96px;text-align:right}.block{border:1px solid var(--border-1);border-left:2px solid var(--border-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface-1)}.block:focus-within{border-left-color:var(--app-accent)}.block-tools{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.block-kind{flex:1;color:var(--text-3);font-size:var(--fs-dense);text-transform:uppercase;letter-spacing:.6px}.block-text{width:100%;resize:vertical;background:transparent;border:none;padding:0;font-size:var(--fs-aere);line-height:1.5}.block-caption{width:100%;margin-top:var(--space-2);background:transparent;border:none;border-bottom:1px solid var(--border-1);padding:var(--space-2) 0}.add-blocks{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.photo-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0}.thumb{position:relative;width:96px;height:96px;background:var(--surface-2);border:1px solid var(--border-1)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .icon{position:absolute;top:0;right:0;background:#0009}.thumb.add{display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:22px;cursor:pointer;border-style:dashed}.thumb.add:hover{color:var(--app-accent);border-color:var(--app-accent)}.check-item{border-top:1px solid var(--border-1);padding:var(--space-3) 0}.check-line{display:flex;align-items:center;gap:var(--space-2)}.check-text{flex:1;background:transparent;border:none;border-bottom:1px solid transparent}.check-text:focus{border-bottom-color:var(--app-accent)}.check-comment{width:100%;margin-top:var(--space-2);font-size:var(--fs-base);color:var(--text-2)}.status{width:26px;height:26px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-3);cursor:pointer;font-size:14px;line-height:1}.status.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}.status.nok{color:var(--err);border-color:var(--err);background:var(--err-bg)}.reminder{display:flex;align-items:center;gap:var(--space-2);color:var(--text-3);font-size:var(--fs-dense)}.share-panel{border:1px solid var(--border-2);border-left:2px solid var(--app-accent);background:var(--surface-1);padding:var(--space-4);margin-bottom:var(--space-4)}.share-form{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.share-form input[list]{flex:1;min-width:180px}.inline{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--fs-base)}.share-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;border-top:1px solid var(--border-1);padding:var(--space-3) 0}.share-actions{display:flex;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:2px;margin-left:var(--space-2);padding:1px 4px 1px 8px;background:var(--surface-2);border:1px solid var(--border-1);font-size:var(--fs-dense)}.stats{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--fs-dense)}.stat{padding:1px 6px;border:1px solid var(--border-1)}.stat.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}.stat.nok{color:var(--err);border-color:var(--err);background:var(--err-bg)}.stat.pending{color:var(--warn);border-color:var(--warn);background:var(--warn-bg)}.stat.total{color:var(--text-3);border-color:transparent}.note-card.unseen{border-left-color:var(--accent-hi);background:var(--accent-ink)}.unseen-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--accent-hi);vertical-align:middle}