:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at top,rgba(99,102,241,.15),transparent),radial-gradient(circle at bottom,rgba(244,114,182,.12),transparent)}.container{width:min(720px,100%);margin:48px 16px;padding:32px;border-radius:24px;background-color:#1a1a23bf;backdrop-filter:blur(16px);color:#f8fafc;box-shadow:0 24px 60px #0f172a40;border:1px solid rgba(148,163,184,.2)}.container header{display:grid;gap:8px;margin-bottom:24px}.container h1{margin:0;font-size:clamp(1.75rem,5vw,2.5rem)}.container p{margin:0;color:#e2e8f0e6}.controls{margin-bottom:20px}.inline-field{margin-left:16px;display:inline-flex;flex-direction:column;gap:6px;min-width:260px}.inline-field input{width:100%}.entry-section,.entries-section{display:grid;gap:16px;margin-bottom:24px}#entry-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field span{font-size:.95rem;font-weight:600;color:#e2e8f0d9}input,textarea{border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:12px 14px;background:#0f172a80;color:inherit;font:inherit;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus{outline:none;border-color:#818cf8b3;box-shadow:0 0 0 2px #818cf859}.entries-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.entries-header h2{margin:0;font-size:1.1rem}.entries-buttons{display:flex;gap:8px;flex-wrap:wrap}.remote-indicator{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#818cf826;color:#818cf8f2;font-size:.9rem;border:1px solid rgba(129,140,248,.4)}.hidden{display:none!important}#entries{list-style:none;margin:0;padding:0 6px 0 0;display:grid;gap:12px;max-height:420px;overflow-y:auto}.entry-row{padding:16px;border-radius:16px;background:#0f172aa6;border:1px solid rgba(148,163,184,.2);display:grid;gap:8px}.entry-row h3{margin:0;font-size:1.05rem}.entry-row p{margin:0;color:#e2e8f0e6;white-space:pre-wrap}.entry-row time{font-size:.85rem;color:#94a3b8d9}.entries-footnote{margin-top:4px;padding:12px;border-radius:12px;background:#94a3b826;color:#e2e8f0e6;font-size:.9rem;text-align:center}.entry-actions{display:flex;justify-content:flex-end;gap:8px}.entry-actions button{padding:10px 16px;font-size:.95rem}.danger{background:linear-gradient(135deg,#ef4444,#f97316)}.danger:hover:not(:disabled){box-shadow:0 20px 35px #ef444459}.danger:active:not(:disabled){box-shadow:0 12px 20px #ef444459}.placeholder,.empty{padding:18px;border-radius:16px;border:1px dashed rgba(148,163,184,.4);background:#0f172a59;text-align:center;color:#94a3b8e6}button{appearance:none;border:none;border-radius:12px;padding:12px 20px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#4f46ef,#9333ea);color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 35px #4f46e559;filter:brightness(1.05)}button:active:not(:disabled){transform:translateY(0);box-shadow:0 12px 20px #4f46e559}button:disabled{cursor:progress;opacity:.65}.log-section{display:grid;gap:12px}.log-section h2{margin:0;font-size:1.1rem}#log{padding:16px;border-radius:16px;background:#0f172aa6;border:1px solid rgba(148,163,184,.2);max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;color:#e2e8f0f2}