:root{--cyan: #69DAFC;--bg: #0a0f14;--bg2: #121a22;--bg3: #1a2530;--fg: #e8f1f6;--fg-muted: #9bb0bd;--danger: #ff6b6b;--ok: #6bffb0;--focus: #69DAFC;--radius: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--space: 1rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:18px;line-height:1.5;min-height:100%}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--cyan);color:#000;padding:.75rem 1rem;font-weight:700}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}#app{max-width:720px;margin:0 auto;padding:var(--space)}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.brand img{width:56px;height:56px;border-radius:12px}.brand h1{margin:0;font-size:1.35rem;color:var(--cyan);letter-spacing:.01em}.brand .tag{color:var(--fg-muted);font-size:.9rem;margin:0}.card{background:var(--bg2);border:1px solid #243241;border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card h2{margin:0 0 .75rem;font-size:1.15rem;color:var(--cyan)}label{display:block;font-weight:600;margin:.75rem 0 .35rem}input[type=text],input[type=password],input[type=url],input[type=search],input[type=number],textarea,select{width:100%;padding:.7rem .85rem;font-size:1rem;background:var(--bg3);color:var(--fg);border:2px solid #334455;border-radius:8px}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--cyan)}.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;align-items:center}button,.btn{font:inherit;font-weight:700;cursor:pointer;background:var(--cyan);color:#04202a;border:2px solid transparent;border-radius:8px;padding:.65rem 1rem;min-height:44px}button.secondary,.btn.secondary{background:transparent;color:var(--cyan);border-color:var(--cyan)}button.danger{background:var(--danger);color:#1a0000}button:disabled{opacity:.5;cursor:not-allowed}button.icon-btn{background:var(--bg3);color:var(--fg);border-color:#345;min-width:44px}.entry-list{list-style:none;padding:0;margin:0}.entry-list li{border-bottom:1px solid #243241;padding:.65rem 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.entry-list .meta{color:var(--fg-muted);font-size:.9rem}.entry-list .title{font-weight:700}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.status-bar{color:var(--fg-muted);font-size:.9rem;margin:.5rem 0 1rem}.status-bar .ok{color:var(--ok)}.status-bar .warn{color:#ffd166}.status-bar .err{color:var(--danger)}.dialog-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.dialog{background:var(--bg2);border:2px solid var(--cyan);border-radius:var(--radius);padding:1.25rem;max-width:520px;width:100%;max-height:90vh;overflow:auto}.dialog h2{margin-top:0;color:var(--cyan)}.hint{color:var(--fg-muted);font-size:.9rem;margin:.35rem 0 .75rem}.error{color:var(--danger);font-weight:600;margin:.5rem 0}.okmsg{color:var(--ok);font-weight:600;margin:.5rem 0}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}