:root{color-scheme:dark;--bg:#172320;--panel:#202e29;--line:#3b4e43;--ink:#edf0e8;--muted:#b4c1b6;--accent:#a2cbb0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:28px 18px}.auth-panel{width:min(100%,430px)}.auth-brand{font-size:23px;font-weight:650;text-decoration:none;letter-spacing:-.5px;display:inline-block;margin-bottom:48px;color:var(--ink)}h1{font-size:30px;line-height:1.2;letter-spacing:-.7px;font-weight:600;margin:0 0 14px}p{line-height:1.65;color:var(--muted)}.auth-panel label{display:block;margin:26px 0 8px;font-size:14px}.auth-panel input:not([type=checkbox]){width:100%;padding:13px 14px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;font-size:17px;min-height:48px}.auth-panel input:focus{border-color:var(--accent)}.auth-primary,.auth-secondary{padding:12px 18px;min-height:46px;border-radius:5px;border:1px solid var(--line);font-weight:550}.auth-primary{width:100%;background:#b0cbb7;color:#17251d;margin:22px 0 12px}.auth-secondary{background:var(--panel);color:var(--ink)}.auth-panel .auth-consent{display:flex;align-items:start;gap:10px;line-height:1.6;font-size:13px;margin:22px 0 0;color:var(--muted)}.auth-consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#80b394}.auth-note{font-size:13px;margin-top:25px}.auth-error{color:#ffc1a3;border:1px solid #ba805e;padding:8px 12px;overflow-wrap:anywhere}.auth-status{min-height:22px;font-size:14px}.auth-code{letter-spacing:.25em;font-variant-numeric:tabular-nums}.auth-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.auth-text{padding:8px 0;background:none;color:var(--accent);border:0;text-decoration:underline;text-underline-offset:4px}.legal{max-width:780px;margin:40px auto;padding:0 24px 60px;line-height:1.7}.legal h1{margin-top:35px}.legal h2{font-size:20px;margin-top:32px}.shared-head{height:64px;padding:10px 22px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:var(--panel)}.shared-head strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-head span{font-size:13px;color:var(--muted)}#sharedFrame{display:block;width:100%;height:calc(100dvh - 64px);border:0}#shareError{padding:25px;max-width:650px;margin:auto}[hidden]{display:none!important}@media(max-width:560px){.shared-head{padding:10px;gap:8px}.shared-head span{display:none}.auth-brand{margin-bottom:35px}}

.legal-nav{display:flex;gap:12px 22px;flex-wrap:wrap;margin:24px 0 32px}.legal-nav [aria-current]{color:var(--ink);font-weight:600}.legal-footer{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:grid;gap:14px;font-size:13px;overflow-wrap:anywhere}.legal article{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.legal pre{white-space:pre-wrap;font:14px/1.7 system-ui;overflow-wrap:anywhere}.legal details{margin-top:14px}.legal summary{cursor:pointer;color:var(--accent)}

.invite-page{max-width:860px}.invite-form{margin:32px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invite-form label{display:block;margin-bottom:10px}.invite-form>div{display:flex;gap:12px;flex-wrap:wrap}.invite-form input{flex:1;min-width:200px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:12px;font-size:16px}.invite-form p{font-size:14px;margin-bottom:0}.invite-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0!important;margin:0!important}.invite-row strong{overflow-wrap:anywhere}.invite-row p{font-size:13px;margin:4px 0 0}.invite-danger{color:#ffc1a3}.invite-page dialog{max-width:500px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:24px}.invite-page dialog::backdrop{background:#0009}.invite-page dialog h2{margin-top:0}.invite-page dialog p{overflow-wrap:anywhere}@media(max-width:560px){.invite-row{align-items:start;flex-direction:column;gap:4px}.invite-form>div>button{width:100%}}

.account-page h1{margin-bottom:8px}.account-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.account-section-heading h2{margin:0}.account-page #revokeOthers{margin-top:26px}.account-page #accountEmail{overflow-wrap:anywhere}.account-page #sessionList{margin-top:22px}.account-page .invite-row>div{min-width:0}.account-page .invite-row>div p{overflow-wrap:anywhere}
