@layer components{.auth-clipra{--gutter:24px;background:var(--room);min-height:100vh;color:var(--t1)}.auth-clipra-top{z-index:5;border-bottom:1px solid var(--line);height:64px;padding:0 var(--gutter);background:var(--room);justify-content:space-between;align-items:center;display:flex;position:relative}.auth-clipra-logo{color:var(--t1);align-items:center;gap:10px;text-decoration:none;display:flex}.auth-clipra-logo-mark{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:28px;height:28px;box-shadow:var(--e1);color:var(--t2);place-items:center;display:grid}.auth-clipra-logo-word{font:600 13px/16px var(--font-mono);letter-spacing:.08em;color:var(--t1)}.auth-clipra-back{color:var(--t2);font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:color var(--d1) var(--ease);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.auth-clipra-back:hover{color:var(--t1)}.auth-clipra-body{grid-template-columns:1fr;min-height:calc(100vh - 64px);display:grid}.auth-clipra-wall{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:24px;padding:64px 4vw;display:none;position:relative;overflow:hidden}.auth-clipra-wall-tag{color:var(--t2);font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;display:inline-flex}.auth-clipra-wall h2{font:600 32px/40px var(--font-sans);letter-spacing:-.02em;max-width:18ch}.auth-clipra-wall h2 .quiet{color:var(--t2)}.auth-clipra-stages{flex-direction:column;gap:8px;max-width:360px;display:flex}.auth-clipra-stage{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);box-shadow:var(--e2);align-items:center;gap:12px;padding:12px 14px;display:flex}.auth-clipra-stage .num{font:500 11px/16px var(--font-mono);letter-spacing:.08em;color:var(--t3)}.auth-clipra-stage .name{font:600 14px/22px var(--font-sans);color:var(--t1)}.auth-clipra-stage .desc{font:400 13px/20px var(--font-sans);color:var(--t2);margin-left:auto}.auth-clipra-wall-foot{color:var(--t3);font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.auth-clipra-formwrap{padding:48px var(--gutter) 64px;justify-content:center;align-items:flex-start;display:flex}.auth-clipra-card{flex-direction:column;gap:20px;width:100%;max-width:420px;display:flex}.auth-clipra-title{font:600 28px/36px var(--font-sans);letter-spacing:-.02em}.auth-clipra-title .quiet{color:var(--t2)}.auth-clipra-sub{color:var(--t2);font:400 14px/22px var(--font-sans)}.auth-clipra-tabs{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);gap:4px;padding:4px;display:flex}.auth-clipra-tab{border-radius:var(--r-sm);color:var(--t2);font:500 13px/20px var(--font-sans);cursor:pointer;transition:background var(--d1) var(--ease), color var(--d1) var(--ease);background:0 0;border:0;flex:1;padding:8px 12px}.auth-clipra-tab:hover{color:var(--t1)}.auth-clipra-tab[aria-pressed=true]{background:var(--raised);color:var(--t1)}.auth-clipra-form{gap:16px;display:grid}.auth-clipra-field{flex-direction:column;gap:7px;display:flex}.auth-clipra-field>label{color:var(--t2);font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.auth-clipra-input{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:44px;color:var(--t1);font:400 15px/24px var(--font-sans);box-shadow:var(--e1);transition:border-color var(--d2) var(--ease);outline:none;padding:0 14px}.auth-clipra-input::placeholder{color:var(--t3)}.auth-clipra-input:focus-visible{border-color:var(--line-strong);outline:2px solid var(--t3);outline-offset:2px}.auth-clipra-password{position:relative}.auth-clipra-password .auth-clipra-input{padding-right:84px}.auth-clipra-eye{cursor:pointer;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);box-shadow:var(--e1);color:var(--t2);font:500 10px/12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:7px 9px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-clipra-eye:active{transform:translateY(calc(1px - 50%))}.auth-clipra-strength{gap:6px;display:flex}.auth-clipra-strength i{border-radius:var(--r-pill);background:var(--line);height:6px;transition:background var(--d1) var(--ease);flex:1}.auth-clipra-strength[data-score="1"] i:nth-child(-n+1),.auth-clipra-strength[data-score="2"] i:nth-child(-n+2){background:var(--fail)}.auth-clipra-strength[data-score="3"] i:nth-child(-n+3){background:var(--run)}.auth-clipra-strength[data-score="4"] i:nth-child(-n+4){background:var(--ok)}.auth-clipra-hint{color:var(--t3);font:400 12px/18px var(--font-sans)}.auth-clipra-check{color:var(--t2);font:400 13px/20px var(--font-sans);align-items:flex-start;gap:9px;display:flex}.auth-clipra-check input{width:16px;height:16px;accent-color:var(--paper);flex:none}.auth-clipra-submit{cursor:pointer;border-radius:var(--r-sm);width:100%;height:44px;box-shadow:var(--keycap-volt);color:#1a2200;font:600 14px/1 var(--font-sans);transition:transform var(--d1) var(--ease), box-shadow var(--d1) var(--ease);background:linear-gradient(#e4ff66 0%,#c3ef2b 100%);border:1px solid #0000002e;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:flex}.auth-clipra-submit:hover:not(:disabled){box-shadow:inset 0 1px #fffc,inset 0 -1px #0000001f,0 1px #0000004d,0 2px #0003,0 6px 20px #d7ff4a4d}.auth-clipra-submit:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff80,inset 0 1px 2px #00000014,0 1px #0000004d}.auth-clipra-submit:disabled{cursor:wait;opacity:.55}.auth-clipra-social{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--r-sm);width:100%;height:44px;box-shadow:var(--keycap-dark);color:var(--t1);font:600 14px/1 var(--font-sans);transition:transform var(--d1) var(--ease), box-shadow var(--d1) var(--ease);background:linear-gradient(#2c2e32 0%,#1b1d20 100%);justify-content:center;align-items:center;gap:12px;padding:0 18px;display:flex}.auth-clipra-social:hover:not(:disabled){transform:translateY(-1px)}.auth-clipra-social:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000080,0 1px #0000008c,0 4px 8px #00000073}.auth-clipra-social:disabled{cursor:wait;opacity:.65}.auth-clipra-social svg{flex:none;width:18px;height:18px}.auth-clipra-divider{color:var(--t3);align-items:center;gap:12px;display:flex}.auth-clipra-divider:before,.auth-clipra-divider:after{border-top:1px solid var(--line);content:"";flex:1}.auth-clipra-divider span{font:500 10px/12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.auth-clipra-error{border-radius:var(--r-md);background:#f0564a14;border:1px solid #f0564a59;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.auth-clipra-error .what{color:var(--fail);font:600 14px/20px var(--font-sans)}.auth-clipra-error .next{color:var(--t2);font:400 13px/20px var(--font-sans)}.auth-clipra-stepbar{gap:8px;display:flex}.auth-clipra-stepbar i{border-radius:var(--r-pill);background:var(--line);flex:1;height:4px}.auth-clipra-stepbar i[data-on=true]{background:var(--paper)}.auth-clipra-steplabel{color:var(--t3);font:500 10px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-top:8px;display:flex}.auth-clipra-steplabel [data-on=true]{color:var(--t2)}.auth-clipra-roles{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.auth-clipra-role{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);height:36px;box-shadow:var(--e1);color:var(--t2);font:500 13px/20px var(--font-sans);cursor:pointer;transition:border-color var(--d1) var(--ease), background var(--d1) var(--ease), color var(--d1) var(--ease);padding:0 14px}.auth-clipra-role:hover{border-color:var(--line-strong);color:var(--t1)}.auth-clipra-role[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:#0000}.auth-clipra-foot{text-align:center;margin-top:4px}.auth-clipra-swap{color:var(--t2);font:500 13px/20px var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.auth-clipra-swap:hover{color:var(--t1)}.auth-clipra-resend{cursor:pointer;width:100%;color:var(--t3);font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;padding:10px}.auth-clipra-resend:hover{color:var(--t2)}.auth-clipra-resend:disabled{cursor:wait;opacity:.55}.auth-clipra-verify-wrap{min-height:calc(100vh - 64px);padding:48px var(--gutter);place-items:center;display:grid}.auth-clipra-verify-card{max-width:420px}.auth-clipra-verify-expiry{color:var(--t3);font:400 13px/20px var(--font-sans);margin:8px 0 18px}.auth-clipra-email-sent{color:var(--t1);font:500 14px/22px var(--font-sans);align-items:center;gap:8px;margin-top:-8px;display:flex}.auth-clipra-email-sent strong{overflow-wrap:anywhere}.auth-clipra-email-sent button{cursor:pointer;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);width:28px;height:28px;box-shadow:var(--e1);color:var(--t2);flex:none;place-items:center;display:grid}.auth-clipra-email-sent button:hover{border-color:var(--line-strong)}.auth-clipra-email-sent svg{width:13px;height:13px}.auth-clipra-otp{text-align:center;font:500 24px/32px var(--font-mono);letter-spacing:.32em;color:var(--t1)}.auth-clipra-redirecting{min-height:100vh;padding:var(--gutter);place-items:center;display:grid}.auth-clipra-redirect-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);max-width:360px;box-shadow:var(--e2);text-align:center;justify-items:center;gap:12px;padding:32px;display:grid}.auth-clipra-wait{border:1px solid var(--line);border-left:3px solid var(--run);border-radius:var(--r-md);background:var(--panel);align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex;overflow:hidden}.auth-clipra-wait b{color:var(--run);font:500 10px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex:none}.auth-clipra-wait span{text-overflow:ellipsis;white-space:nowrap;font:500 13px/20px var(--font-sans);color:var(--t2);overflow:hidden}.auth-clipra-loading{gap:12px;display:grid}.auth-clipra-loading i{border-radius:var(--r-md);background:var(--panel);height:44px;animation:auth-clipra-pulse 1.2s var(--ease) infinite}@keyframes auth-clipra-pulse{50%{opacity:.45}}}@media (min-width:900px){.auth-clipra-body{grid-template-columns:1.05fr .95fr}.auth-clipra-wall{display:flex}.auth-clipra-formwrap{align-items:center;padding:64px 4vw}}@media (prefers-reduced-motion:reduce){.auth-clipra-loading i{animation:none}}