.online-login{background:var(--ui-surface);height:100dvh;color:var(--ink);grid-template-rows:auto 1fr auto;display:grid;overflow:auto}.online-login>.site-header{grid-column:1;position:sticky;top:0}.online-card{border:1px solid var(--ui-line);background:#fff;border-radius:2px;flex-direction:column;place-self:center;gap:20px;width:min(440px,100% - 32px);margin:40px 0;padding:32px;display:flex}.online-card__heading{border-bottom:1px solid var(--ui-line);padding-bottom:18px}.online-card h1,.online-conflict h2{margin:0;font:400 1.75rem/1.4 Linux Libertine,Georgia,Source Han Serif SC,Songti SC,SimSun,serif}.online-card p{color:var(--ui-muted);margin:0;font-size:.875rem;line-height:1.8}.online-card .section-kicker{margin-bottom:8px;font-size:.75rem}.online-card label{gap:8px;font-size:.875rem;font-weight:600;display:grid}.online-card :is(input,select){width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #a2a9b1;border-radius:2px;padding:8px 12px;font-weight:400}.online-card :is(input,select):focus{outline:2px solid var(--ui-accent);outline-offset:-2px}.online-card button,.online-conflict button{background:var(--ui-surface);min-height:40px;color:var(--ink);border:1px solid #a2a9b1;border-radius:2px;padding:8px 14px;font-size:.875rem;font-weight:600}.online-card button:hover,.online-conflict button:hover{background:#eaecf0}.online-card .online-primary{border-color:var(--ui-accent);background:var(--ui-accent);color:#fff}.online-card .online-primary:hover{background:#3056a9;border-color:#3056a9}.online-card .online-text-button{color:var(--ui-accent);background:0 0;border-color:#0000;align-self:center}.online-card .online-card__note{border-top:1px solid #eaecf0;padding-top:18px;font-size:.8125rem}.online-login__footer{color:#72777d;text-align:center;padding:20px;font-size:.8125rem}.online-project-selector{align-items:center;gap:10px;min-width:0;font-size:.8125rem;display:flex}.online-project-selector>span{color:var(--ui-muted);white-space:nowrap}.online-project-selector select{width:200px;max-width:22vw;min-height:36px;color:var(--ui-accent);text-overflow:ellipsis;background-color:#fff;border:1px solid #0000;border-radius:2px;padding:5px 26px 5px 8px}.online-project-selector select:hover{border-color:var(--ui-line);background-color:var(--ui-surface)}.online-project-selector select:focus-visible{outline:2px solid var(--ui-accent)}.online-connection{color:var(--ui-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.online-connection i{background:#72777d;border-radius:50%;flex:none;width:6px;height:6px}.online-connection--connected i{background:#14866d}.online-connection--disconnected i{background:#ac6600}.online-account{position:relative}.online-account summary{min-height:36px;color:var(--ui-accent);cursor:pointer;align-items:center;gap:10px;padding:4px 8px;font-size:.875rem;list-style:none;display:flex}.online-account summary::-webkit-details-marker{display:none}.online-account summary:hover,.online-account[open] summary{background:var(--ui-accent-soft)}.online-account summary>span{color:var(--ui-muted)}.online-account__menu{z-index:1400;background:#fff;border:1px solid #a2a9b1;border-radius:2px;gap:10px;width:220px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 2px 8px #20212226}.online-account__menu strong{overflow-wrap:anywhere;font-weight:600}.online-account__menu small{color:var(--ui-muted);font-size:.8125rem}.online-account__menu button{border:1px solid var(--ui-line);background:var(--ui-surface);min-height:36px;color:var(--ui-accent);text-align:left;border-radius:2px;padding:8px}.online-message{z-index:1600;width:min(480px,100% - 32px);color:var(--ink);background:#fef6e7;border:1px solid #fc3;border-radius:2px;align-items:start;gap:16px;padding:14px 16px;font-size:.875rem;line-height:1.6;display:flex;position:fixed;top:78px;right:20px;box-shadow:0 2px 8px #2021221a}.online-message button{color:var(--ui-muted);background:0 0;border:0;font-size:1.25rem}.online-card .online-error{color:#b32424;background:#fee7e6;border:1px solid #d33;padding:12px}.online-conflict{z-index:3000;background:#20212280;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.online-conflict section{width:min(600px,100%);color:var(--ink);background:#fff;border:1px solid #a2a9b1;border-radius:2px;padding:28px;box-shadow:0 8px 32px #20212233}.online-conflict p{color:var(--ui-muted);margin:16px 0;line-height:1.8}.online-conflict button{margin:8px 8px 0 0}@media (max-width:1100px){.online-project-selector>span{display:none}}@media (max-width:860px){.online-project-selector{flex:1}.online-project-selector select{width:100%;max-width:none}.online-connection{font-size:.75rem}.online-account summary{overflow-wrap:anywhere;max-width:130px}.online-message{top:120px;right:16px}}@media (max-width:460px){.online-card{margin:24px 0;padding:24px}.online-card h1{font-size:1.5rem}.online-connection{white-space:normal;max-width:100px}}