:root{
  --bg:#05070d; --panel:rgba(11,14,24,.9); --panel-solid:#0d111c; --line:rgba(148,163,184,.12); --line2:rgba(148,163,184,.22);
  --text:#e6e9f2; --muted:#8b93a7; --dim:#5b6275; --accent:#7c8cff; --accent2:#38e1c4;
  --font: "Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer}
#bg{position:fixed;inset:0;z-index:0;
  background:
    radial-gradient(1200px 800px at 50% 45%, rgba(76,90,180,.16), transparent 60%),
    radial-gradient(700px 500px at 20% 80%, rgba(56,225,196,.06), transparent 60%),
    radial-gradient(800px 600px at 85% 15%, rgba(255,122,182,.05), transparent 60%),
    #05070d;}
#bg::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);background-size:28px 28px;
  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 80%);}
#graph{position:fixed;inset:0;z-index:1}
#clabels{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.clabel{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;
  font-weight:700;letter-spacing:.02em;text-shadow:0 0 18px rgba(0,0,0,.9),0 1px 2px #000;opacity:.85;transition:opacity .25s;
  user-select:none}
.clabel small{display:block;text-align:center;font-weight:500;font-size:10.5px;color:var(--muted);letter-spacing:0;margin-top:1px}
.clabel:hover{opacity:1}
#clabels.off .clabel,#clabels.zoomed .clabel{opacity:0;pointer-events:none}
#clabels.focus .clabel{opacity:.12}
#clabels.filtered .clabel{opacity:.35}
body.panel-open .clabel{visibility:hidden}
.clabel.hid{opacity:0!important;pointer-events:none}
.clabel{padding:3px 9px;border-radius:9px;background:rgba(6,8,14,.38)}
.map-author,.tag.author-tag{color:#ffeab5;background:#302718;border:1px solid #a48240}
.map-author{position:absolute;z-index:1;transform:translate(-50%,-100%);pointer-events:auto;
  border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.025em;white-space:nowrap;
  box-shadow:0 2px 8px #05070d}
.map-author:hover,.map-author:focus-visible{background:#47371c;border-color:#ffda8d}

.glass{background:var(--panel);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.45)}

#brand{position:fixed;left:16px;top:12px;z-index:5;display:flex;align-items:center;gap:11px;padding:7px 13px;background:#10181c;border:1px solid #293334;border-radius:12px;box-shadow:none}
#brand h1{margin:0;font-family:"Helvetica Neue",var(--font);font-size:22px;line-height:1.18;font-weight:700;letter-spacing:0;color:#eff2e9}
#brand p{margin:2px 0 0;font-size:11.5px;line-height:1.3;color:#a6b3af;white-space:nowrap}
.logo{display:block;width:38px;height:38px;flex:none}

#searchbox{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:6;width:min(440px,calc(100vw - 640px));min-width:260px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;height:40px}
#searchbox .ico{width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:2;flex:none}
#search{flex:1;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:13.5px;height:100%}
#search::placeholder{color:var(--dim)}
#search::-webkit-search-cancel-button{filter:invert(.6)}
kbd{font:11px var(--font);color:var(--dim);border:1px solid var(--line2);border-radius:5px;padding:1px 6px}
#results{position:absolute;left:0;right:0;top:46px;padding:6px;display:none;max-height:60vh;overflow:auto}
#results.show{display:block}
.ritem{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;cursor:pointer}
.ritem:hover,.ritem.act{background:rgba(124,140,255,.12)}
.ritem img,.mitem img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:#1b2132}
.ritem .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ritem .hd{color:var(--muted);font-size:11.5px}
.ritem .fl{margin-left:auto;color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}

#stats{position:fixed;right:16px;top:14px;z-index:5;display:flex;gap:16px;padding:9px 16px;align-items:center}
#stats b{display:block;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
#stats span{font-size:10.5px;color:var(--muted);letter-spacing:.04em}
#stats .sep{width:1px;height:26px;background:var(--line2)}

#filters{position:fixed;left:16px;top:76px;bottom:16px;width:296px;z-index:5;display:flex;flex-direction:column;transition:transform .3s ease, opacity .3s}
#filters.collapsed{transform:translateX(calc(-100% + 0px));opacity:0;pointer-events:none}
.fhead{display:flex;align-items:center;gap:6px;padding:12px 12px 8px 16px;font-weight:700;letter-spacing:.06em}
.fhead span{flex:1}
.fbody{overflow:auto;padding:0 14px 14px 16px;scrollbar-width:thin;scrollbar-color:#2a3146 transparent}
section{padding:10px 0;border-top:1px solid var(--line)}
section:first-child{border-top:0}
h3{margin:0 0 8px;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.06em;display:flex;align-items:center;gap:6px}
h3 .sub{color:var(--dim);font-weight:400}
h3 .val{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}
h3 .seg{margin-left:auto}
.ghost{background:transparent;border:1px solid var(--line2);border-radius:8px;padding:3px 9px;color:var(--muted);font-size:12px}
.ghost:hover{color:var(--text);border-color:var(--muted)}
.ghost.icon{width:26px;height:26px;padding:0;display:grid;place-items:center;font-size:16px;line-height:1}
.seg{display:flex;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:9px;padding:2px}
.seg button{flex:1;background:transparent;border:0;border-radius:7px;padding:5px 0;color:var(--muted);font-size:12px}
.seg button.on{background:rgba(124,140,255,.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(124,140,255,.35)}
.seg.mini{padding:1px}.seg.mini button{padding:1px 8px;font-size:11px}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line2);background:rgba(255,255,255,.025);border-radius:999px;padding:3px 9px 3px 8px;font-size:12px;color:#c9cfdd;transition:all .15s;user-select:none}
.chip i{width:7px;height:7px;border-radius:50%;flex:none}
.chip em{font-style:normal;color:var(--dim);font-size:10.5px;font-variant-numeric:tabular-nums}
.chip:hover{border-color:rgba(148,163,184,.45);color:#fff}
.chip.on{background:rgba(124,140,255,.18);border-color:rgba(124,140,255,.6);color:#fff}
.chip.on em{color:#b9c1ff}
.chip.zero{opacity:.35}
.chip.more{border-style:dashed;color:var(--muted)}
input[type=range]{width:100%;accent-color:var(--accent);height:4px}
.opts{display:flex;flex-direction:column;gap:9px}
.sw{display:flex;align-items:center;gap:9px;color:#c9cfdd;cursor:pointer;font-size:12.5px}
.sw input{display:none}
.sw span{width:30px;height:17px;border-radius:9px;background:#252b3d;position:relative;transition:.2s;flex:none}
.sw span::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#8b93a7;transition:.2s}
.sw input:checked+span{background:rgba(124,140,255,.55)}
.sw input:checked+span::after{left:15px;background:#fff}
#fopen{position:fixed;left:16px;top:76px;z-index:5;display:none}
#fopen.show{display:block}

#panel{position:fixed;right:16px;top:76px;bottom:16px;width:356px;z-index:6;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s;overflow:hidden}
#panel.hidden{transform:translateX(110%);opacity:0;pointer-events:none}
#pclose{position:absolute;right:12px;top:12px;z-index:2;background:rgba(0,0,0,.3)}
#pbody{overflow:auto;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#2a3146 transparent}
.phero{position:relative;padding:26px 20px 14px;text-align:center}
.phero::before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:radial-gradient(260px 120px at 50% 0%, var(--cc), transparent 75%);opacity:.35}
.pav{position:relative;width:92px;height:92px;margin:0 auto;border-radius:50%;padding:4px;background:var(--cc);box-shadow:0 0 30px -4px var(--cc)}
.pav.maybe{background:transparent;border:3px dashed var(--cc);padding:3px;box-shadow:none}
.pav.unknown{background:#3a4052;box-shadow:none;opacity:.9}
.pav img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#1b2132}
.pav.official-avatar,.pav.official-avatar img,.ritem img.official-avatar,.mitem img.official-avatar{border-radius:0}
.pname{margin:12px 0 2px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}
.vbadge{width:16px;height:16px;flex:none}
.phandle{color:var(--accent);text-decoration:none;font-size:13px}
.phandle:hover{text-decoration:underline}
.tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px}
.tag{font-size:11.5px;border-radius:6px;padding:2px 8px;background:rgba(255,255,255,.06);border:1px solid var(--line2);color:#cdd3e1}
.tag.type{background:rgba(124,140,255,.16);border-color:rgba(124,140,255,.4);color:#dfe3ff}
.tag.comm{border-color:var(--cc);color:#fff}
.pbio{margin:4px 20px 12px;color:#c5cad7;line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:12.5px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);margin:0 16px 12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pgrid div{padding:9px 4px;text-align:center;border-left:1px solid var(--line)}
.pgrid div:first-child{border-left:0}
.pgrid b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.pgrid span{font-size:10.5px;color:var(--muted)}
.prow{display:flex;gap:10px;margin:0 20px;padding:8px 0;border-top:1px solid var(--line);font-size:12.5px;align-items:flex-start}
.prow>span:first-child{color:var(--muted);width:52px;flex:none}
.prow .v{flex:1;line-height:1.5}
.conf{display:inline-block;font-size:10.5px;padding:0 6px;border-radius:4px;margin-left:6px;vertical-align:1px}
.conf.c1{background:rgba(56,225,196,.15);color:#7ff0db}
.conf.c2{border:1px dashed #ffb547;color:#ffcf85}
.conf.c3{background:rgba(148,163,184,.12);color:var(--dim)}
.faded{opacity:.5}
.note{font-size:11px;color:var(--dim);margin:6px 20px 0;line-height:1.5}
.mhead{display:flex;align-items:center;margin:14px 20px 6px;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.04em}
.mhead b{color:#fff;margin-left:6px}
.mlist{padding:0 10px}
.mitem{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;cursor:pointer}
.mitem:hover{background:rgba(124,140,255,.1)}
.mitem .t{min-width:0;flex:1}
.mitem .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.mitem .hd{color:var(--muted);font-size:11px}
.mitem .fl{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.mitem i{width:7px;height:7px;border-radius:50%;flex:none}
.xbtn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;border-radius:999px;background:#fff;color:#000;text-decoration:none;font-weight:600;font-size:12px}
.xbtn:hover{background:#dfe3ff}

#recommend-account{margin-left:2px;padding:5px 0 5px 11px;border:0;border-left:1px solid var(--line2);background:transparent;color:#a6b3af;font-size:11.5px}
#recommend-account:hover{color:white}
.panel-actions{margin:12px 12px 16px;display:grid;gap:8px}
.panel-actions-row{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}
.panel-actions .xbtn,.panel-action{font-size:12px;font-weight:600;line-height:18px;padding:5px 11px;border-radius:999px;white-space:nowrap;text-decoration:none}
.panel-actions .xbtn{margin:0}
.panel-action{border:1px solid var(--line2);background:#191e2b;color:var(--text)}
.panel-action:hover{border-color:var(--muted);color:white}
.dinq-action{background:#132a27;color:#99ddce;border-color:#33564f}
.share-action{background:#252b4b;border-color:#485589;color:#e1e5ff}
.panel-secondary .panel-action{border-color:transparent;background:transparent;color:var(--muted);font-weight:500;padding:2px 7px}
.panel-secondary .panel-action:hover,.panel-secondary [aria-pressed=true]{color:#c7cfff;background:#1b2035}
.mitem{width:100%;color:inherit;background:transparent;border:0;text-align:left}
.mitem .nm,.mitem .hd{display:block}
.relation-note{margin-top:-2px;margin-bottom:7px}
.next-list{padding-top:14px;border-top:1px solid var(--line)}

#legend{position:fixed;right:16px;top:78px;z-index:4;padding:10px 12px;display:flex;flex-direction:column;gap:3px;max-width:250px;max-height:calc(100vh - 190px);overflow:auto;transition:opacity .25s}
body.panel-open #legend{opacity:0;pointer-events:none}
.circle-legend-note{color:var(--muted);font-size:11px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.litem span{overflow:hidden;text-overflow:ellipsis}
.litem em{margin-left:auto;padding-left:8px}
.litem{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#c4cad8;cursor:pointer;white-space:nowrap;padding:2px 0}
.litem i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px currentColor}
.chip.official-type i,.litem.official-type i{border-radius:0}
.litem em{font-style:normal;color:var(--dim)}
.litem.off{opacity:.35}
.litem:hover{color:#fff}

#zoom{position:fixed;right:16px;bottom:16px;z-index:4;display:flex;flex-direction:column;gap:6px;transition:right .32s}
body.panel-open #zoom{right:384px}
#zoom button{width:34px;height:34px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:#c9cfdd;font-size:17px;display:grid;place-items:center;backdrop-filter:blur(10px)}
#zoom button:hover{color:#fff;border-color:var(--line2)}
#zoom .ico{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
body.panel-open #stats{opacity:0;pointer-events:none}

#avatar-hint{
  position:fixed;inset-inline:8px;bottom:calc(5px + env(safe-area-inset-bottom,0px));z-index:3;
  text-align:center;font-size:12px;line-height:18px;color:rgba(220,229,239,.62);
  text-shadow:0 1px 4px var(--bg);pointer-events:none;user-select:none;
}

#loading{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted);transition:opacity .5s}
#loading.done{opacity:0;pointer-events:none}
.spinner{width:20px;height:20px;border-radius:50%;border:2px solid #252b3d;border-top-color:var(--accent);animation:sp 0.8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

@media (max-width:1180px){
  :root{--hint-clearance:calc(30px + env(safe-area-inset-bottom,0px))}
  #filters,#panel,#zoom{bottom:var(--hint-clearance)}
  #filters{width:262px}
  #legend{max-width:210px}
  #panel{width:330px} body.panel-open #zoom{right:358px}
  #searchbox{width:min(380px,calc(100vw - 600px))}
}
@media (max-width:900px){
  #stats{display:none}
  #searchbox{left:auto;right:16px;transform:none;width:calc(100vw - 330px)}
  #legend{display:none}
  #panel{left:16px;width:auto;top:auto;height:60vh}
}
@media (max-width:650px){
  #brand{left:10px;top:8px;padding:6px 10px;gap:8px}
  #brand h1{font-size:20px}
  #brand p{font-size:10.5px}
  #brand .logo{width:32px;height:32px}
  #searchbox{top:64px;left:10px;right:10px;width:auto;min-width:0;height:35px}
  #filters,#fopen{top:110px;left:10px}
  #panel{left:8px;right:8px;height:min(58vh,calc(100% - 142px))}
  #zoom{right:12px}
  body.panel-open #zoom{display:none}
}
@media (max-width:424px){
  :root{--hint-clearance:calc(48px + env(safe-area-inset-bottom,0px))}
  #avatar-hint{text-wrap:balance}
}

#filters .fbody { flex: 1; min-height: 0; }
.account-tools { flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 10px 14px 12px 16px; border-top: 1px solid var(--line); }
.account-tool { min-height: 30px; padding: 5px 7px; background: #141927; border: 1px solid var(--line2); border-radius: 8px; color: #cfd5e4; font: 550 12px var(--font); }
.account-tool:hover:enabled, .account-list-remove:hover { background: #242c40; color: #fff; }
.account-tool:disabled { opacity: .43; cursor: default; }
.account-tool-primary { background: #293153; color: #e9ebff; border-color: #535f9b; }
.account-tool-primary:hover:enabled { background: #35416e; }
.account-tools .account-tool-primary, .account-tool-status { grid-column: 1 / -1; }
.account-tool-status { color: #b7c1f3; text-align: center; font-size: 11px; }
.account-tool-status:empty { display: none; }
.account-dialog { width: min(410px, calc(100vw - 32px)); max-height: min(78dvh, 690px); padding: 0; overflow: hidden; color: var(--text); background: #101420; border: 1px solid #343b4f; border-radius: 15px; box-shadow: 0 22px 80px #0009; }
.account-dialog[open] { display: flex; flex-direction: column; }
.account-dialog::backdrop { background: #040610ae; }
.account-dialog-head, .account-dialog-actions { flex: none; display: flex; align-items: center; justify-content: space-between; padding: 15px 18px 6px; }
.account-dialog-head h2 { margin: 0; font-size: 17px; }
.account-list-note { margin: 0; padding: 2px 18px 13px; color: var(--muted); font-size: 12px; }
.account-list-rows { min-height: 0; overflow: auto; padding: 0 10px; scrollbar-width: thin; }
.account-list-row { display: flex; align-items: center; border-top: 1px solid var(--line); }
.account-list-person { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; color: var(--text); text-align: left; border: 0; border-radius: 8px; padding: 8px; background: transparent; }
.account-list-person:hover { background: #1b2131; }
.account-list-person img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.account-list-person img.official-avatar { border-radius: 0; }
.account-list-person span { min-width: 0; }
.account-list-person b, .account-list-person small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-list-person small { color: var(--muted); }
.account-list-remove { flex: none; padding: 5px 9px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; }
.account-dialog-actions { padding: 11px 18px 16px; border-top: 1px solid var(--line); justify-content: flex-end; }
.account-dialog-actions button { padding-inline: 16px; }
.account-list-empty { margin: 6px 8px 18px; padding: 20px 15px; border: 1px dashed var(--line2); border-radius: 10px; color: #b8bfd0; line-height: 1.7; }
.account-share-field { margin: 2px 18px 18px; padding: 9px; border-radius: 6px; color: #f0f1ff; background: #080c15; border: 1px solid var(--line2); }
.account-copy-field { position: fixed; top: 0; left: -10000px; }

.map-share-dialog {
  width: min(1060px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 24px);
  padding: 0; overflow: auto; color: #eaf0ff; background: #111625;
  border: 1px solid #343e59; border-radius: 18px; box-shadow: 0 24px 100px #0009;
}
.map-share-dialog::backdrop { background: #03050ed9; }
.map-share-head, .map-share-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; }
.map-share-head h2 { margin: 0; font-size: 17px; letter-spacing: .03em; font-weight: 650; }
.map-share-close, .map-share-save { cursor: pointer; font: inherit; border-radius: 9px; }
.map-share-close { border: 1px solid #47536a; background: transparent; color: #e3e8f5; padding: 4px 10px; }
.map-share-stage { margin: 0 14px; background: #080e19; border: 1px solid #344259; border-radius: 9px; overflow: hidden; }
.map-share-stage canvas { display: block; width: 100%; height: auto; }
.map-share-foot { font-size: 12px; color: #aab5cd; }
.map-share-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.map-share-retry { padding: 4px 0; font: inherit; color: #c6ceff; background: none; border: 0; cursor: pointer; }
.map-share-save { color: #141a2b; border: 0; font-size: 14px; font-weight: 650; background: #b7bfff; padding: 9px 18px; flex: none; }
.map-share-save:disabled { opacity: .45; cursor: default; }
.map-share-home { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 20px 16px; font-size: 13px; }
.map-share-home[hidden] { display: none; }
.map-share-home input { min-width: 130px; flex: 1; padding: 8px; color: #edf0fa; background: #080e19; border: 1px solid #445573; border-radius: 6px; font: inherit; }
.map-share-home button { border: 1px solid #526489; border-radius: 6px; padding: 7px 10px; color: #e3e8f5; background: #27314b; cursor: pointer; }

.feedback-dialog { width:min(400px,calc(100% - 28px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #323a51; border-radius:16px; background:#101521; color:var(--text); box-shadow:0 20px 80px #0009; }
.feedback-dialog::backdrop { background:#03050bb8; }
.feedback-form { display:grid; gap:9px; padding:24px; }
.feedback-head { display:flex; align-items:center; justify-content:space-between; color:#8dd1bd; font-size:12px; font-weight:700; letter-spacing:0; }
.feedback-close { width:28px; height:28px; padding:0; border:1px solid var(--line2); background:transparent; border-radius:8px; color:var(--muted); font-size:19px; line-height:1; }
.feedback-form h2 { font-size:21px; line-height:1.3; margin:0; }
.feedback-note, .feedback-status { color:var(--muted); line-height:1.6; margin:0; font-size:12px; }
.feedback-form label { font-weight:600; font-size:12px; margin-top:8px; }
.feedback-form input, .feedback-form textarea { box-sizing:border-box; width:100%; min-width:0; background:#090d17; border:1px solid var(--line2); border-radius:9px; padding:10px 12px; font:inherit; color:var(--text); outline-offset:2px; }
.feedback-form textarea { min-height:90px; resize:vertical; }
.feedback-form input[readonly] { color:#b1bbd2; }
.feedback-form input:focus-visible, .feedback-form textarea:focus-visible, .feedback-form button:focus-visible { outline:2px solid #97a4ff; }
.feedback-status { margin-top:2px; }
.feedback-status.is-saved { color:#70dcc9; }
.feedback-submit { background:#b3bdff; color:#12172b; border:0; border-radius:9px; font-weight:700; padding:9px; margin-top:3px; }
.feedback-submit:disabled { opacity:.55; cursor:default; }