.dialog-backdrop{position:fixed;inset:0;z-index:70;display:flex;align-items:var(--dialog-align);justify-content:center;padding:var(--dialog-pad);backdrop-filter:blur(10px);animation:rise .25s ease}.dialog-backdrop--auth{background:#040506d1}.dialog-backdrop--profile{background:#040506c7}.auth{width:100%;max-width:var(--auth-w);max-height:100%;overflow:auto;display:flex;border:1px solid var(--line-3);border-radius:var(--dialog-radius);background:#0a0b0c;box-shadow:0 30px 80px #0009}.auth-side{position:relative;overflow:hidden;flex:0 0 330px;display:flex;flex-direction:column;gap:26px;padding:30px 26px;border-right:1px solid var(--line-2);background:var(--panel-red)}.auth-side-stripes{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(252,100,100,.08) 0 2px,transparent 2px 15px);-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000);mask-image:linear-gradient(180deg,transparent 30%,#000)}.auth-tagline{position:relative;font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}.auth-terminal{position:relative;display:flex;flex-direction:column;gap:7px;padding:14px;font:500 12.5px/1.4 var(--mono);border:1px solid #2a1719;border-radius:12px;background:#07080ab3}.auth-terminal-line{display:flex;gap:10px}.auth-terminal-prompt{width:10px;color:var(--prompt-c)}.auth-terminal-text{color:var(--soft)}.auth-terminal-cursor{width:8px;height:14px;margin-left:20px;background:var(--red);animation:blink 1s steps(1) infinite}.auth-main{flex:1;min-width:0;padding:var(--auth-pad);display:flex;flex-direction:column;gap:18px}.auth-top{display:flex;align-items:center;gap:10px}.spacer{flex:1}.auth-titles{display:flex;flex-direction:column;gap:6px}.auth-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.035em}.auth-sub{margin:0;color:var(--body);font-size:15px;line-height:1.5;text-wrap:pretty}.auth-oauth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-oauth-btn{height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;background:var(--key-fill);border:1px solid var(--line-5);border-bottom-width:3px;color:var(--text);font:600 14px var(--sans)}.auth-oauth-icon--gh{font:700 12px var(--mono);color:var(--body)}.auth-oauth-icon--google{font:700 13px var(--mono);color:var(--blue)}.auth-divider{display:flex;align-items:center;gap:12px;font:500 11px var(--mono);color:var(--faint)}.auth-divider-line{flex:1;height:1px;background:#1a1c1e}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-error{display:flex;gap:10px;align-items:center;padding:10px 12px;animation:rise .2s ease;border:1px solid var(--red-line);border-radius:10px;background:#130a0b;font-size:14px;color:var(--red-soft)}.auth-error-icon{font:700 13px var(--mono);color:var(--red)}.auth-submit{height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:var(--red-fill);border:1px solid #ff9a9a;border-bottom:4px solid #9b2128;color:#1c0507;font:700 14.5px var(--mono)}.auth-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.auth-switch{color:var(--red);font:600 14px var(--sans)}.auth-skip{color:var(--muted);font:500 13px var(--sans);text-decoration:underline;text-underline-offset:3px}.profile{width:100%;max-width:var(--profile-w);max-height:var(--profile-max-h);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-3);border-radius:var(--dialog-radius);background:#0a0b0c;box-shadow:0 30px 80px #0009}.profile-head{position:relative;overflow:hidden;flex:none;display:flex;flex-direction:column;gap:18px;padding:22px 22px 0;background:var(--panel-red);border-bottom:1px solid var(--line-2)}.profile-head-stripes{position:absolute;top:0;right:0;bottom:0;width:60%;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(252,100,100,.09) 0 2px,transparent 2px 15px);-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.profile-person{position:relative;display:flex;align-items:center;gap:16px}.profile-person-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.profile-name{font-size:22px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font:400 12px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-close{align-self:flex-start}.profile-tabs{position:relative}.profile-body{flex:1;min-height:0;overflow:auto;padding:4px 22px 24px}.profile-pane{display:flex;flex-direction:column;gap:18px;padding-top:18px}.level-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line-3);border-radius:16px;background:var(--panel-2)}.level-card-head{display:flex;align-items:baseline;gap:12px}.level-card-num{font:700 34px var(--mono);letter-spacing:-.05em;color:var(--red);line-height:1}.level-card-xp{font:500 12px var(--mono);color:var(--body)}.course-bars{display:flex;flex-direction:column;gap:14px}.course-bar{display:flex;flex-direction:column;gap:7px}.course-bar-head{display:flex;justify-content:space-between;font-size:14.5px;font-weight:600}.course-bar-value{font:600 12px var(--mono);color:var(--bar-c)}.profile-since{font:400 12px var(--mono);color:var(--dim)}.settings{display:flex;flex-direction:column}.settings-section{font:500 11px var(--mono);color:var(--dim);letter-spacing:.06em;padding:20px 0 4px}.setting{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--line)}.setting--row{flex-direction:row;align-items:center;gap:14px}.setting--field{display:block}.setting-text{display:flex;flex-direction:column;gap:3px}.setting-text--grow{flex:1;min-width:0}.setting-title{font-size:15px;font-weight:600}.setting-desc{font-size:13px;color:var(--muted);line-height:1.4}.setting-desc--short{line-height:normal}.setting-action{align-self:flex-start}.setting-side-btn{flex:none}.setting-message{font-size:13.5px;color:var(--msg-c)}.confirm-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;animation:rise .2s ease}.confirm-text{font-size:14px;color:var(--red-soft)}.confirm-buttons{display:flex;gap:8px;flex-wrap:wrap}.delete-box{display:flex;flex-direction:column;gap:8px;animation:rise .2s ease}.delete-prompt{font-size:13.5px;color:var(--red-soft)}.settings-bottom{padding-top:16px;border-top:1px solid var(--line)}.settings-admin{display:flex;align-items:center;justify-content:center;margin-bottom:8px;text-decoration:none;box-sizing:border-box}
