.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tool-nav button,.tool-account-nav button{padding:12px 16px;text-align:left}.tool-nav .selected,.tool-account-nav .selected,.tool-alphabet .selected{background:var(--soft);color:var(--accent);font-weight:700;border:1px solid var(--accent);border-radius:var(--radius)}.tool-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.tool-search>label:first-child{display:flex;flex:1;min-width:180px;gap:12px;align-items:center;background:var(--surface);padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius)}.tool-search svg{width:22px;height:22px;stroke:currentColor;fill:none;flex-shrink:0}.tool-search input[type=search]{width:100%;background:transparent;border:0;outline:0;color:var(--ink);font:inherit}.tool-search select,.tool-search input[type=date],.tool-setting select,.tool-setting input{font:inherit;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);min-width:0;max-width:100%}.tool-field{display:flex;flex-direction:column;gap:10px;margin:15px 0}.tool-field input,.tool-field textarea{font:inherit;padding:14px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-sizing:border-box}.tool-records{display:grid;gap:16px;margin:20px 0}.tool-records h2{font-size:20px}.tool-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.tool-word-form{display:grid;grid-template-columns:1fr 2fr auto;gap:16px;align-items:end}.tool-word-form>.primary{margin-bottom:15px}.tool-alphabet{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0}.tool-alphabet button{min-width:32px;min-height:40px;padding:8px}.tool-account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.tool-account-nav{display:flex;flex-direction:column;gap:10px;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.tool-settings{display:flex;flex-direction:column;gap:18px;margin-top:24px}.tool-setting{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.tool-setting.is-toggle{grid-template-columns:1fr auto}.tool-setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.tool-settings .primary{align-self:start}.tool-profile-name{display:flex;gap:20px;align-items:center;margin:22px 0}.tool-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-contacts button{display:flex;gap:16px;align-items:center;padding:20px}.tool-contacts img{width:55px;height:55px;object-fit:cover;border-radius:50%}.tool-conversation article{padding:15px 0;border-bottom:1px solid var(--line)}.notification-card h2{line-height:1.6}.pokemon .tool-nav,.pokemon .tool-account-nav{border:2px solid var(--line);box-shadow:3px 3px var(--line)}@media(max-width:780px){.tool-account-layout{grid-template-columns:1fr}.tool-account-nav{flex-direction:row;overflow:auto}.tool-account-nav button{white-space:nowrap}.tool-word-form{grid-template-columns:1fr}.tool-word-form .tool-field{margin:5px 0}.tool-setting{grid-template-columns:1fr;gap:10px}.tool-setting.is-toggle{grid-template-columns:1fr auto}.tool-contacts{grid-template-columns:1fr 1fr}.tool-search .primary{width:auto}.tool-nav{gap:4px}.tool-nav button{padding:10px;font-size:13px}}
.tool-search>label{min-width:0;max-width:100%}
.tool-avatar-settings{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0}.tool-avatar-settings img,.tool-avatar-preview{width:90px;height:90px;border-radius:50%;object-fit:cover}.tool-avatar-upload{position:relative;display:inline-block;padding:12px;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius)}.tool-avatar-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.tool-avatar-settings p{flex-basis:100%}.tool-avatar-preview{margin:20px auto}.user-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}
