:root{--bg-obsidian:#f8f9fa;--bg-dark-gray:#f1f3f5;--bg-card:#fff;--primary-violet:#0c0830;--primary-violet-rgb:12, 8, 48;--primary-violet-glow:#0c083008;--accent-lilac:#5715f9;--accent-lilac-rgb:87, 21, 249;--accent-lilac-glow:#5715f90d;--accent-neon:#7d5dfe;--accent-neon-rgb:125, 93, 254;--text-white:#0c0830;--text-silver:#374151;--text-muted:#6b7280;--border-translucent:#0c08300f;--border-glow:#5715f940;--font-heading:"Georgia", "Merriweather", serif;--font-body:"Inter", sans-serif;--max-width:1400px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}html{scroll-behavior:smooth;background-color:var(--bg-obsidian);color:var(--text-silver);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{background-color:var(--bg-obsidian);min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:#0c083026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lilac)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:none;color:var(--primary-violet);letter-spacing:-.015em;font-weight:700}h1{font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.15}h2{margin-bottom:1.5rem;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.2}h3{font-size:clamp(1.3rem,1.8vw,1.65rem);line-height:1.25}p{color:var(--text-silver);font-family:var(--font-body)}.bg-glow-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-capsule-1{background:radial-gradient(circle,#5715f90a 0%,#0c083003 50%,#0000 80%);border-radius:50%;width:60vw;height:60vw;animation:30s ease-in-out infinite alternate slowFloat;position:absolute;top:-15%;right:-10%}.bg-capsule-2{background:radial-gradient(circle,#0c083005 0%,#5715f905 60%,#0000 80%);border-radius:50%;width:70vw;height:70vw;animation:40s ease-in-out infinite alternate-reverse slowFloat;position:absolute;bottom:-20%;left:-15%}.bg-capsule-3{filter:blur(50px);background:radial-gradient(circle,#5715f905 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;animation:100s linear infinite slowSpin;position:absolute;top:30%;left:30%}@keyframes slowFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(2%,4%)scale(1.03)}to{transform:translate(-1%,-2%)scale(.97)}}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-panel{background:var(--bg-card);border:1px solid var(--border-translucent);transition:var(--transition-smooth);border-radius:12px;box-shadow:0 4px 20px #0c083005,0 1px 3px #00000003}.glass-panel:hover{border-color:#5715f926;box-shadow:0 16px 36px #0c08300a,0 1px 3px #5715f905}.glass-interactive{cursor:pointer}.glass-interactive:active{transform:scale(.99)}.btn-primary{background:linear-gradient(135deg, var(--accent-lilac) 0%, var(--accent-neon) 100%);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:1px solid #5715f926;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #5715f933;color:#fff!important}.btn-primary:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #5715f94d}.btn-secondary{font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0c08302e;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;color:var(--primary-violet)!important}.btn-secondary:hover{border-color:var(--accent-lilac);background:#0c083008;transform:translateY(-2px)}.gradient-text-purple,.gradient-text-full{color:var(--primary-violet);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:initial;background-clip:unset}.container{width:100%;max-width:var(--max-width);box-sizing:border-box;margin:0 auto;padding:0 3rem}section{padding:6.5rem 0;position:relative;overflow:hidden}@media (width<=768px){section{padding:4.5rem 0}.container{padding:0 1.5rem}}.predictor-widget{grid-template-columns:.42fr .58fr;align-items:center;gap:4rem;max-width:1100px;min-height:580px;margin:0 auto;padding:2rem 0;display:grid}.phone-wrapper{justify-content:center;align-items:center;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.predictor-widget.step-scale .phone-wrapper.phone-blurred-scale{opacity:.28;filter:blur(2px);transform:scale(.68)translate(-10%)}.predictor-phone-col{justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s,filter .6s;display:flex;position:relative}.predictor-instruction-col{flex-direction:column;justify-content:center;min-height:400px;display:flex}.progress-dots{justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.progress-dot{background:0 0;border:2px solid #5715f940;border-radius:50%;width:10px;height:10px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.progress-dot.active{background:var(--accent-lilac);border-color:var(--accent-lilac);transform:scale(1.2);box-shadow:0 0 12px #5715f966}.progress-dot.completed{background:var(--accent-lilac);border-color:var(--accent-lilac);opacity:.6}.iphone-frame{background:#1c1c1e;border:3px solid #3a3a3c;border-radius:40px;flex-direction:column;width:290px;height:590px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 25px 60px #0c083026,0 8px 24px #5715f914}.iphone-glow{pointer-events:none;z-index:-1;background:radial-gradient(#5715f91f 0%,#5715f90a 40%,#0000 70%);border-radius:50%;width:360px;height:660px;animation:6s ease-in-out infinite alternate floatGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iphone-notch{z-index:5;background:#000;border-radius:0 0 18px 18px;width:120px;height:28px;margin:0 auto;position:relative}.iphone-status-bar{color:#fff9;justify-content:space-between;align-items:center;height:18px;padding:2px 24px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.65rem;font-weight:600;display:flex}.notes-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 20px;display:flex}.notes-header-dot{background:#ffd60a;border-radius:50%;width:8px;height:8px}.notes-header-title{color:#ffffff80;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.7rem;font-weight:500}.notes-screen{flex-wrap:wrap;flex:1;align-content:flex-start;gap:0 6px;min-height:120px;padding:16px 20px;display:flex;overflow:hidden}.notes-word{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:1.05rem;line-height:1.6;animation:.35s ease-out forwards wordAppear}.notes-word.existing{animation:none}.notes-cursor{vertical-align:text-bottom;background:#007aff;width:2px;height:1.15em;margin-left:1px;animation:1s step-end infinite blinkCursor;display:inline-block}.prediction-bar{background:#2c2c2e;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;gap:1px;padding:6px 8px;display:flex}.prediction-pill{color:#fff;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#3a3a3c;border:none;border-radius:6px;flex:1;padding:7px 4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.85rem;font-weight:400;transition:all .15s;position:relative;overflow:hidden}.prediction-pill:hover{background:#48484a}.prediction-pill:active{background:#5715f980;transform:scale(.94)}.prediction-pill.animating-in{animation:.3s ease-out forwards pillFadeIn}.prediction-pill.animating-out{animation:.2s ease-in forwards pillFadeOut}@keyframes pulseFirstPill{0%,to{background:#3a3a3c;border-color:#5715f94d;box-shadow:0 0 #5715f999}50%{background:#5715f940;border-color:#5715f9cc;box-shadow:0 0 16px 4px #5715f980}}.prediction-pill.first-attention{color:#fff!important;border:1.5px solid #5715f999!important;font-weight:600!important;animation:1.8s ease-in-out infinite pulseFirstPill!important}.prediction-pill:not(:last-child){border-right:1px solid #ffffff0f;border-radius:6px 0 0 6px}.prediction-pill:not(:first-child):not(:last-child){border-radius:0}.prediction-pill:last-child{border-radius:0 6px 6px 0}.prediction-bar-hidden{visibility:hidden;height:39px}.prediction-bar-complete{background:#2c2c2e;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;height:39px;padding:7px 8px;display:flex}.complete-check{color:#34c759;align-items:center;gap:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.8rem;font-weight:500;animation:1.2s ease-out celebrationPulse;display:flex}.keyboard-display{background:#1c1c1e;flex-direction:column;gap:6px;padding:6px 4px 20px;display:flex}.keyboard-row{justify-content:center;gap:4px;display:flex}.keyboard-key{color:#fff;pointer-events:none;background:#3a3a3c;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;min-width:24px;max-width:30px;height:38px;padding:0 6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.82rem;font-weight:400;transition:background .15s;display:flex;box-shadow:0 1px #00000059}.keyboard-key.special{background:#636366;min-width:36px;max-width:44px;font-size:.7rem;font-weight:500}.keyboard-key.space{color:#fff9;flex:4;min-width:120px;max-width:160px;font-size:.75rem}.keyboard-key.ripple{animation:.5s ease-out keyRipple}.iphone-home-bar{background:#ffffff4d;border-radius:2px;width:120px;height:4px;margin:4px auto 8px}.instruction-panel{min-height:380px;position:relative}.instruction-content{animation:.45s cubic-bezier(.16,1,.3,1) forwards contentSlideIn}.instruction-content.exiting{animation:.25s ease-in forwards contentSlideOut}.instruction-badge{color:var(--accent-lilac);letter-spacing:.12em;background:#5715f914;border:1px solid #5715f926;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.instruction-headline{font-family:var(--font-heading);color:var(--primary-violet);margin-bottom:1.25rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:1.2}.instruction-body{font-family:var(--font-body);color:var(--text-silver);margin-bottom:1rem;font-size:1rem;line-height:1.7}.instruction-body-highlight{color:var(--primary-violet);font-weight:700;display:inline}.instruction-body-secondary{font-family:var(--font-body);color:var(--text-muted);border-left:3px solid #5715f933;margin-bottom:1.25rem;padding-left:1rem;font-size:.95rem;line-height:1.65}.instruction-action{color:var(--accent-lilac);background:#5715f90a;border:1px solid #5715f91a;border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.92rem;font-weight:500;line-height:1.5;display:flex}.instruction-action-icon{color:var(--accent-lilac);opacity:.7;flex-shrink:0;margin-top:2px}.instruction-btn{background:linear-gradient(135deg, var(--accent-lilac) 0%, var(--accent-neon) 100%);color:#fff;font-family:var(--font-body);cursor:pointer;border:1px solid #5715f926;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #5715f933}.instruction-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #5715f959}.instruction-btn:active{transform:scale(.97)}.instruction-btn-secondary{color:var(--primary-violet);font-family:var(--font-body);cursor:pointer;background:0 0;border:1.5px solid #5715f940;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.instruction-btn-secondary:hover{border-color:var(--accent-lilac);background:#5715f90d;transform:translateY(-1px)}.instruction-btn-secondary:active{transform:scale(.98)}.primary-cta-container{justify-content:center;width:100%;margin-top:2rem;display:flex}.primary-cta-container .instruction-btn{justify-content:center;width:100%;max-width:380px}.secondary-nav-row{justify-content:center;gap:1rem;width:100%;margin-top:.75rem;display:flex}.secondary-nav-row .instruction-btn-secondary{flex:1;justify-content:center;max-width:180px}.scale-comparison-overlay{z-index:10;flex-direction:column;justify-content:center;gap:1.25rem;padding:1rem;display:flex;position:absolute;inset:0}.scale-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0c083014;border-radius:12px;padding:1.1rem 1.25rem;transition:all .4s;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleCardIn;box-shadow:0 10px 25px #0c08300d,0 1px 3px #0c083005}.scale-card.phone{border-color:#0c083014}.scale-card.llm{opacity:0;border-color:#5715f940;animation-delay:.15s;box-shadow:0 12px 30px #5715f914,0 2px 6px #5715f908}.scale-card-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-violet);border-bottom:2px solid #0c083014;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:.96rem;font-weight:800}.scale-card.llm .scale-card-label{color:var(--accent-lilac);border-bottom-color:#5715f940}.scale-stat{border-bottom:1px solid #0000000a;flex-direction:column;align-items:flex-start;gap:2px;padding:.45rem 0;display:flex}.scale-stat:last-child{border-bottom:none}.scale-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:700}.scale-stat-value{color:var(--text-silver);font-size:.82rem;font-weight:600;line-height:1.3}.scale-card.llm .scale-stat-value{color:var(--accent-lilac)}.sentence-display{color:var(--primary-violet);background:#5715f90a;border:1px solid #5715f91f;border-radius:8px;margin:1.25rem 0;padding:1rem 1.5rem;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;font-weight:600;line-height:1.5;animation:1s ease-out celebrationPulse}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes wordAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pillFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pillFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes keyRipple{0%{background:#5715f980}to{background:#3a3a3c}}@keyframes celebrationPulse{0%{box-shadow:0 0 #5715f94d}50%{box-shadow:0 0 20px 4px #5715f926}to{box-shadow:0 0 #5715f900}}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes contentSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes floatGlow{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-48%)scale(1.05)}to{opacity:1;transform:translate(-50%,-52%)scale(.97)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleCardIn{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.scale-card{animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleCardIn}.scale-card.llm{opacity:0;animation-delay:.15s;animation-fill-mode:forwards}.notes-screen.tokenized{flex-wrap:wrap;place-content:flex-start;gap:6px;padding:16px 20px;display:flex}.notes-word.token-block{color:#e2d9ff;background:#5715f914;border:1px solid #5715f94d;border-radius:6px;padding:3px 8px;font-size:.95rem;font-weight:500;transition:all .5s cubic-bezier(.16,1,.3,1);animation:.4s cubic-bezier(.175,.885,.32,1.275) both tokenSeparate;display:inline-block;box-shadow:0 2px 6px #5715f926}.notes-word.token-block.outside-context{opacity:.3;filter:grayscale();box-shadow:none;background:#ffffff05;border-color:#ffffff1a}.notes-word.token-block.highlighted-context{border-color:var(--accent-lilac);color:#fff;background:#5715f91f;box-shadow:0 0 10px #5715f959,inset 0 0 4px #5715f933}@keyframes tokenSeparate{0%{background:0 0;border-color:#ffffff1a;transform:scale(.9)}to{background:#5715f914;border-color:#5715f94d;transform:scale(1)}}.replay-container{background:var(--bg-card);border:1px solid #0c083014;border-radius:16px;min-height:380px;margin-top:1.5rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0c08300f,0 1px 3px #0c083005}.replay-screen-active{z-index:1;position:relative}.possibility-cloud{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cloud-particle{color:#5715f912;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;font-weight:500;transition:opacity .6s;animation:16s linear infinite alternate particleDrift;position:absolute}@keyframes particleDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(25px,-25px)rotate(5deg)}}.replay-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:1.1rem;font-size:.8rem;display:flex;position:relative}.replay-step-badge{color:var(--accent-lilac);letter-spacing:.02em;background:#5715f914;border:1px solid #5715f926;border-radius:9999px;padding:3px 10px;font-size:.72rem;font-weight:700}.replay-context-tag{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-weight:600;overflow:hidden}.predictions-list-container{z-index:2;min-height:180px;margin-bottom:.5rem;position:relative}.replay-intro-box{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:170px;display:flex}.intro-spinner{border:2px solid #5715f926;border-top-color:var(--accent-lilac);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}.intro-text{color:var(--text-silver);font-size:.82rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.predictions-ranked-list{flex-direction:column;gap:.45rem;display:flex}.prediction-row{border:1px solid #0000;border-radius:8px;flex-direction:column;gap:3px;padding:4px 8px;transition:all .3s;display:flex}.prediction-row.row-selected{background:#5715f90a;border-color:#5715f926}.prediction-row.glow-select{animation:1.2s ease-in-out infinite alternate rowGlowPulse}@keyframes rowGlowPulse{0%{background:#5715f908;border-color:#5715f926;box-shadow:0 0 6px #5715f90d}to{background:#5715f914;border-color:#5715f966;box-shadow:0 0 12px #5715f926}}.pred-word-label{color:var(--primary-violet);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;display:flex}.pred-word-left{align-items:center;gap:6px;display:flex}.pred-rank{color:var(--text-muted);font-family:monospace;font-size:.8rem}.pred-word{color:var(--primary-violet);font-weight:600}.pred-word.flying-word{animation:.6s cubic-bezier(.25,.8,.25,1) infinite alternate flyingWordEffect}@keyframes flyingWordEffect{0%{filter:drop-shadow(0 0 #5715f900);transform:scale(1)}to{filter:drop-shadow(0 0 8px #5715f966);color:var(--accent-lilac);transform:scale(1.12)}}.your-choice-badge{color:var(--accent-lilac);letter-spacing:.05em;text-transform:uppercase;background:#5715f914;border:1px solid #5715f940;border-radius:4px;padding:2px 7px;font-size:.62rem;font-weight:700}.pred-gauge-wrapper{align-items:center;gap:12px;width:100%;display:flex}.pred-gauge-fill{background:#e5e7eb;border-radius:3px;height:6px}.pred-gauge-fill.accent-fill{background:linear-gradient(90deg, var(--accent-lilac) 0%, var(--accent-neon) 100%)}.pred-probability{color:var(--accent-lilac);text-align:right;min-width:35px;font-family:monospace;font-size:.75rem;font-weight:600}.lower-probability-footer{color:var(--text-muted);margin-top:3px;padding-left:8px;font-size:.72rem;font-style:italic}.moment-explanation-card{background:#5715f90a;border:1px solid #5715f91a;border-radius:12px;margin:.75rem 0 .5rem;padding:.9rem 1.1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.moment-explanation-text{color:var(--text-silver);font-size:.84rem;line-height:1.55;font-family:var(--font-body);margin-bottom:.85rem}.replay-next-moment-btn{background:linear-gradient(135deg, var(--accent-lilac) 0%, var(--accent-neon) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #5715f940}.replay-next-moment-btn:hover{filter:brightness(1.08);transform:translateY(-1.5px);box-shadow:0 6px 18px #5715f966}.replay-next-moment-btn:active{transform:translateY(0);box-shadow:0 3px 8px #5715f933}.replay-controls-row{z-index:2;border-top:1px solid #0c083014;justify-content:space-between;align-items:center;margin-top:.65rem;padding-top:.65rem;display:flex;position:relative}.replay-dots{gap:6px;display:flex}.replay-dot{background:#0c08301f;border-radius:50%;width:7px;height:7px;transition:all .3s}.replay-dot.active{background:var(--accent-lilac);transform:scale(1.25);box-shadow:0 0 6px #5715f966}.replay-dot.done{background:#5715f980}.replay-restart-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.replay-restart-btn:hover{color:var(--accent-lilac);background:#5715f90d}.replay-restart-btn.completed-restart{color:var(--accent-lilac);background:#5715f90d;border:1px solid #5715f926;border-radius:6px;margin:.5rem auto 0;padding:6px 14px;display:inline-flex}.replay-restart-btn.completed-restart:hover{color:var(--accent-lilac);background:#5715f91a;border-color:#5715f94d}.replay-completed-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.25rem 0;animation:.5s ease-out forwards fadeInUp;display:flex}.completed-check-icon{margin-bottom:.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popScale}@keyframes popScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.loop-title{color:var(--primary-violet);margin-bottom:.25rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:700}.loop-desc{color:var(--text-silver);max-width:92%;margin:0 auto;font-size:.8rem}.loop-diagram{background:#5715f908;border:1px solid #5715f914;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;width:100%;margin:.75rem 0;padding:10px 6px;display:flex}.loop-interactive-callout{color:var(--text-silver);text-align:center;background:#5715f90a;border:1px solid #5715f914;border-radius:8px;max-width:95%;margin:.5rem 0 .75rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.45}.loop-interactive-callout strong{color:var(--accent-lilac)}.loop-node{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.node-icon{background:#5715f90f;border:1px solid #5715f926;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.loop-node span{color:var(--text-silver);letter-spacing:-.01em;font-size:.65rem;font-weight:600}.loop-arrow{color:var(--accent-lilac);font-size:.75rem;animation:1.5s infinite alternate pulseArrow}@keyframes pulseArrow{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1.15)}}.replay-footer-controls{justify-content:center;width:100%;margin-top:.25rem;display:flex}.instruction-body-tertiary{font-family:var(--font-body);color:var(--text-silver);margin-bottom:1.25rem;font-size:.95rem;line-height:1.65}.takeaway-highlight-callout{border-left:4px solid var(--accent-lilac);background:#5715f90a;border-radius:4px 12px 12px 4px;margin:1.2rem 0;padding:.9rem 1.1rem;box-shadow:0 4px 12px #5715f905}.takeaway-highlight-callout .instruction-body-tertiary{color:var(--text-silver);margin:0;font-size:.92rem;font-weight:500;line-height:1.5}.instruction-final-sentence{font-family:var(--font-body);color:var(--text-silver);margin-top:1rem;margin-bottom:1.5rem;font-size:1.02rem;font-weight:700}.step-5 .instruction-body-secondary{color:var(--text-silver)!important;border-left:none!important;margin-bottom:1rem!important;padding-left:0!important;font-size:1rem!important;line-height:1.7!important}.takeaway-overlay-footer{font-family:var(--font-body);color:var(--text-silver);text-align:center;background:#ffffffd9;border:1px solid #0c08300f;border-radius:8px;margin-top:.5rem;padding:.75rem 1rem;font-size:.82rem;font-weight:500;line-height:1.45;animation:.5s cubic-bezier(.16,1,.3,1) .25s both scaleCardIn;box-shadow:0 4px 12px #0c083008}.takeaway-example-overlay{z-index:10;flex-direction:column;justify-content:center;gap:1.25rem;padding:1rem;display:flex;position:absolute;inset:0}.example-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0c083014;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleCardIn;display:flex;box-shadow:0 10px 25px #0c08300d,0 1px 3px #0c083005}.example-column:hover{border-color:#5715f926;transform:translateY(-2px);box-shadow:0 12px 30px #0c08300f}.example-column.prompt-b{opacity:0;background:#fffffff7;border-color:#5715f940;animation-delay:.15s;box-shadow:0 12px 30px #5715f914,0 2px 6px #5715f908}.example-column.prompt-b:hover{border-color:#5715f959;box-shadow:0 16px 36px #5715f91a}.example-header{justify-content:flex-start;display:flex}.example-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:4px;padding:3px 8px;font-size:.62rem;font-weight:800}.badge-weak{color:var(--primary-violet);background:#0c08300f}.badge-strong{color:var(--accent-lilac);background:#5715f91a}.example-bubble{color:#e2d9ff;background:#1c1c1e;border-left:3px solid #5715f966;border-radius:8px;padding:8px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.45}.prompt-a .example-bubble{border-left-color:#0c08304d}.example-result{color:var(--text-silver);font-size:.82rem;line-height:1.4}.example-result strong{color:var(--primary-violet)}.prompt-b .example-result strong{color:var(--accent-lilac)}@media (width<=600px){.takeaway-example-grid{grid-template-columns:1fr;gap:1rem}}@media (width<=900px){.predictor-widget{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:1rem 0}.predictor-phone-col{order:2}.predictor-instruction-col{order:1;min-height:auto}.predictor-widget.step-scale .phone-wrapper.phone-blurred-scale{display:none}.scale-comparison-overlay,.takeaway-example-overlay{width:100%;margin-top:1.5rem;padding:0;position:relative;inset:auto}.iphone-frame{width:260px;height:530px}.iphone-glow{width:310px;height:590px}.instruction-panel,.replay-container{min-height:auto}}@media (width<=480px){.iphone-frame{width:240px;height:490px}.iphone-glow{width:280px;height:540px}.instruction-headline{font-size:1.35rem}.loop-diagram{gap:2px}.node-icon{width:28px;height:28px;font-size:.95rem}.loop-node span{font-size:.58rem}}