:root{--bg: #18202e;--bg-card: #1d2538;--bg-sidebar: #1a2231;--bg-input: #18202e;--bg-nav: rgba(24,32,46,.72);--bg-popup: #1a2231;--bg-deep: #0c1320;--bg-code: #141b27;--bg-glass: rgba(16,22,33,.4);--text: #f4f5fa;--text-sec: #7c8299;--text-muted: #5c6480;--text-label: #b6bcd0;--amber: #FFB162;--amber-text: #FFB162;--blue: #0095FF;--blue-text: #0095FF;--green: #00E096;--green-text: #00E096;--red: #FF6B7A;--red-text: #FF6B7A;--tint-rgb: 160,180,230;--border: rgba(160,180,230,.12);--border-soft: rgba(160,180,230,.08);--border-mid: rgba(160,180,230,.18);--border-hover:rgba(160,180,230,.3);--shadow-popup:0 16px 40px rgba(0,0,0,.45);--auth-card-bg:rgba(29,37,56,.72);--auth-card-border:rgba(255,177,98,.22);--auth-card-shadow:0 24px 60px rgba(0,0,0,.45);--font-head: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Open Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 21px}[data-theme=light]{--tint-rgb: 28,38,66;--amber-text: #B5611A;--blue-text: #0A72C7;--green-text: #0A9D6B;--red-text: #D11F4A;--bg-deep: #E7EAF3;--bg-code: #E8EBF3;--bg-glass: rgba(240,243,250,.8);--bg: #F4F6FB;--bg-card: #FFFFFF;--bg-sidebar: #EDF0F7;--bg-input: #FFFFFF;--bg-nav: rgba(244,246,251,.9);--bg-popup: #FFFFFF;--text: #131A2B;--text-label: #424B61;--text-sec: #6C7488;--text-muted: #98A0B4;--border: rgba(28,38,66,.12);--border-soft: rgba(28,38,66,.08);--border-mid: rgba(28,38,66,.18);--border-hover:rgba(28,38,66,.3);--shadow-popup:0 16px 40px rgba(17,24,43,.12);--auth-card-bg:rgba(255,255,255,.8);--auth-card-border:rgba(255,177,98,.3);--auth-card-shadow:0 24px 60px rgba(17,24,43,.1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased;text-wrap:pretty}::selection{background:#ffb1624d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(var(--tint-rgb),.16);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(var(--tint-rgb),.28);background-clip:content-box}input,textarea,select{font-family:var(--font-body);color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);outline:none;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:#ffb1628c;box-shadow:0 0 0 3px #ffb1621f}input::-ms-reveal,input::-ms-clear,input::-webkit-credentials-auto-fill-button,input::-webkit-strong-password-auto-fill-button,textarea::-ms-reveal,textarea::-ms-clear,textarea::-webkit-credentials-auto-fill-button,textarea::-webkit-strong-password-auto-fill-button,select::-ms-reveal,select::-ms-clear,select::-webkit-credentials-auto-fill-button,select::-webkit-strong-password-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}button{font-family:var(--font-body);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s,color .12s}a{color:var(--amber-text);text-decoration:none}@keyframes xtFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes xtToast{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes xtDot{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes xtSkeleton{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes xtSpin{to{transform:rotate(360deg)}}.xt-fade{animation:xtFade .3s ease both}.xt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.xt-label{font-size:12.5px;font-weight:600;color:var(--text-label)}.xt-input{width:100%;height:44px;padding:0 14px}.xt-btn-primary{height:44px;padding:0 20px;background:var(--amber);color:#0c1320;border:none;border-radius:10px;font-weight:700;font-size:14.5px;box-shadow:0 8px 22px #ffb16238}.xt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #ffb16252}.xt-btn-ghost{height:40px;padding:0 16px;background:transparent;color:var(--text-label);border:1px solid var(--border-mid);border-radius:10px;font-weight:600}.xt-btn-ghost:hover{color:var(--text);border-color:var(--border-hover)}.xt-dot{width:5px;height:5px;border-radius:50%;display:inline-block;animation:xtDot 1.2s infinite}.xt-dot:nth-child(2){animation-delay:.2s}.xt-dot:nth-child(3){animation-delay:.4s}.xt-skeleton{border-radius:6px;background:linear-gradient(90deg,rgba(var(--tint-rgb),.08) 25%,rgba(var(--tint-rgb),.16) 37%,rgba(var(--tint-rgb),.08) 63%);background-size:200% 100%;animation:xtSkeleton 1.4s ease infinite}.mono{font-family:var(--font-mono)}.head{font-family:var(--font-head)}.xt-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}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative;background:var(--bg);overflow:hidden}.auth-page .glow-top{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:1100px;height:600px;background:radial-gradient(ellipse at center,rgba(255,177,98,.2),transparent 62%);pointer-events:none}.auth-page .glow-bottom{position:absolute;bottom:-120px;right:-80px;width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(0,80,200,.1),transparent 64%);pointer-events:none}.auth-page .auth-card{position:relative;width:100%;max-width:420px;background:var(--auth-card-bg);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--auth-card-border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--auth-card-shadow);animation:xtFade .5s ease both}.auth-page .auth-footer{margin-top:22px;text-align:center;position:relative}.auth-page .auth-footer .links{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:9px}.auth-page .auth-footer .link{font-size:12px;color:var(--text-sec);cursor:pointer;transition:color .13s}.auth-page .auth-footer .link:hover{color:var(--text-label)}.auth-page .auth-footer .dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.auth-page .auth-footer .copy{font-size:11.5px;color:var(--text-muted)}[data-theme=light] .auth-page .glow-top{background:radial-gradient(ellipse at center,rgba(255,177,98,.3),transparent 62%)}[data-theme=light] .auth-page .glow-bottom{background:radial-gradient(ellipse at center,rgba(0,149,255,.1),transparent 64%)}.form-group{margin-bottom:18px}.form-row{display:flex;gap:12px;margin-bottom:16px}.form-row>*{flex:1}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-label);margin-bottom:7px}.form-hint{font-size:11.5px;color:var(--text-muted);margin-top:4px}.form-error{font-size:12px;color:var(--red);margin-top:4px}.pw-wrap{position:relative}.pw-wrap input{padding-right:44px}.pw-wrap .pw-toggle{position:absolute;right:6px;top:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-sec);border-radius:var(--radius-sm);cursor:pointer}.pw-wrap .pw-toggle:hover{color:var(--text-label);background:rgba(var(--tint-rgb),.08)}.select-wrap{position:relative}.select-wrap select{width:100%;height:46px;appearance:none;padding:0 38px 0 14px;cursor:pointer}.select-wrap .chevron{position:absolute;right:14px;top:16px;pointer-events:none;color:var(--text-sec)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.tabs .tab{padding:11px 16px;font-size:13.5px;font-weight:600;color:var(--text-sec);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .13s}.tabs .tab.active{color:var(--amber-text);border-bottom-color:var(--amber-text)}.tabs .tab:hover:not(.active){color:var(--text-label)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:11px;font-weight:700}.badge.amber{color:var(--amber-text);background:#ffb1621a;border:1px solid rgba(255,177,98,.2)}.badge.blue{color:var(--blue-text);background:#0095ff1a;border:1px solid rgba(0,149,255,.2)}.badge.green{color:var(--green-text);background:#00e0961f;border:1px solid rgba(0,224,150,.2)}.badge.red{color:var(--red-text);background:#ff6b7a1a;border:1px solid rgba(255,107,122,.2)}.badge.muted{color:var(--text-sec);background:rgba(var(--tint-rgb),.08);border:1px solid var(--border)}[data-theme=light] .badge.amber{background:#fff3e2;border-color:#b5611a33}.nav-item{display:flex;align-items:center;gap:14px;height:42px;padding:0 15px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-label);transition:all .13s;white-space:nowrap}.nav-item.active{color:var(--amber-text);background:#ffb1621a}.nav-item:hover:not(.active){background:rgba(var(--tint-rgb),.05);color:var(--text)}.kw-given{color:var(--amber-text);font-weight:700}.kw-when{color:var(--blue-text);font-weight:700}.kw-then{color:var(--green-text);font-weight:700}.kw-and{color:var(--text-sec);font-weight:700}