.personal-dialog{--personal-surface:rgba(255,255,255,.68);width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid var(--line,#34383e);border-radius:26px;background:var(--personal-surface);color:var(--text,#202126);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:0 26px 90px #0004;overflow:auto}.personal-dialog::backdrop{background:#0005;backdrop-filter:blur(2px)}.personal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.personal-head h2{font-size:23px;margin:0}.personal-tabs{display:flex;gap:8px;margin:22px 0 0}.personal-tabs button,.personal-button{border:1px solid var(--line,#34383e);border-radius:12px;padding:10px 14px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.personal-tabs button[aria-pressed=true]{background:#00bfff18;border-color:#00bfff80}.personal-status{min-height:20px;font-size:13px;line-height:1.5;color:var(--accent,#00bfff);margin:12px 0}.personal-description,.personal-empty{font-size:12px;line-height:1.7;opacity:.7}.personal-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.personal-button.primary{background:#00bfff20;border-color:#00bfff70}.personal-button.danger{color:#e07484}.personal-list{display:grid;gap:8px}.personal-row{display:flex;gap:10px;align-items:center;border:1px solid var(--line,#34383e);padding:12px;border-radius:15px;background:#7e879408}.personal-row>div{min-width:0;flex:1}.personal-row strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:500}.personal-row small,.note-select small{display:block;font-size:11px;opacity:.6;margin-top:6px}.notes-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;min-height:320px}.notes-list{max-height:460px;overflow:auto}.note-select{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--line,#34383e);padding:12px;border-radius:12px;margin-bottom:8px;color:inherit;cursor:pointer;overflow-wrap:anywhere}.note-editor label{display:block;font-size:12px;opacity:.75;margin:8px 0}.personal-search,.note-name,.note-text{width:100%;box-sizing:border-box;border:1px solid var(--line,#34383e);border-radius:12px;background:#808b9910;color:inherit;padding:12px;font:inherit;font-size:14px}.personal-search{flex:1;min-width:140px}.note-text{min-height:260px;resize:vertical;line-height:1.7}.personal-dialog :focus-visible{outline:2px solid #00bfff;outline-offset:3px}.personal-dialog button:disabled{opacity:.4;cursor:wait}.personal-dialog[open]{animation:personal-in .24s cubic-bezier(.2,.8,.2,1)}@keyframes personal-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html[data-theme=dark] .personal-dialog{--personal-surface:rgba(5,9,13,.64)}@media(prefers-color-scheme:dark){html[data-theme=system] .personal-dialog{--personal-surface:rgba(5,9,13,.64)}}@media(max-width:650px){.personal-dialog{padding:20px;width:calc(100vw - 24px)}.notes-grid{grid-template-columns:1fr}.notes-list{max-height:150px}.personal-row{flex-wrap:wrap}.personal-row>div{flex-basis:100%}.personal-head h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.personal-dialog[open]{animation:none}}@media(prefers-reduced-transparency:reduce){html[data-theme=dark] .personal-dialog{--personal-surface:#080b10}html[data-theme=light] .personal-dialog{--personal-surface:#fff}}

@supports not (backdrop-filter:blur(1px)){html[data-theme=dark] .personal-dialog{--personal-surface:#080b10}html[data-theme=light] .personal-dialog{--personal-surface:#fff}}
@media(prefers-color-scheme:dark) and (prefers-reduced-transparency:reduce){html[data-theme=system] .personal-dialog{--personal-surface:#080b10}}
