:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#1a1a1a;color:#e8e8e8}*{box-sizing:border-box}body{margin:0;min-height:100dvh}a{color:#9ecbff;text-decoration:none}a:hover{text-decoration:underline}.app{max-width:48rem;margin:0 auto;padding:1.5rem;min-height:100dvh;display:flex;flex-direction:column}.app-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #2a2a2a;margin-bottom:1.5rem;gap:1rem}.app-header nav{display:flex;align-items:center;gap:1rem}.sync-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#8a8a8a;font-variant-numeric:tabular-nums}.sync-status .dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.sync-idle{color:#7add9a}.sync-syncing{color:#ddd57a}.sync-offline{color:#ff7a7a}.sync-syncing .dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.attach-queued{color:#9ecbff}.draft-saved{font-style:italic}.brand{font-weight:600;font-size:1.1rem;letter-spacing:-.01em;color:#e8e8e8}.app-main{flex:1}.app-footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid #2a2a2a;display:flex;justify-content:flex-end}.app-footer .ghost{background:transparent;border:1px solid #2a2a2a;color:#8a8a8a;font-size:.8rem;padding:.35rem .7rem;border-radius:4px;cursor:pointer}.app-footer .ghost:hover:not(:disabled){color:#e8e8e8;border-color:#3a3a3a}.muted{color:#8a8a8a;font-size:.9rem}.error{color:#ff7a7a}.entry-list{list-style:none;padding:0;margin:0}.entry-list li+li{margin-top:.25rem}.entry-list a{display:flex;gap:1rem;padding:.6rem .75rem;border-radius:4px;color:#e8e8e8}.entry-list a:hover{background:#232323;text-decoration:none}.entry-date{color:#8a8a8a;font-variant-numeric:tabular-nums;flex-shrink:0}.entry-title{color:#e8e8e8}.editor-page{display:flex;flex-direction:column;gap:1rem}.entry-form-header{display:grid;gap:.75rem}.entry-form-header label{display:grid;gap:.25rem}.entry-form-header .label{font-size:.8rem;color:#8a8a8a;text-transform:uppercase;letter-spacing:.04em}.entry-form-header input{background:#0f0f0f;border:1px solid #2a2a2a;color:#e8e8e8;padding:.5rem .6rem;font-size:1rem;border-radius:4px;font-family:inherit}.entry-form-header input:disabled{opacity:.6}.editor{border:1px solid #2a2a2a;border-radius:4px;overflow:hidden;min-height:24rem}.editor .cm-editor{min-height:24rem}.entry-form-footer{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.entry-form-footer button{background:#2563eb;color:#fff;border:0;padding:.55rem 1.1rem;border-radius:4px;font:inherit;cursor:pointer}.entry-form-footer button:disabled{opacity:.5;cursor:not-allowed}.attach-row{display:flex;gap:.75rem;align-items:center}.attach-row .ghost{background:transparent;border:1px solid #2a2a2a;color:#e8e8e8;font-size:.85rem;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font:inherit}.attach-row .ghost:hover:not(:disabled){border-color:#3a3a3a;background:#232323}.attach-row .ghost:disabled{opacity:.5;cursor:not-allowed}.attach-list{list-style:none;padding:0;margin:0;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.attach-uploading{color:#ddd57a}.attach-done{color:#7add9a}.attach-error{color:#ff7a7a}.entry-header h1{font-weight:600;letter-spacing:-.02em;margin:.5rem 0 .25rem}.entry-body{line-height:1.65}.entry-body img,.entry-body video{max-width:100%;border-radius:4px}.entry-body pre{background:#0f0f0f;padding:.75rem;border-radius:4px;overflow-x:auto}.entry-body code{background:#0f0f0f;padding:.1rem .3rem;border-radius:3px}.entry-body pre code{padding:0;background:transparent}