:root{font-family:system-ui,-apple-system,"Yu Gothic UI",Meiryo,sans-serif;color:#f5f1f8;background:#141622;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.app{max-width:1000px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 18px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 20px;border-bottom:1px solid #34394d;gap:12px}.brand,.actions,.toolbar,.dialog-actions{display:flex;align-items:center;gap:10px}.brand-icon{color:#e879ab;font-size:24px}h1{font-size:26px;color:#fa99c3;letter-spacing:-.5px;margin:0}.version{font-size:10px;color:#a7a8bc;white-space:nowrap}button{font:inherit;cursor:pointer;border-radius:9px;border:1px solid #44495d;padding:10px 14px;color:#f5f1f8;background:#252a3c;white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.15)}button.primary{background:#e879ab;border-color:#e879ab;color:#1b1520;font-weight:750}.danger{background:#963e57;border-color:#b94f71}.toolbar{padding:18px 0;gap:10px}.search{display:flex;align-items:center;flex:1;background:#1c2030;border:1px solid #34394d;border-radius:10px;padding:0 12px;min-width:0}.search span{font-size:25px;color:#a7a8bc}.search input{background:transparent;border:0;color:inherit;outline:0;width:100%;font:inherit;padding:12px 10px}.status{display:flex;justify-content:space-between;gap:12px;color:#a7a8bc;font-size:12px;padding:0 0 12px;min-height:29px}main{flex:1}.list{display:flex;flex-direction:column;gap:9px;padding-bottom:30px}.entry{background:#1c2030;border:1px solid #34394d;border-radius:12px;padding:14px 15px;display:flex;align-items:center;gap:12px}.entry:focus-within{border-color:#83516f}.entry-content{min-width:0;flex:1}.entry-title{font-size:15px;font-weight:700;margin:0 0 5px;overflow-wrap:anywhere}.entry-body{font-size:12px;color:#a7a8bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-actions{display:flex;gap:5px}.entry-actions button{font-size:12px;padding:8px 10px}.empty{text-align:center;color:#a7a8bc;padding:65px 15px;border:1px dashed #34394d;border-radius:12px}footer{color:#777d94;font-size:11px;padding:14px 0;border-top:1px solid #34394d}dialog{background:#1c2030;border:1px solid #83516f;border-radius:16px;color:inherit;width:min(95vw,590px);max-height:90dvh;padding:24px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#05060bbd}dialog h2{margin:0 0 18px;font-size:20px;color:#fa99c3}dialog label{display:block;font-size:13px;font-weight:700;margin:15px 0}dialog input,dialog textarea{width:100%;display:block;background:#141622;border:1px solid #44495d;border-radius:8px;color:inherit;font:inherit;padding:12px;margin-top:7px}dialog textarea{resize:vertical;min-height:180px}.dialog-actions{justify-content:flex-end;margin-top:20px}.help{font-size:12px;line-height:1.7;color:#a7a8bc}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#423247;color:#fff;padding:12px 18px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;text-align:center;box-shadow:0 4px 24px #0008}#toast.show{opacity:1}.move{display:flex;flex-direction:column;gap:2px}.move button{padding:3px 7px;font-size:11px}@media(max-width:600px){.app{padding:0 12px}header{padding:16px 0}.brand{gap:5px}h1{font-size:21px}.desktop,.version{display:none}.actions{gap:6px}.actions button{font-size:12px;padding:9px}.toolbar{padding:12px 0}.entry{padding:12px 10px;gap:7px}.entry-actions{gap:4px}.entry-actions button{padding:8px;font-size:12px}.move button{padding:2px 6px}.entry-body{max-width:100%}dialog{padding:18px}}