/* Visuals from the user's Mathub / 拼好数 Q版小队 card lab. */
:root{
  --chibi-blue:#346c91;--chibi-ink:#214d6b;--chibi-rim:#8fb5cb;--chibi-lining:#c5e1ef;--chibi-gold:#c6a05d;
  --ink:#203e54;--ink-soft:#42667c;--muted:#576f81;--line:#dce7ef;--paper:#fff;--bg:#f5f9fc;
  --canvas:#f5f9fc;--surface:#fff;--surface-soft:#eff7fc;
  --green:#346c91;--green-deep:#214d6b;--green-bright:#5b9ec4;--green-pale:#e7f3fb;--green-border:#b4d5e8;
  --graph-line:#80abc5;--shadow:0 4px 0 #d6e7f1,0 10px 24px -12px #31577736;
}
body{background:radial-gradient(ellipse at 92% 0%,#e7f2ff 0,transparent 42%),var(--bg);color:var(--ink);font-family:'Hiragino Maru Gothic ProN','PingFang SC','Noto Sans SC',system-ui,sans-serif}
a{color:var(--chibi-blue)}
button,.button,input,select,textarea{border-color:#c1d8e7}
button,.button{border-radius:10px;transition:background .16s,border-color .16s,box-shadow .16s}
button:hover:not(:disabled),.button:hover{background:#e8f4fc;border-color:#94bbd3}
button.primary,.button-primary{background:linear-gradient(180deg,#d5efff,#b6def6);border:1px solid #8fbedb;color:#214d6b;box-shadow:0 3px 0 #96bed6,inset 0 1px 0 #fff;font-weight:650}
button.primary:hover:not(:disabled),.button-primary:hover{background:linear-gradient(180deg,#c9eaff,#a9d8f4);color:#173f5b;border-color:#77adce}
button.primary:active:not(:disabled),.button-primary:active{box-shadow:0 1px 0 #96bed6,inset 0 1px 0 #fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#74b1d9}
input[type=checkbox],input[type=range]{accent-color:#5b9ec4}
input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea{background:#fbfdff;border-color:#c5dbe9;color:#294d66}
.badge,.pill{background:#edf5fb;border-color:#c8dfed;color:#486c83}
.app-header{background:#edf5fb;border-bottom-color:#c7dce9}
.app-header .brand{color:#244f6c}
.app-header .brand>span,.brand-mark{background:#e5f3fc url('assets/chibi/chibi-pair-icon.png') center/contain no-repeat;border:2px solid white;border-radius:12px;box-shadow:0 2px 0 #a9cadd;color:transparent;font-size:0;flex-shrink:0}
.app-header h1 small{background:#e0eef9;border:1px solid #bfd8e9;color:#4c7592}
#toast,.toast{background:#285775;color:#fff;box-shadow:0 6px 24px #264e6a26}
.chibi-credit{color:#65829a;font-size:10px;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
body[data-page=home] .sidebar{background:#eaf2f8;border-right-color:#d3e2ed}
body[data-page=home] .topbar{background:#f7fbff;border-bottom-color:#d9e7f0}
body[data-page=home] .nav-button:hover{background:#e0eff9;color:#2e6387}
body[data-page=home] .nav-button.active{background:#d6eafb;color:#285b7d;box-shadow:inset 0 0 0 1px #c1dceb}
body[data-page=home] .avatar{background:#deeffc url('assets/chibi/chibi-pair-icon.png') center/contain no-repeat;border:2px solid white;box-shadow:0 2px 0 #b7d1e2;color:transparent;font-size:0}

html[data-onboarding-required="true"] body{visibility:hidden}