@charset "UTF-8";
:root{--bg:#f6f7f5;--surface:#fff;--ink:#26362f;--sub:#6e7771;--line:#e1e6df;--green:#456650;--indigo:#5964ab;--font:"IBM Plex Sans SC","Noto Sans SC","Noto Sans JP","PingFang SC","Hiragino Sans",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #97aa8e;outline-offset:4px}svg{display:block}.loading{padding:60px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:650;letter-spacing:-.025em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#2c3d36;color:#f2f4eb;font-size:15px;font-weight:700;letter-spacing:-1px}.brand small{display:block;color:var(--sub);font-size:10px;font-weight:500;letter-spacing:.1em;margin-top:3px}.language{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f1f3ef}.language button{border:0;background:transparent;color:var(--sub);padding:6px 10px;font-size:12px;border-radius:5px}.language button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #24342b12}.eyebrow{font-size:11px;font-weight:550;letter-spacing:.16em;color:var(--sub);margin:0 0 18px}.muted{color:var(--sub)}.primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;border:1px solid #2c3d36;border-radius:9px;background:#2c3d36;color:#fff;min-height:48px;font-weight:550;font-size:14px;transition:background .2s}.primary:hover{background:#41574a}.text-button{border:0;background:none;color:var(--sub);font-size:12px;padding:8px}.status{color:#53694c;background:#eff3e9;border:1px solid #dfe6d8;border-radius:5px;padding:5px 8px;font-size:11px;white-space:nowrap}.status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#718968;margin-right:6px}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr;padding:20px;gap:20px}.auth-story{position:relative;overflow:hidden;border-radius:18px;background:#293c34;color:#edf1e7;display:flex;flex-direction:column;padding:42px;min-height:660px}.auth-story .brand-mark{background:#edf1e7;color:#293c34}.auth-story .brand small{color:#becdbd}.story-copy{position:relative;z-index:1;margin-top:auto;padding:90px 0 0}.story-copy .eyebrow{color:#b5c6af}.story-copy h1{font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.45;letter-spacing:-.04em;margin:0 0 22px}.story-copy p{color:#bbcbbc;font-size:14px;line-height:1.9;max-width:335px}.story-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;color:#d0dacb;font-size:12px}.story-links span{padding:9px 13px;border:1px solid #60766177;border-radius:7px;background:#ffffff05}.mountain{position:absolute;width:120%;height:70%;right:-28%;top:5%;opacity:.35;pointer-events:none}.story-footer{margin-top:70px;font-size:10px;letter-spacing:.16em;color:#9eb39f}.auth-main{position:relative;display:flex;align-items:center;justify-content:center;padding:84px 30px 50px}.auth-tools{position:absolute;top:23px;right:28px;display:flex;align-items:center;gap:16px}.auth-form{width:min(100%,364px)}.auth-form h2{margin:0 0 12px;font-size:30px;font-weight:600;letter-spacing:-.04em}.auth-subtitle{font-size:14px;color:var(--sub);line-height:1.8;margin-bottom:32px}.field{margin-bottom:20px}.field label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.input-wrap{position:relative}.field input{width:100%;height:48px;background:#fff;border:1px solid #d7ddd4;border-radius:8px;padding:12px 45px 12px 14px;color:var(--ink);font-size:15px}.field input::placeholder{color:#a1aaa0;font-size:13px}.reveal{position:absolute;right:5px;top:5px;height:38px;width:38px;border:0;background:none;color:#879083;display:grid;place-items:center}.reveal svg{width:18px;height:18px}.form-note{color:var(--sub);font-size:12px;line-height:1.8;margin-top:20px}.form-error{border-left:3px solid #b76454;color:#a44a3c;background:#fff0eb;padding:10px 12px;font-size:13px;line-height:1.6;margin:14px 0}.form-error:empty{display:none}.auth-bottom{position:absolute;bottom:15px;color:#969d93;font-size:11px}.password-hint{font-size:12px;color:var(--sub);line-height:1.7;margin:8px 0 0}
.portal-header{height:82px;border-bottom:1px solid var(--line);background:#fbfcfa;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:20px}.header-actions{display:flex;align-items:center;gap:18px}.account{position:relative}.account summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;min-height:36px}.account summary::-webkit-details-marker{display:none}.avatar{display:grid;place-items:center;width:31px;height:31px;background:#e9eee4;border:1px solid #dce4d5;border-radius:50%;font-size:10px;font-weight:650;color:#5d7456}.account-panel{position:absolute;right:0;top:45px;z-index:10;width:215px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #26362f15;padding:9px}.account-panel p{padding:9px 10px;margin:0 0 5px;border-bottom:1px solid var(--line);font-size:12px;color:var(--sub)}.account-panel a,.account-panel button{display:block;padding:11px 10px;width:100%;border:0;background:none;text-align:left;font-size:13px;border-radius:5px}.account-panel a:hover,.account-panel button:hover{background:var(--bg)}.account-panel button{color:#a04e40}.workspace{max-width:1140px;margin:auto;padding:64px 34px 24px}.workspace-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}.workspace h1{font-size:36px;font-weight:550;letter-spacing:-.04em;margin:0 0 13px}.workspace-intro .eyebrow{margin-bottom:14px}.workspace-intro p:last-child{color:var(--sub);font-size:14px;margin:0;line-height:1.8}.date{font-size:12px;color:#899180;white-space:nowrap;padding-bottom:4px}.apps{display:grid;grid-template-columns:1fr 1fr;gap:26px}.app-card{display:flex;flex-direction:column;border:1px solid var(--line);background:white;border-radius:15px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.app-card:hover{transform:translateY(-3px);border-color:#afbea6;box-shadow:0 12px 30px #34492b0a}.card-visual{position:relative;height:208px;padding:26px 35px 0;overflow:hidden;background:#edf1e8}.dashboard-visual{background:#eef0f7}.visual-label{font-size:9px;letter-spacing:.14em;color:#809075;margin-bottom:14px;display:flex;justify-content:space-between}.mini-window{border:1px solid #d9e0d3;background:#fcfdfb;border-radius:8px 8px 0 0;box-shadow:0 10px 25px #3348290b;transform:rotate(-2deg);height:173px;display:flex;padding:12px;gap:12px}.mini-sidebar{width:43px;border-right:1px solid #e5e9df;padding-right:9px}.mini-sidebar b{font-size:9px;display:block;color:#617854;margin-bottom:16px}.mini-sidebar i{display:block;height:5px;border-radius:2px;background:#e4eadf;margin:10px 0}.mini-main{flex:1}.mini-title{height:6px;background:#bcc8b2;border-radius:2px;width:47%;margin:3px 0 16px}.mini-stages{display:flex;gap:5px;margin-bottom:15px}.mini-stages i{flex:1;height:20px;border:1px solid #e1e6dc;border-radius:4px;background:#f6f8f2}.mini-stages i:first-child{background:#d8e3ca;border-color:#b3c49f}.mini-row{display:flex;align-items:center;gap:7px;height:24px;border-top:1px solid #edf0e8}.mini-row b{font-size:8px;color:#829676}.mini-row i{height:4px;background:#e5e9e0;border-radius:2px;width:50%}.mini-row em{height:9px;background:#e5eedc;width:26px;margin-left:auto;border-radius:3px}.dashboard-visual .mini-window{transform:rotate(2deg);border-color:#dcdfee;display:block}.dashboard-visual .visual-label{color:#858ead}.mini-kpis{display:flex;gap:8px;margin-bottom:15px}.mini-kpis i{height:34px;flex:1;border:1px solid #e5e7f1;background:linear-gradient(90deg,#e3e5f0 35%,transparent 35%) 8px 9px/70% 5px no-repeat;border-radius:5px}.mini-charts{display:flex;gap:12px;height:75px}.mini-bars{display:flex;align-items:flex-end;gap:9px;flex:1;padding:8px;border-bottom:1px solid #e5e7ef}.mini-bars i{background:#a8afcd;border-radius:3px 3px 0 0;width:15%;height:45%}.mini-bars i:nth-child(2){height:70%}.mini-bars i:nth-child(3){height:60%}.mini-bars i:nth-child(4){height:88%;background:#6373ac}.mini-bars i:nth-child(5){height:75%}.mini-chart-list{flex:1}.mini-chart-list i{display:block;height:7px;background:#eef0f6;border-radius:3px;margin:10px 0}.mini-chart-list i:before{content:"";display:block;width:5px;height:7px;background:#adb8da}.card-content{padding:27px 30px 25px;flex:1;display:flex;flex-direction:column}.card-category{display:flex;align-items:center;gap:8px;font-size:11px;color:#78906d;margin:0 0 10px}.app-card.dashboard .card-category{color:#737eaf}.card-content h2{font-size:25px;font-weight:550;letter-spacing:-.03em;margin:0 0 8px}.card-subtitle{font-size:15px;margin:0 0 17px;color:#57664f}.app-card.dashboard .card-subtitle{color:#68718e}.card-description{font-size:13px;line-height:1.9;color:var(--sub);margin:0 0 19px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.tags span{font-size:11px;color:#7b8674;padding:5px 8px;border:1px solid #e4e8de;border-radius:5px}.app-card.dashboard .tags span{color:#7d83a0;border-color:#e5e7ef}.enter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-top:auto;font-size:13px;font-weight:550}.enter b{font-size:20px;font-weight:400;transition:transform .15s}.app-card:hover .enter b{transform:translateX(4px)}.workspace-note{display:flex;justify-content:space-between;gap:20px;margin:26px 2px;font-size:11px;line-height:1.8;color:#90988b}.workspace-note p{margin:0}.portal-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#989e94;letter-spacing:.09em}.shell .portal-header{height:54px;padding:0 22px}.shell .brand{font-size:14px}.shell .brand-mark{height:29px;width:29px;font-size:12px;border-radius:8px}.shell .brand small{display:none}.shell .header-actions{gap:13px}.shell-nav{display:flex;align-items:center;gap:14px}.shell-nav>a{font-size:12px;color:#617058}.app-switch{position:relative}.app-switch summary{list-style:none;cursor:pointer;padding:7px 11px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:white}.app-switch summary::-webkit-details-marker{display:none}.switch-menu{position:absolute;left:0;top:38px;z-index:15;width:200px;padding:7px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 30px #26362f15}.switch-menu a{display:block;padding:11px;border-radius:5px;font-size:13px}.switch-menu a:hover{background:var(--bg)}.app-frame{display:block;width:100%;height:calc(100dvh - 54px);border:0;background:var(--bg)}.shell{height:100dvh;overflow:hidden}.session-error{position:fixed;inset:54px 0 0;background:var(--bg);display:grid;place-items:center;padding:35px;z-index:100;text-align:center}.session-error p{font-size:14px;line-height:1.8}.session-error a{max-width:220px;margin:20px auto}.shell .status{font-size:10px}.notice-line{font-size:12px;line-height:1.8;color:var(--sub)}
@media(min-width:1600px){.workspace{padding-top:95px}.card-visual{height:230px}.mini-window{height:195px}.card-content{padding:32px}}
@media(max-width:900px){.auth-layout{grid-template-columns:37% 1fr;padding:12px;gap:8px}.auth-story{padding:28px;min-height:600px}.story-copy h1{font-size:30px}.story-copy p{font-size:12px}.story-links{gap:7px}.story-links span{font-size:10px;padding:8px}.portal-header{padding:0 24px}.workspace{padding:45px 24px 22px}.date{display:none}.card-visual{height:177px;padding:21px 22px 0}.card-content{padding:23px}.header-actions{gap:12px}.account-name{display:none}.shell .status{display:none}}
@media(max-width:600px){.auth-layout{display:block;padding:0}.auth-story{min-height:0;border-radius:0;padding:24px;background:#f6f7f5;color:var(--ink)}.auth-story .brand-mark{background:#2c3d36;color:white}.auth-story .brand small{color:var(--sub)}.story-copy,.story-footer,.mountain{display:none}.auth-main{padding:64px 26px 76px;min-height:calc(100dvh - 92px);align-items:flex-start}.auth-tools{top:0;left:26px;right:26px;justify-content:space-between}.auth-form h2{font-size:29px}.auth-bottom{bottom:24px}.portal-header{padding:0 18px;height:73px}.portal-header .status{display:none}.portal-header .brand{font-size:15px}.portal-header .brand-mark{width:32px;height:32px}.header-actions{gap:9px}.language button{padding:6px 7px}.workspace{padding:32px 20px 20px}.workspace h1{font-size:29px}.workspace-intro{margin-bottom:27px}.workspace-intro p:last-child{font-size:13px}.apps{grid-template-columns:1fr;gap:20px}.card-visual{height:172px;padding:19px 30px 0}.card-content{padding:23px}.card-content h2{font-size:25px}.workspace-note{display:block;margin:22px 0}.workspace-note p{margin-bottom:8px}.portal-footer{font-size:9px}.shell .portal-header{padding:0 10px;gap:8px}.shell .brand>span:last-child{display:none}.shell-nav{gap:8px}.shell-nav>a{font-size:11px}.shell .header-actions{gap:7px}.shell .language{display:none}.shell .app-switch summary{font-size:11px;padding:6px}.shell .avatar{width:28px;height:28px}.shell .account summary{gap:4px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.language button{white-space:nowrap}.header-actions{flex-shrink:0}
/* 两个应用都保留完整画布，共用悬浮导航，不再占用顶部一行。 */
.shell .app-frame { height: 100dvh; }
.floating-switcher {
  --ink: #222a40;
  --sub: #68718a;
  --line: #e2e6f1;
  position: fixed;
  z-index: 50;
  left: max(20px, env(safe-area-inset-left));
  bottom: max(14px, env(safe-area-inset-bottom));
  color: var(--ink);
}
.floating-trigger {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 7px 14px 7px 8px;
  border: 1px solid #c4caf7;
  border-radius: 28px;
  background: linear-gradient(120deg, #fff 20%, #eef0ff);
  color: #434db4;
  box-shadow: 0 5px 22px #4f5bd52b, 0 0 0 4px #7986ee12;
  list-style: none;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  font-weight: 600;
  transition: transform .18s, box-shadow .18s;
  animation: switcher-glow 2.4s ease-in-out 2;
}
.floating-trigger::-webkit-details-marker { display: none; }
.floating-trigger::marker { content: ''; }
.floating-trigger:hover,
.floating-switcher[open] .floating-trigger {
  transform: translateY(-2px);
  border-color: #9aa5f0;
  box-shadow: 0 7px 26px #4f5bd53d, 0 0 0 5px #7986ee1f;
}
.floating-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(140deg, #7783ed, #4f5bd5);
  color: #fff;
  font-size: 11px;
  letter-spacing: -.04em;
  box-shadow: 0 2px 8px #4f5bd52e;
}
.floating-arrows { width: 18px; height: 18px; }
.floating-panel {
  position: absolute;
  left: 0;
  bottom: calc(100% + 14px);
  width: min(310px, calc(100vw - 40px));
  max-height: calc(100dvh - 104px - env(safe-area-inset-bottom));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 17px;
  background: #fffffff5;
  backdrop-filter: blur(20px);
  border: 1px solid #dce1f3;
  border-radius: 19px;
  box-shadow: 0 18px 65px #222e5526, 0 0 0 4px #ffffff60;
}
.floating-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; font-size: 13px; font-weight: 650; }
.floating-caption { font-size: 9px; letter-spacing: .12em; color: var(--sub); font-weight: 500; }
.floating-apps { display: grid; gap: 7px; }
.floating-apps a { display: flex; align-items: center; gap: 11px; padding: 12px 10px; border: 1px solid var(--line); border-radius: 12px; transition: background .18s, border-color .18s; }
.floating-apps a:hover { background: #f5f6ff; border-color: #b7c0f3; }
.floating-apps a[aria-current] { background: #f0f2ff; border-color: #d9dff9; }
.floating-apps strong { display: block; font-size: 13px; font-weight: 600; }
.floating-apps small { display: block; margin-top: 4px; color: var(--sub); font-size: 11px; }
.floating-app-icon { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 34px; border-radius: 9px; color: #5965bd; background: #eceffc; font-size: 21px; }
.floating-go { margin-left: auto; color: #6975c9; font-size: 17px; }
.floating-current { margin-left: auto; color: #606de0; font-size: 8px; }
.floating-workspace { display: flex; align-items: center; gap: 8px; min-height: 44px; margin: 8px 0; padding: 7px 8px; font-size: 12px; border-radius: 8px; }
.floating-workspace:hover { background: #f3f5fa; }
.floating-workspace span:last-child { margin-left: auto; color: #79819a; }
.floating-preferences { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.shell .floating-preferences .language { display: flex; background: #f1f3f8; }
.floating-preferences .language button { min-height: 32px; }
.floating-preferences .language button[aria-pressed=true] { color: #4f5bd5; }
.shell .floating-preferences .status { display: block; font-size: 9px; }
.floating-user { display: flex; align-items: center; gap: 10px; margin: 14px 0 8px; font-size: 12px; overflow-wrap: anywhere; }
.floating-user .avatar { flex-shrink: 0; color: #626dab; background: #eef0fa; border-color: #dfe3f5; }
.floating-user small { display: block; font-size: 10px; color: var(--sub); margin-top: 3px; }
.floating-account-actions { display: flex; justify-content: space-between; gap: 10px; }
.floating-account-actions a,
.floating-account-actions button { display: inline-flex; align-items: center; min-height: 36px; padding: 5px 8px; border: 0; border-radius: 7px; background: none; color: var(--sub); font-size: 11px; }
.floating-account-actions button { color: #a65459; }
.floating-account-actions :is(a, button):hover { background: #f4f5f9; }
.floating-switcher :is(summary, a, button):focus-visible { outline: 3px solid #8996ed; outline-offset: 2px; }
@keyframes switcher-glow {
  50% { box-shadow: 0 5px 28px #4f5bd547, 0 0 0 6px #7986ee1a; }
}
@media (prefers-reduced-motion: reduce) {
  .floating-trigger { animation: none; }
}
/* 小屏 Hub 的底部是应用导航，悬浮入口避开该区域。 */
@media (max-width: 720px) {
  .document-shell .floating-switcher { bottom: calc(76px + env(safe-area-inset-bottom)); }
  .document-shell .floating-panel { max-height: calc(100dvh - 166px - env(safe-area-inset-bottom)); }
}
@media(max-width:600px){.portal-header .brand small{display:none}.portal-header .brand{white-space:nowrap}.portal-header .shell-nav{min-width:0}}

/* Login and password screens share the Dashboard Hub palette. */
.auth-page {
  --bg: #dfe2e9;
  --ink: #1b1f27;
  --sub: #596170;
  --line: #e3e6ed;
  --indigo: #4f5bd5;
  --auth-indigo-deep: #3542bf;
  --auth-indigo-wash: #eef0ff;
  --auth-muted: #7a8190;
}
.auth-page .auth-story { background: var(--auth-indigo-wash); color: var(--ink); }
.auth-page .auth-main { background: var(--surface); border-radius: 18px; }
.auth-page .brand-mark { background: var(--indigo); color: #fff; }
.auth-page .brand small,
.auth-page .story-copy p { color: var(--sub); }
.auth-page .story-copy h1 { color: var(--auth-indigo-deep); }
.auth-page .story-copy .eyebrow,
.auth-page .story-links { color: var(--indigo); }
.auth-page .story-links span { border-color: #cdd2f2; background: #ffffff80; }
.auth-page .story-footer,
.auth-page .auth-bottom { color: var(--auth-muted); }
.auth-page .mountain path { stroke: #9aa4dd; }
.auth-page .mountain path[fill] { fill: #8793d5; }
.auth-page .language { background: #eef0f4; }
.auth-page .language button[aria-pressed=true] { color: var(--indigo); box-shadow: 0 1px 3px #141e3c0f; }
.auth-page .auth-tools { gap: 9px; }
.auth-page .force-refresh {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #d9deeb;
  border-radius: 8px;
  background: #fff;
  color: #596170;
  font-size: 11px;
  white-space: nowrap;
  box-shadow: 0 1px 3px #141e3c0a;
  transition: color .18s, border-color .18s, background .18s;
}
.auth-page .force-refresh:hover { color: var(--indigo); border-color: #bfc6ee; background: #f7f8ff; }
.auth-page .force-refresh svg { width: 15px; height: 15px; }
.auth-page .force-refresh.is-refreshing svg { animation: force-refresh-spin .7s linear infinite; }
@keyframes force-refresh-spin { to { transform: rotate(360deg); } }
.auth-page .primary { background: var(--indigo); border-color: var(--indigo); }
.auth-page .primary:hover { background: var(--auth-indigo-deep); border-color: var(--auth-indigo-deep); }
.auth-page .field input { border-color: #dce0e8; }
.auth-page .field input::placeholder,
.auth-page .reveal { color: var(--auth-muted); }
.auth-page .remember-login {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: -4px 0 18px;
  color: var(--sub);
  font-size: 12px;
  line-height: 1.45;
  cursor: pointer;
}
.auth-page .remember-login input {
  appearance: none;
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin: 1px 0 0;
  border: 1px solid #c9d0df;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}
.auth-page .remember-login input:checked {
  border-color: var(--indigo);
  background: var(--indigo) center / 11px 11px no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 2.3 2.3L10 2.7' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");
}
.auth-page .remember-login input:focus-visible { outline: 3px solid #949ee9; outline-offset: 2px; }
.auth-page .remember-login b { display: block; color: var(--ink); font-weight: 650; }
.auth-page .remember-login small { display: block; margin-top: 2px; color: var(--auth-muted); font-size: 11px; }
.auth-page .status { color: #0d7f94; background: #e6f4f7; border-color: #cfe6ec; }
.auth-page .status:before { background: #0d7f94; }
.auth-page :is(button, a, input):focus-visible { outline-color: #949ee9; }
@media(max-width:600px) {
  .auth-page .auth-story { background: var(--bg); }
  .auth-page .auth-main { border-radius: 18px 18px 0 0; }
  .auth-page .auth-tools { top: 16px; }
  .auth-page .auth-tools .status { display: none; }
  .auth-page .auth-main { padding-top: 80px; }
}
