:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#24182d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{min-height:100vh;background:#24182d}button{font:inherit;cursor:pointer}.login-shell{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#24182d;isolation:isolate}.gradient-field{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;z-index:0;display:block;pointer-events:none;contain:strict;background:radial-gradient(ellipse 58% 55% at 78% 30%,rgba(246,48,193,.96) 0%,rgba(221,55,166,.88) 35%,rgba(158,47,126,.45) 67%,transparent 100%),radial-gradient(ellipse 55% 48% at 47% 86%,rgba(205,133,29,.92) 0%,rgba(174,105,38,.68) 33%,rgba(117,68,67,.25) 67%,transparent 100%),radial-gradient(ellipse 52% 62% at 2% 54%,rgba(23,117,132,.9) 0%,rgba(35,100,116,.62) 33%,rgba(40,68,88,.22) 67%,transparent 100%),radial-gradient(ellipse 70% 50% at 51% 8%,rgba(159,43,125,.8) 0%,rgba(102,37,91,.58) 40%,transparent 78%),radial-gradient(ellipse 62% 68% at 10% 5%,rgba(47,27,55,.92) 0%,rgba(35,23,45,.55) 55%,transparent 100%),linear-gradient(145deg,#211a2c,#3d2747 35%,#b43b92 63%,#d94b99 78%,#4b2947);background-blend-mode:screen,screen,screen,screen,normal,normal;animation:gradient-drift 24s ease-in-out infinite alternate;will-change:transform}.gradient-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 52% 42% at 72% 62%,rgba(255,116,187,.2),transparent 72%),radial-gradient(ellipse 42% 45% at 37% 72%,rgba(255,173,64,.16),transparent 72%);filter:blur(38px);opacity:.9;animation:gradient-bloom 18s ease-in-out infinite alternate;will-change:transform}.gradient-field:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light;opacity:.24;animation:noise-drift 9s steps(2,end) infinite;will-change:background-position}@keyframes gradient-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}50%{transform:translate3d(1%,1.5%,0) scale(1.045)}to{transform:translate3d(-.5%,2%,0) scale(1.025)}}@keyframes gradient-bloom{0%{transform:translate3d(-2%,1%,0) scale(.98)}to{transform:translate3d(2%,-2%,0) scale(1.06)}}@keyframes noise-drift{0%{background-position:0 0}25%{background-position:37px -19px}50%{background-position:-21px 31px}75%{background-position:28px 17px}to{background-position:-13px -27px}}.login-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,transparent 25%,rgba(20,7,25,.22) 100%);pointer-events:none}.login-nav{position:relative;z-index:2;height:82px;margin:0 5.8%;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between}.login-brand{font-size:22px;font-weight:750;letter-spacing:-.045em;color:#fff;text-decoration:none}.login-nav-links{display:flex;gap:48px}.login-nav-links a{color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:opacity .15s ease}.login-nav-links a:hover{opacity:.72}.login-card{position:relative;z-index:2;width:min(940px,90vw);margin:0 auto;padding:clamp(110px,18vh,178px) 0 20px;text-align:center}.login-card h1{font-size:70px;line-height:1.02;letter-spacing:-.055em;font-weight:760;margin:0;color:#fff}.login-card .tagline{font-size:23px;line-height:1.45;color:#ffffffc7;font-weight:520;margin:20px auto 0;max-width:860px}.landing-copy{display:flex;flex-direction:column;gap:13px;margin-top:clamp(72px,10vh,107px);padding-top:clamp(40px,6vh,61px)}.landing-copy strong{color:#fff;font-size:27px;line-height:1.35;font-weight:650}.landing-copy span{font-size:23px;line-height:1.45;color:#ffffffe6;font-weight:520}.google-button{display:flex;align-items:center;justify-content:center;gap:14px;width:610px;max-width:88vw;margin:clamp(72px,10vh,107px) auto 0;border:0;border-radius:9px;background:#ff2b86;color:#0f050cd1;padding:27px 28px;font-size:26px;font-weight:700;box-shadow:0 16px 48px #ff2b8633;transition:transform .15s ease,filter .15s ease}.google-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.google-icon{width:27px;height:27px;flex:none}.google-button span{color:#0f050cd1}.google-button:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:4px}.practice-shell{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#24182d;isolation:isolate;color:#fff}.practice-shell>.gradient-field{z-index:0}.practice-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,rgba(12,3,14,.28) 100%)}.practice-nav{position:relative;z-index:3;height:82px;margin:0 5.8%;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between}.practice-layout{position:relative;z-index:3;width:min(1240px,88vw);height:calc(100svh - 82px);margin:0 auto;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(520px,1.28fr);gap:clamp(50px,7vw,105px);align-items:center}.stats-panel{display:flex;flex-direction:column;min-width:0}.terminal-kicker{font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#ffffff85;text-transform:uppercase}.stats-panel h1{font:500 clamp(42px,4.7vw,66px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:18px 0 42px;color:#fff}.stats-panel h1 em{font-style:normal;color:#ffffff9e}.profile-stats{display:grid;gap:24px}.profile-stats>div{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}.profile-stats span{display:block;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#ffffff7a;margin-bottom:8px}.profile-stats strong{display:block;font:500 34px/1 Georgia,serif;color:#fff;letter-spacing:-.03em}.profile-stats strong.unestablished{font-size:31px;color:#ffffff8c}.profile-stats small{display:block;margin-top:7px;color:#ffffff7a;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.profile-signout{align-self:flex-start;margin-top:27px;border:0;background:transparent;color:#ffffff8c;padding:0;font-size:11px}.profile-signout span{margin-left:12px}.terminal-wrap{min-width:0}.terminal-window{min-height:510px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:#07040ac2;box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-bar{height:43px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#ffffff6e;font-size:10px}.terminal-dots{display:flex;gap:6px}.terminal-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff40}.terminal-status{text-align:right;color:#7ee1a5b8;font-size:9px}.terminal-content{padding:32px 34px}.terminal-line{font-size:11px;line-height:1.7}.terminal-line.muted{color:#ffffff4d;margin-bottom:22px}.terminal-line.prompt{color:#ffffffe6;font-size:14px;line-height:1.65;white-space:pre-wrap}.terminal-options{display:grid;gap:9px;margin-top:25px}.terminal-option{width:100%;border:1px solid rgba(255,255,255,.1);background:#ffffff09;color:#ffffffc2;border-radius:6px;text-align:left;padding:12px 13px;display:flex;align-items:center;gap:13px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;transition:background .15s,border-color .15s}.terminal-option:hover:not(:disabled){background:#ffffff14;border-color:#ffffff3b}.terminal-option>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffff73;font-size:10px;flex:none}.terminal-option b{margin-left:auto;color:#8ee1a8}.terminal-option.correct{border-color:#7ee1a561;background:#7ee1a514;color:#d8f7e2}.terminal-option.incorrect{border-color:#ff738759;background:#ff738712;color:#ffd9de}.terminal-result{margin-top:18px;padding:11px 13px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;font-size:10px}.terminal-result.good{color:#91e1a9}.terminal-result.bad{color:#f29ba7}.terminal-next{width:100%;border:0;border-top:1px solid rgba(255,255,255,.1);background:#ffffff06;color:#ffffffbf;padding:16px 24px;text-align:left;display:flex;justify-content:space-between;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-empty{min-height:467px;padding:65px 52px;display:flex;flex-direction:column;justify-content:center}.terminal-prompt{margin-top:27px;color:#fff;font-size:22px;letter-spacing:-.03em}.terminal-prompt>span{color:#79d69a;margin-right:10px}.cursor{display:inline-block;width:7px;height:18px;background:#79d69a;vertical-align:-3px;margin-left:5px;animation:cursor-blink 1s steps(2,end) infinite}@keyframes cursor-blink{50%{opacity:0}}.terminal-empty p{color:#ffffff75;font-size:12px;line-height:1.6;margin:17px 0 26px}.terminal-start{align-self:flex-start;border:1px solid rgba(255,255,255,.18);background:#fff;color:#120913;border-radius:6px;padding:13px 17px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;min-width:150px;display:flex;justify-content:space-between;gap:22px;transition:transform .15s,background .15s}.terminal-start:hover:not(:disabled){transform:translateY(-1px);background:#f7eaf2}.rating-reminder{margin-top:40px;padding:14px 16px;border-left:2px solid rgba(255,207,119,.72);background:#ffcf770e;display:grid;gap:5px}.rating-reminder span{color:#ffcf77;font-weight:700}.rating-reminder strong{font-size:11px;color:#ffffffd1}.rating-reminder small{font-size:9px;color:#ffffff6b}.terminal-error{padding:12px 24px;color:#ff9ca8;border-top:1px solid rgba(255,255,255,.1);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.placeholder-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#24182d}.placeholder-panel{width:min(560px,92vw);background:#08020ac7;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:42px;box-shadow:0 12px 40px #00000040}.placeholder-brand{margin-bottom:55px}.placeholder-panel h1{font:500 55px/1.05 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.placeholder-panel h1 em{color:#ffffff9e;font-style:normal}.placeholder-panel p{color:#ffffff8c;max-width:390px;margin:0 0 25px}.primary-button{border:0;background:#fff;color:#160a12;border-radius:5px;padding:13px 17px;font-size:12px;font-weight:600}.primary-button span{margin-left:20px}@media(prefers-reduced-motion:reduce){.gradient-field,.gradient-field:before,.gradient-field:after,.cursor{animation:none}.login-shell,.practice-shell{background:#24182d}}@media(max-width:850px){.practice-layout{grid-template-columns:1fr;gap:35px;height:auto;padding:55px 0 70px}.practice-shell{height:auto;min-height:100svh;overflow:auto}.stats-panel h1{margin-bottom:28px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:14px}.profile-stats>div{padding-bottom:15px}.terminal-window{min-height:480px}}@media(max-width:650px){.login-nav,.practice-nav{margin:0 6%;height:70px}.login-brand{font-size:18px}.login-nav-links{gap:18px}.login-nav-links a{font-size:12px}.login-card{padding:92px 0 20px;width:88vw}.login-card h1{font-size:46px}.login-card .tagline{font-size:17px;margin-top:14px}.landing-copy{gap:8px;margin-top:58px;padding-top:0}.landing-copy strong{font-size:21px}.landing-copy span{font-size:17px}.google-button{width:100%;margin-top:64px;padding:20px 18px;font-size:20px}.google-icon{width:23px;height:23px}.practice-layout{width:88vw;padding:45px 0 55px;gap:28px}.stats-panel h1{font-size:45px;margin:14px 0 25px}.profile-stats{grid-template-columns:1fr;gap:15px}.profile-stats>div{padding-bottom:14px}.profile-stats strong{font-size:29px}.profile-signout{margin-top:20px}.terminal-window{min-height:450px}.terminal-bar{grid-template-columns:auto 1fr auto;padding:0 12px}.terminal-bar>span:nth-child(2){text-align:center}.terminal-content{padding:25px 18px}.terminal-empty{min-height:405px;padding:46px 25px}.terminal-prompt{font-size:18px}.terminal-result{flex-direction:column;gap:6px}.terminal-option{font-size:11px}.placeholder-panel{padding:30px}.placeholder-panel h1{font-size:43px}}.practice-shell{height:auto;min-height:100svh;overflow-x:clip;overflow-y:visible}.practice-shell>.gradient-field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;animation:none;transform:none;will-change:auto}.practice-shell>.gradient-field:before,.practice-shell>.gradient-field:after{animation:none;will-change:auto}.practice-shell>.practice-vignette{position:fixed;top:0;right:0;bottom:0;left:0}.practice-layout{grid-template-areas:"heading terminal" "stats terminal";grid-template-rows:auto 1fr;align-content:center;height:auto;min-height:calc(100svh - 82px)}.profile-heading{grid-area:heading;align-self:end}.profile-heading h1{font:500 clamp(42px,4.7vw,66px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:18px 0 0;color:#fff}.profile-heading h1 em{font-style:normal;color:#ffffff9e}.stats-panel{grid-area:stats;align-self:start;margin-top:42px}.terminal-wrap{grid-area:terminal}.login-brand{letter-spacing:.025em}.stoic-attribution{display:block;margin-bottom:68px}.answer-explanation{margin:18px 0 0;color:#91e1a9;font-size:12px;line-height:1.65;white-space:pre-wrap}@media(max-width:850px){.practice-shell{height:auto;min-height:100dvh;overflow-x:clip;overflow-y:visible}.practice-layout{height:auto;min-height:calc(100dvh - 70px);grid-template-areas:"heading" "terminal" "stats";grid-template-rows:auto auto auto;align-content:start;padding-bottom:calc(55px + env(safe-area-inset-bottom))}.stats-panel{margin-top:0}.profile-heading h1{margin:14px 0 0}}.leaderboard-shell{height:auto;min-height:100svh;min-height:100dvh;overflow:visible;overflow-x:clip;overflow-y:visible}.leaderboard-shell>.gradient-field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;animation:none;transform:none;will-change:auto}.leaderboard-shell>.gradient-field:before,.leaderboard-shell>.gradient-field:after{animation:none;will-change:auto}.leaderboard-shell>.practice-vignette{position:fixed}.leaderboard-shell .practice-nav{position:relative;z-index:3;height:82px;margin:0 5.8%;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between}.leaderboard-content{position:relative;z-index:3;width:min(920px,88vw);margin:0 auto;padding:clamp(55px,10vh,105px) 0 80px}.leaderboard-heading{margin-bottom:36px}.leaderboard-heading h1{margin:14px 0 8px;color:#fff;font:500 clamp(44px,7vw,76px)/1.02 Georgia,serif;letter-spacing:-.045em}.leaderboard-heading p{margin:0;color:#fff9;font-size:15px}.leaderboard-card{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#07040aba;box-shadow:0 28px 90px #00000045,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.leaderboard-card-header{display:flex;justify-content:space-between;padding:17px 22px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff75;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.leaderboard-card table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}.leaderboard-card th{padding:15px 22px;color:#ffffff6e;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.leaderboard-card th:first-child,.leaderboard-card td:first-child{width:100px}.leaderboard-card th:last-child,.leaderboard-card td:last-child{width:130px;text-align:right}.leaderboard-card td{padding:17px 22px;border-top:1px solid rgba(255,255,255,.075);color:#ffffffe0}.leaderboard-card td:nth-child(2){overflow-wrap:anywhere}.leaderboard-rank{color:#ffffff85!important;font:500 17px Georgia,serif}.leaderboard-username{font-weight:600;overflow-wrap:anywhere}.leaderboard-elo{font:500 20px Georgia,serif}.leaderboard-current-user td{background:#ffffff0b}.user-flair,.leaderboard-you{display:inline-flex;align-items:center;margin-left:10px;padding:4px 7px;border-radius:4px;vertical-align:1px;font:700 9px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.015em}.user-flair-beta_tester{color:#ecfff1;background:#278b45;border:1px solid #278b45}.user-flair-gold{color:#fff6db;background:#b98516;border:1px solid #b98516}.user-flair-owner{color:#eef8ff;background:#4f8ec0;border:1px solid #4f8ec0}.leaderboard-you{color:#ffffff8c;background:#ffffff14;font-size:8px}.leaderboard-divider td{padding:12px 22px;background:#ffffff06;color:#ffffff6b;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.leaderboard-message{margin:0;padding:38px 22px;color:#ffffff9e;font-size:14px}.username-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0c050fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.username-modal{width:min(460px,100%);margin:0;padding:clamp(28px,6vw,44px);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#180e1df7;box-shadow:0 28px 90px #00000073}.username-modal h2{margin:15px 0 10px;font:500 36px/1.05 Georgia,serif;letter-spacing:-.035em}.username-modal>p{margin:0 0 25px;color:#ffffff9e;font-size:13px;line-height:1.55}.username-modal form{display:flex;flex-direction:column;align-items:stretch}.username-modal label{margin-bottom:8px;color:#fffc;font-size:12px;font-weight:650}.username-modal input{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000003d;color:#fff;padding:14px;font:15px ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.username-modal input:focus{border-color:#ffffff9e;box-shadow:0 0 0 3px #ffffff14}.username-modal input::placeholder{color:#ffffff52}.username-modal form>small{margin-top:9px;color:#ffffff6e;font-size:10px}.username-error{margin:13px 0 0;color:#ffabb4;font-size:12px}.username-submit{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 16px;border:0;border-radius:6px;background:#fff;color:#170d19;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.username-submit:disabled{cursor:progress;opacity:.7}@media(max-width:600px){.leaderboard-content{width:88vw;padding:46px 0 calc(55px + env(safe-area-inset-bottom))}.leaderboard-heading{margin-bottom:26px}.leaderboard-heading h1{font-size:48px}.leaderboard-card-header{padding:15px 16px}.leaderboard-card th{padding:13px 14px}.leaderboard-card td{padding:16px 14px}.leaderboard-card th:first-child,.leaderboard-card td:first-child{width:54px}.leaderboard-card th:last-child,.leaderboard-card td:last-child{width:70px}.user-flair,.leaderboard-you{margin-left:6px;padding:4px 5px;font-size:8px}}