.referral-page{--ref-ink: #242427;--ref-muted: #77777d;--ref-border: #e9e9eb;--ref-soft: #f7f7f8;--ref-violet: #6759d7;--ref-violet-soft: #f0efff;--ref-green: #55876b;min-height:100dvh;padding:0 28px 72px;background:#fafafa;color:var(--ref-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.referral-shell{width:min(100%,1180px);margin:0 auto}.referral-topbar{min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ref-border)}.referral-back{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;color:#56565c;font-size:13px;cursor:pointer;transition:color .16s ease,transform .16s ease}.referral-back:hover{color:var(--ref-ink);transform:translate(-2px)}.referral-brandmark{font-size:19px;font-weight:740;letter-spacing:-.075em}.referral-brandmark span{color:var(--ref-violet)}.referral-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:43px 0 25px}.referral-eyebrow{margin:0 0 10px;color:#898990;font-size:10px;font-weight:700;letter-spacing:.13em}.referral-heading h1{margin:0;font-size:clamp(30px,4vw,40px);font-weight:680;letter-spacing:-.055em;line-height:1.04}.referral-lede{margin:10px 0 0;color:#707077;font-size:14px;line-height:1.45}.referral-export,.referral-primary-action{min-height:40px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 14px;border:1px solid #dedee2;border-radius:9px;background:#fff;color:#323237;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.referral-export:hover:not(:disabled){background:#f7f7f8;border-color:#c9c9ce}.referral-export:active:not(:disabled),.referral-primary-action:active:not(:disabled){transform:translateY(1px)}.referral-export:disabled,.referral-primary-action:disabled{cursor:not-allowed;opacity:.55}.referral-button-pulse{width:13px;height:13px;border:1.5px solid #aaa;border-top-color:var(--ref-violet);border-radius:50%;animation:referral-spin .8s linear infinite}@keyframes referral-spin{to{transform:rotate(360deg)}}.referral-controls{min-height:49px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.referral-range{display:inline-flex;gap:3px;padding:3px;border:1px solid #e9e9eb;border-radius:9px;background:#f3f3f4}.referral-range button{min-height:30px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#76767c;font-size:12px;font-weight:550;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.referral-range button:hover{color:var(--ref-ink)}.referral-range button.is-active{background:#fff;color:#2c2c31;box-shadow:0 1px 3px #1c1c201a}.referral-updated{color:#99999f;font-size:12px}.referral-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid var(--ref-border);border-radius:13px;background:#fff;box-shadow:0 2px 8px #1f1f2606}.referral-metric{min-height:119px;padding:18px 19px 16px;border-right:1px solid #eeeeef}.referral-metric:last-child{border:0}.referral-metric p{margin:0 0 12px;color:#77777d;font-size:12px;font-weight:550}.referral-metric strong{display:block;font-size:28px;font-weight:650;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}.referral-metric span{display:block;margin-top:9px;color:#a0a0a5;font-size:10px;line-height:1.3}.referral-metric.is-featured strong{color:var(--ref-violet)}.referral-trend-panel,.referral-roster-section{margin-top:19px;border:1px solid var(--ref-border);border-radius:13px;background:#fff;box-shadow:0 2px 8px #1f1f2606}.referral-trend-panel{padding:21px 23px 14px}.referral-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.referral-panel-heading .referral-eyebrow{margin-bottom:7px}.referral-panel-heading h2{margin:0;font-size:17px;font-weight:650;letter-spacing:-.035em}.referral-chart-legend{display:flex;gap:17px;padding-bottom:2px;color:#77777d;font-size:11px}.referral-chart-legend span{display:inline-flex;align-items:center;gap:6px}.referral-chart-legend i{width:8px;height:8px;display:inline-block;border-radius:50%}.legend-visits{background:#7165d8}.legend-actions{background:#a8a2e6}.referral-chart{position:relative;height:210px;margin-top:16px;padding:0 0 25px 43px}.referral-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#eeeef1;stroke-width:1;vector-effect:non-scaling-stroke}.chart-line-visits,.chart-line-actions{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line-visits{stroke:#7165d8;stroke-width:2.4}.chart-line-actions{stroke:#a8a2e6;stroke-width:2}.chart-dot-visits{fill:#7165d8;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-dot-actions{fill:#a8a2e6;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.referral-chart-ylabels{position:absolute;top:9px;bottom:37px;left:0;display:flex;flex-direction:column;justify-content:space-between;color:#a2a2a7;font-size:10px;font-variant-numeric:tabular-nums}.referral-chart-xlabels{position:absolute;bottom:1px;left:43px;right:0;height:18px;color:#a2a2a7;font-size:10px}.referral-chart-xlabels span{position:absolute;max-width:30%;transform:translate(-50%);white-space:nowrap}.referral-chart-xlabels span:first-child{transform:none}.referral-chart-xlabels span:last-child{transform:translate(-100%)}.referral-chart-empty{height:150px;display:grid;place-items:center;color:#99999f;font-size:13px}.referral-roster-section{overflow:hidden}.roster-heading{padding:21px 23px 17px;align-items:flex-end}.roster-heading h2 span,.referral-detail-section h4 span{margin-left:5px;color:#99999f;font-size:12px;font-weight:500}.referral-sort-hint{margin:0 0 1px;color:#99999f;font-size:11px}.referral-roster-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}.referral-roster-layout:not(:has(.referral-detail)){grid-template-columns:minmax(0,1fr)}.referral-table-wrap{min-width:0;overflow-x:auto}.referral-table{width:100%;border-collapse:collapse;text-align:left}.referral-table thead{background:#fafafb}.referral-table th{height:39px;padding:0 13px;border-top:1px solid #f0f0f1;border-bottom:1px solid #ededee;color:#96969b;font-size:10px;font-weight:600;white-space:nowrap}.referral-table th:first-child,.referral-table td:first-child{padding-left:22px}.referral-table th.numeric,.referral-table td.referral-number{text-align:right}.referral-table td{height:62px;padding:0 13px;border-bottom:1px solid #f0f0f1;color:#68686f;font-size:12px}.referral-table tbody tr:last-child td{border-bottom:0}.referral-table tbody tr{transition:background .14s ease}.referral-table tbody tr:hover,.referral-table tbody tr.is-selected{background:#faf9ff}.referral-table td.referral-number{color:#37373c;font-variant-numeric:tabular-nums}.referral-sort-button{display:inline-flex;align-items:center;gap:5px;padding:7px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.referral-sort-button:hover{color:#4c43a3}.referral-person-button{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:4px 0;border:0;background:transparent;text-align:left;cursor:pointer}.referral-avatar{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eeedfb;color:#6359bc;font-size:11px;font-weight:650}.referral-person-copy{min-width:0;display:grid;gap:3px}.referral-person-copy strong{overflow:hidden;color:#35353a;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.referral-person-copy small{color:#9a9aa0;font-size:10px}.referral-last-active{white-space:nowrap}.referral-row-action{width:35px;text-align:center}.referral-row-action button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#aaaab0;cursor:pointer}.referral-row-action button:hover{background:#efeff2;color:#55555b}.referral-detail{min-width:0;padding:20px 19px 18px;border-left:1px solid var(--ref-border);background:#fdfdfe;animation:referral-reveal .2s ease both}@keyframes referral-reveal{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:translate(0)}}.referral-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.referral-detail-heading .referral-eyebrow{margin-bottom:7px;font-size:9px}.referral-detail-heading h3{margin:0;font-size:19px;font-weight:650;letter-spacing:-.045em}.referral-close-detail{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e8e8eb;border-radius:7px;background:#fff;color:#77777d;cursor:pointer}.referral-close-detail:hover{color:var(--ref-ink);background:#f6f6f7}.referral-detail-contact{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:13px}.referral-detail-contact a{display:inline-flex;align-items:center;gap:5px;color:#68686f;font-size:11px;text-decoration:none;overflow-wrap:anywhere}.referral-detail-contact a:hover{color:var(--ref-violet);text-decoration:underline;text-underline-offset:3px}.referral-muted{color:#99999f;font-size:11px}.referral-personal-link{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding:11px;border:1px solid #e7e5fa;border-radius:8px;background:#f7f6ff;color:#665bc5;text-align:left;cursor:pointer}.referral-personal-link:hover:not(:disabled){border-color:#d3cff4;background:#f1efff}.referral-personal-link:disabled{cursor:not-allowed;opacity:.6}.referral-personal-link span{min-width:0}.referral-personal-link small{display:block;margin-bottom:4px;color:#8e87d1;font-size:8px;font-weight:700;letter-spacing:.1em}.referral-personal-link strong{display:block;overflow:hidden;color:#554cae;font-size:10px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.referral-detail-meta{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:#99999f;font-size:9px}.referral-detail-meta strong{display:block;margin-top:4px;color:#67676d;font-size:10px;font-weight:550}.referral-detail-totals{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;padding:12px 0;border-top:1px solid #eeeeef;border-bottom:1px solid #eeeeef}.referral-detail-totals div{display:grid;gap:5px}.referral-detail-totals div+div{padding-left:12px;border-left:1px solid #eeeeef}.referral-detail-totals strong{font-size:17px;font-weight:640;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.referral-detail-totals span{color:#99999f;font-size:9px}.referral-detail-section{margin-top:16px}.referral-detail-section h4{margin:0 0 10px;color:#424248;font-size:11px;font-weight:650}.referral-breakdown{display:grid;gap:0;margin:0;padding:0;list-style:none}.referral-breakdown li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f0f0f1;color:#727279;font-size:10px}.referral-breakdown li:last-child{border-bottom:0}.referral-breakdown strong{color:#44444a;font-variant-numeric:tabular-nums}.referral-timeline-section{margin-top:18px}.referral-timeline{position:relative;display:grid;gap:14px;max-height:238px;overflow-y:auto;margin:0;padding:2px 0 2px 4px;list-style:none;scrollbar-width:thin;scrollbar-color:#d4d4d9 transparent}.referral-timeline:before{position:absolute;top:10px;bottom:10px;left:8px;width:1px;background:#e9e8f2;content:""}.referral-timeline li{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr);gap:9px}.timeline-marker{z-index:1;width:9px;height:9px;margin-top:3px;border:2px solid #8d85da;border-radius:50%;background:#fdfdfe}.timeline-marker.is-visit{border-color:#b9b6c8}.referral-timeline li div{min-width:0;display:grid;gap:3px}.referral-timeline li strong{overflow:hidden;color:#55555b;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.referral-timeline li span{color:#929298;font-size:9px}.referral-timeline li small{color:#aaaab0;font-size:9px}.referral-open-link{display:inline-flex;align-items:center;gap:5px;margin-top:16px;color:#77777e;font-size:10px;text-decoration:none}.referral-open-link:hover{color:var(--ref-violet);text-decoration:underline;text-underline-offset:3px}.referral-detail-error{padding:12px;border:1px solid #f0dedb;border-radius:8px;background:#fff9f8}.referral-detail-error p{margin:0 0 4px;color:#7b3e39;font-size:11px;font-weight:600}.referral-detail-error span{display:block;color:#976963;font-size:10px;line-height:1.4}.referral-detail-error button{margin-top:8px;padding:0;border:0;background:none;color:#74514d;font-size:10px;font-weight:600;text-decoration:underline;cursor:pointer}.referral-detail-loading{display:grid;gap:9px;margin-top:18px}.referral-detail-loading div{height:11px;border-radius:5px;background:#eeedf4;animation:referral-shimmer 1.25s ease-in-out infinite alternate}.referral-detail-loading div:nth-child(2){width:77%}.referral-detail-loading div:nth-child(3){width:90%}.referral-detail-loading div:nth-child(4){height:55px;margin-top:5px}.referral-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:19px;padding:40px 22px;border:1px solid var(--ref-border);border-radius:13px;background:#fff;text-align:center;animation:referral-fade-up .38s ease both}@keyframes referral-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.referral-empty-art{position:relative;width:104px;height:90px;margin-bottom:12px}.empty-orbit{position:absolute;border:1px solid #e2dffa;border-radius:50%;transform:rotate(-24deg)}.orbit-one{inset:15px 5px 14px}.orbit-two{inset:4px 17px;transform:rotate(56deg);border-color:#eceafa}.empty-link-mark{position:absolute;inset:0;display:grid;place-items:center;color:#766bd1}.referral-empty .referral-eyebrow{margin-bottom:9px}.referral-empty h2{margin:0;font-size:clamp(20px,3vw,25px);font-weight:650;letter-spacing:-.045em}.referral-empty-copy{max-width:410px;margin:11px 0 20px;color:#77777e;font-size:13px;line-height:1.6}.referral-primary-action{min-height:39px;border-color:#665bd0;background:#665bd0;color:#fff}.referral-primary-action:hover:not(:disabled){background:#554abf;border-color:#554abf}.referral-toast{position:fixed;z-index:5;right:24px;bottom:22px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border:1px solid #e7e6ee;border-radius:9px;background:#fff;color:#494951;box-shadow:0 8px 30px #1e1e281a;font-size:12px;animation:referral-fade-up .2s ease both}.referral-error{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:20px;border:1px solid #eededb;border-radius:12px;background:snow}.referral-error-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f8e9e6;color:#a15b51}.referral-error h2{margin:0;color:#493330;font-size:16px;font-weight:650}.referral-error p{margin:6px 0 10px;color:#806a67;font-size:12px;line-height:1.5}.referral-error button{padding:0;border:0;background:none;color:#59433f;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.referral-skeleton{padding-top:1px}.referral-stat-skeletons{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border:1px solid var(--ref-border);border-radius:13px;background:var(--ref-border)}.referral-stat-skeletons div{height:119px;background:linear-gradient(100deg,#fff 20%,#f4f4f6,#fff 70%);background-size:220% 100%;animation:referral-shimmer 1.4s ease-in-out infinite}.referral-panel-skeleton{height:250px;margin-top:19px;border:1px solid var(--ref-border);border-radius:13px;background:linear-gradient(100deg,#fff 20%,#f5f5f6,#fff 70%);background-size:220% 100%;animation:referral-shimmer 1.4s ease-in-out infinite}.referral-panel-skeleton.short{height:190px}@keyframes referral-shimmer{to{opacity:.55}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.referral-page button:focus-visible,.referral-page a:focus-visible{outline:3px solid rgba(103,89,215,.4);outline-offset:2px}@media(max-width:900px){.referral-page{padding-right:20px;padding-left:20px}.referral-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.referral-metric:nth-child(3){border-right:0}.referral-metric:nth-child(n+4){border-top:1px solid #eeeeef}.referral-metric:nth-child(4){border-right:1px solid #eeeeef}.referral-roster-layout{grid-template-columns:minmax(0,1fr) 300px}.referral-table th,.referral-table td{padding-right:10px;padding-left:10px}.referral-table th:first-child,.referral-table td:first-child{padding-left:15px}}@media(max-width:700px){.referral-page{padding:0 16px 48px}.referral-topbar{min-height:58px}.referral-heading{align-items:flex-start;padding:31px 0 20px}.referral-heading h1{font-size:33px}.referral-lede{max-width:290px;font-size:13px}.referral-export{min-height:36px;gap:6px;padding:0 10px;font-size:11px}.referral-controls{min-height:43px;margin-bottom:14px}.referral-range{gap:1px}.referral-range button{min-height:29px;padding:0 8px;font-size:10px}.referral-updated{font-size:10px}.referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-metric{min-height:103px;padding:15px 14px 13px;border-top:1px solid #eeeeef}.referral-metric:nth-child(-n+2){border-top:0}.referral-metric:nth-child(2),.referral-metric:nth-child(4){border-right:0}.referral-metric:nth-child(3){border-right:1px solid #eeeeef}.referral-metric:last-child{grid-column:1 / -1;border-top:1px solid #eeeeef}.referral-metric strong{font-size:25px}.referral-metric span{margin-top:7px}.referral-trend-panel{padding:17px 15px 12px}.referral-panel-heading h2{font-size:16px}.referral-chart{height:190px;padding-left:35px}.referral-chart-xlabels{left:35px}.referral-chart-ylabels{font-size:9px}.referral-chart-legend{gap:10px;font-size:10px}.roster-heading{padding:18px 15px 14px;align-items:flex-start;flex-direction:column;gap:7px}.referral-sort-hint{font-size:10px}.referral-roster-layout{display:flex;flex-direction:column}.referral-table-wrap{width:100%}.referral-table{min-width:650px}.referral-detail{width:100%;border-top:1px solid var(--ref-border);border-left:0}.referral-timeline{max-height:280px}.referral-empty{min-height:350px;padding:32px 20px}.referral-toast{right:16px;bottom:16px}}@media(max-width:390px){.referral-page{padding-right:12px;padding-left:12px}.referral-back{gap:5px;font-size:11px}.referral-brandmark{font-size:17px}.referral-heading{gap:10px}.referral-export{padding:0 8px}.referral-range button{padding:0 6px}.referral-updated{display:none}}.referral-page{--motion-fast: .15s;--motion-standard: .25s;--motion-large: .4s;--motion-ease: cubic-bezier(.25, .1, .25, 1);--ref-violet: #111;--ref-violet-soft: #f4f4f4;--ref-green: #111;background:#fff}.legend-visits{background:#111}.legend-actions{background:#999}.chart-line-visits{stroke:#111}.chart-line-actions{stroke:#999}.chart-dot-visits{fill:#111}.chart-dot-actions{fill:#999}.referral-avatar{background:#f2f2f2;color:#333}.referral-table tbody tr:hover,.referral-table tbody tr.is-selected{background:#f7f7f7}.referral-detail{background:#fff}.referral-personal-link{border-color:#dedede;background:#f7f7f7;color:#333}.referral-personal-link small,.referral-personal-link strong{color:#333}.referral-empty-art .empty-orbit{border-color:#dedede}.referral-empty-art .empty-link-mark{color:#333}.referral-primary-action{border-color:#111;background:#111;color:#fff}.referral-primary-action:hover:not(:disabled){border-color:#333;background:#333}.referral-detail-error,.referral-error{border-color:#e5e5e5;background:#fafafa}.referral-detail-error p,.referral-error h2{color:#333}.referral-detail-error span,.referral-error p{color:#666}.referral-error-icon{background:#f0f0f0;color:#333}.referral-detail-loading div{background:#f0f0f0}.referral-stat-skeletons div,.referral-panel-skeleton{background:#f2f2f2;animation:referral-shimmer 1.4s ease-in-out infinite alternate}.referral-page button,.referral-page a{transition:transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease);-webkit-tap-highlight-color:transparent}.referral-page button:active:not(:disabled),.referral-page a:active{transform:scale(.97);opacity:.78}.referral-page button:focus-visible,.referral-page a:focus-visible{outline:2px solid #111;outline-offset:3px}@media(prefers-reduced-motion:reduce){.referral-page *,.referral-page *:before,.referral-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #2b2b2d;--paper: #ffffff;--line: rgba(43, 43, 45, .14);--secondary: rgba(43, 43, 45, .62);--surface: #f5f5f4;--background: 0 0% 100%;--foreground: 240 2% 17%;--border: 240 3% 89%;--input: 240 3% 89%;--ring: 240 2% 17%;--primary: 240 2% 17%;--primary-foreground: 0 0% 100%;--radius: .5rem}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(43,43,45,.45);outline-offset:2px}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);background:var(--paper)}.auth-aside{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(28px,5vw,72px);background:#fff;color:#2b2b2d}.wordmark{font-size:23px;letter-spacing:-.06em;font-weight:700}.aside-note{max-width:500px;margin:auto 0;padding:72px 0}.aside-note h1{max-width:480px;margin:0;font-size:clamp(42px,5.2vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:600}.aside-note p{max-width:350px;margin:24px 0 0;color:#2b2b2dad;font-size:17px;line-height:1.5}.aside-foot{color:#2b2b2d7a;font-size:13px}.auth-main{display:flex;align-items:center;justify-content:center;padding:32px;background:#2b2b2d;color:#fff}.auth-form{width:100%;max-width:360px}.auth-form h2{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:650}.auth-intro{margin:9px 0 30px;color:#ffffffad;font-size:15px;line-height:1.5}.field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.email-field{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:15px}.email-field::placeholder{color:#2b2b2d66}.auth-button{width:100%;min-height:48px;padding:0 16px;border:1px solid #fff;border-radius:9px;background:#fff;color:#2b2b2d;cursor:pointer;font-weight:600;transition:opacity .16s ease,transform .16s ease}.auth-button:hover:not(:disabled){opacity:.87}.auth-button:active:not(:disabled){transform:translateY(1px)}.auth-button:disabled{opacity:.55;cursor:wait}.auth-main button:focus-visible{outline-color:#ffffffe6}.auth-secondary{margin-top:11px;background:transparent;color:#fff;border-color:#ffffff8c}.auth-divider{display:flex;align-items:center;gap:13px;margin:21px 0;color:#ffffff94;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#ffffff3d}.form-message{margin:16px 0 0;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.45}.form-message.error{border-color:#be362b52;background:#fff6f4;color:#9c2e25}.auth-switch{margin-top:22px;color:#ffffff8c;font-size:13px;line-height:1.5}.auth-switch a{display:inline-block;margin-top:8px;color:#fff;text-underline-offset:3px}.shell-loading,.shell-error{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f5f4}.loading-box,.error-box{width:min(100%,420px);padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.skeleton{height:12px;margin:12px 0;border-radius:5px;background:#ededec;animation:pulse 1.4s ease-in-out infinite alternate}.skeleton.short{width:56%}@keyframes pulse{to{opacity:.55}}.shell-brand{margin:0 0 16px;font-size:18px;font-weight:700;letter-spacing:-.04em}.error-box h1{margin:0 0 8px;font-size:20px}.error-box p{margin:0 0 17px;color:var(--secondary);line-height:1.5;font-size:14px}.plain-action{border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}.editor-frame{display:block;width:100%;height:100dvh;border:0;background:#fff}@media(max-width:760px){.auth-screen{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-aside{min-height:0;padding:24px}.aside-note{margin:48px 0 4px;padding:0}.aside-note h1{max-width:400px;font-size:clamp(38px,10vw,54px)}.aside-note p{margin-top:14px;font-size:15px}.aside-foot{display:none}.auth-main{align-items:flex-start;padding:36px 24px 52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}