#top .brand{font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px}
#topbtns{display:flex;gap:8px}
#who{color:var(--mute)}
main{max-width:1000px;margin:0 auto;padding:20px 16px 60px}
h2{margin:0 0 4px;font-size:20px}
.sub{color:var(--mute);margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.share{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;gap:12px;align-items:center;border-left:6px solid var(--c,var(--accent))}
.share .ms{font-size:30px}
.share .nm{font-weight:600;word-break:break-word}
.share .tag{color:var(--mute);font-size:12px;margin-top:2px}
.empty{background:var(--panel);border:1px dashed var(--border);border-radius:var(--r);padding:28px;text-align:center;color:var(--mute)}
.box{max-width:380px;margin:40px auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px}
.box h2{margin-bottom:6px}
.box input{width:100%}
.err{color:var(--danger);min-height:1.2em;font-size:14px}
.note{color:var(--mute);font-size:13px}
.row{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-left:6px solid var(--c,var(--accent))}
.row .nm{font-weight:600;flex:1;min-width:160px}
.row .st{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--panel2);color:var(--mute)}
.row .st.on{color:var(--ok)}
.pw{font-family:ui-monospace,Consolas,monospace;background:var(--panel2);border-radius:6px;padding:4px 8px}
label.chk2{display:flex;gap:6px;align-items:center;font-size:14px}
a.share:hover{border-color:var(--accent)}
.foot{margin-top:28px;color:var(--mute);font-size:13px}
.foot a{text-decoration:underline}