*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);justify-content:center;align-items:center;font-family:Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}#app{z-index:2;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.state-input{color:#f5f5f5;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:2rem;display:flex}.state-input h1{color:#555;letter-spacing:.1em;text-align:center;font-size:clamp(.75rem,2vw,1rem);font-weight:400}.state-input form{flex-direction:column;align-items:center;gap:1.6rem;width:min(760px,92%);display:flex}.state-input input{color:#f5f5f5;text-align:center;background:0 0;border:none;border-bottom:2px solid #444;outline:none;width:100%;padding:.6rem;font-size:clamp(1.8rem,5.5vw,3.2rem);transition:border-color .2s}.state-input input:focus{border-color:#fff}.state-input input::placeholder{color:#333}.state-input button{color:#111;letter-spacing:.12em;cursor:pointer;background:#fff;border:none;padding:.9rem 3.5rem;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;transition:opacity .2s}.state-input button:hover{opacity:.85}.state-input button:disabled{opacity:.35;cursor:not-allowed}.loading-hint{color:#555;min-height:1.2em;font-size:.85rem;transition:color .2s}.loading-hint--nag{color:#f66;animation:.6s nag-flash}@keyframes nag-flash{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.submit-btn--shake{animation:.6s nag-flash}.char-count{color:#555;letter-spacing:.04em;align-self:flex-end;font-size:.75rem;transition:color .2s}.char-count--warn{color:#e05050}#yt-bg{z-index:1;pointer-events:none;opacity:0;border:none;width:100%;height:100%;transition:opacity .5s;display:none;position:fixed;inset:0}#yt-bg.yt-bg--screaming,#yt-bg.yt-bg--monitoring{display:block}#yt-bg.yt-bg--screaming{opacity:.6}#yt-bg.yt-bg--monitoring{opacity:.9}.state-screaming{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;padding:2rem;display:flex;position:relative;overflow:hidden}body.state--screaming{animation:bg-pulse var(--pulse-duration,.8s) ease-in-out infinite alternate}body.state--screaming.urgency3-shake{animation:bg-pulse var(--pulse-duration,.8s) ease-in-out infinite alternate, urgency3-shake .6s ease-in-out 3}@keyframes bg-pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}.state-screaming .flames,.state-screaming .countdown,.state-screaming .micro-step{z-index:2;position:relative}.flames{pointer-events:none;position:absolute;inset:0}.flame{bottom:0;left:var(--x,50%);font-size:var(--size,1rem);animation:flame-rise var(--duration,.8s) var(--delay,0s) ease-in infinite;opacity:0;-webkit-user-select:none;user-select:none;position:absolute}@keyframes flame-rise{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(-80vh)scale(.3)}}.countdown{text-shadow:0 0 60px #ffffff80;font-size:clamp(7rem,28vw,16rem);font-weight:900;line-height:1;animation:.5s step-end infinite blink}@keyframes blink{50%{opacity:.55}}.micro-step{background:#00000059;border-radius:8px;max-width:560px;padding:1rem 1.5rem;font-size:clamp(1rem,2.8vw,1.5rem);font-weight:700;line-height:1.6}.micro-step-label{letter-spacing:.12em;opacity:.65;margin-bottom:.4rem;font-size:.75rem}.state-monitoring{color:#f5f5f5;text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:2rem;display:flex;position:relative}.state-monitoring>:not(.eyes-container){z-index:2;position:relative}.monitoring-micro-step{color:#f5f5f5;background:#ffffff12;border-radius:8px;max-width:700px;padding:1.2rem 2rem;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;line-height:1.6}.elapsed{color:#555;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:clamp(.85rem,2vw,1rem)}.done-btn{color:#111;letter-spacing:.1em;cursor:pointer;background:#fff;border:none;align-items:center;gap:.6rem;padding:1.4rem 5rem;font-size:clamp(1.4rem,4.5vw,2.2rem);font-weight:900;animation:1.5s ease-in-out infinite pulse;display:flex}.done-hint{letter-spacing:.06em;background:#0000001f;border-radius:4px;padding:.15em .4em;font-size:.6em;font-weight:400}@keyframes pulse{0%,to{box-shadow:0 0 20px #ffffff26}50%{box-shadow:0 0 50px #fff9}}.history{width:min(600px,90%);margin-top:1rem}.history-label{color:#555;letter-spacing:.08em;text-align:left;margin-bottom:.6rem;font-size:.75rem}.history-list{flex-direction:column;gap:.4rem;max-height:160px;list-style:none;display:flex;overflow-y:auto}.history-item{color:#888;text-align:left;align-items:baseline;gap:.6rem;font-size:.85rem;display:flex}.history-elapsed{color:#444;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.7rem}.coach-overlay{z-index:200;text-align:center;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) coach-slam;display:flex;position:fixed;inset:0}@keyframes coach-slam{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.coach-overlay p{color:#fff;text-shadow:0 2px 20px #ff6400cc;max-width:500px;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;line-height:1.4}.coach-overlay button{color:#fff;cursor:pointer;letter-spacing:.1em;background:#f40;border:none;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:900;animation:.8s ease-in-out infinite pulse}.commitment-selector{width:100%;margin-top:.25rem}.commitment-label{color:#555;letter-spacing:.08em;margin-bottom:.6rem;font-size:.85rem}.commitment-options{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.commit-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #444;padding:.5rem 1.1rem;font-size:clamp(.85rem,2vw,1rem);transition:all .15s}.commit-btn:hover{color:#eee;border-color:#aaa}.commit-btn--active{color:#111;background:#fff;border-color:#fff;font-weight:700}.commitment-options:has(.commit-btn--active) .commit-btn:not(.commit-btn--active){opacity:.35;color:#666;border-color:#333}.ulysses-bar-wrap{background:#ffffff1a;border-radius:3px;width:min(560px,90%);height:6px;margin-top:-1rem;position:relative}.ulysses-bar-wrap--hidden{display:none}.ulysses-bar{background:#22c55e;border-radius:3px;height:100%;transition:width .5s linear,background .3s}.ulysses-label{color:#888;font-variant-numeric:tabular-nums;font-size:.78rem;position:absolute;top:-1.6em;right:0}.ulysses--warn .ulysses-bar{background:#eab308;animation:1s ease-in-out infinite alternate ulysses-pulse}@keyframes ulysses-pulse{0%{box-shadow:0 0 4px #eab308}to{box-shadow:0 0 16px #eab308}}.ulysses--danger .ulysses-bar{background:#ef4444;animation:.25s step-end infinite ulysses-blink}@keyframes ulysses-blink{50%{opacity:.2}}.burning-overlay{z-index:300;background:#c80000e0;justify-content:center;align-items:center;animation:.15s step-end 6 burn-flash;display:flex;position:fixed;inset:0}@keyframes burn-flash{50%{background:#ff5000}}.burning-message{color:#fff;text-align:center;font-weight:900}.burning-message p{text-shadow:0 0 40px #ff0;font-size:clamp(2rem,8vw,4rem)}.burning-sub{opacity:.85;margin-top:.5rem;font-size:clamp(1rem,3vw,1.5rem)!important}.burning-message button{color:#b00;cursor:pointer;background:#fff;border:none;margin:2rem auto 0;padding:.8rem 2.5rem;font-size:1.2rem;font-weight:900;animation:.6s ease-in-out infinite pulse;display:block}.social-proof{color:#ffffff73;letter-spacing:.06em;font-size:clamp(.78rem,2vw,.92rem)}#challenger-count{color:#ffffffbf;font-weight:700}.share-modal{z-index:500;background:#000000eb;justify-content:center;align-items:center;animation:.35s cubic-bezier(.175,.885,.32,1.275) coach-slam;display:flex;position:fixed;inset:0}.share-modal-inner{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;max-width:min(480px,90vw);padding:2.5rem 2rem;display:flex}.share-title{color:#fff;letter-spacing:.06em;text-shadow:0 0 40px #ffdc00b3;font-size:clamp(2rem,7vw,3rem);font-weight:900}.share-task{color:#ccc;max-width:360px;font-size:clamp(1rem,3vw,1.3rem);font-weight:700;line-height:1.5}.share-elapsed{color:#22c55e;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:900}.share-x-btn{color:#fff;letter-spacing:.08em;cursor:pointer;background:#000;border:2px solid #fff;min-height:44px;padding:.8rem 2.5rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.share-x-btn:hover{color:#000;background:#fff}.share-skip-btn{color:#555;cursor:pointer;letter-spacing:.06em;background:0 0;border:none;min-height:44px;padding:.4rem 1rem;font-size:.9rem;transition:color .15s}.share-skip-btn:hover{color:#aaa}@keyframes urgency3-shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-6px,3px)rotate(-1deg)}20%{transform:translate(6px,-3px)rotate(1deg)}30%{transform:translate(-8px,2px)rotate(-.5deg)}40%{transform:translate(8px,-2px)rotate(.5deg)}50%{transform:translate(-5px,5px)rotate(-1deg)}60%{transform:translate(5px,-5px)rotate(1deg)}70%{transform:translate(-7px,2px)rotate(-.5deg)}80%{transform:translate(7px,-2px)rotate(.5deg)}90%{transform:translate(-4px,4px)rotate(0)}}.done-flash{z-index:9999;pointer-events:none;background:#fff;animation:.6s ease-out forwards done-flash-anim;position:fixed;inset:0}@keyframes done-flash-anim{0%{opacity:.9;transform:scale(1)}40%{opacity:.7;transform:scale(1.04)}to{opacity:0;transform:scale(1.08)}}.lang-btn{z-index:10000;color:#fff;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:background .15s;position:fixed;top:12px;right:12px}.lang-btn:hover{background:#ffffff40}.eyes-container{pointer-events:none;z-index:1;position:absolute;inset:0}.eye{width:56px;height:36px;position:absolute}.eye--tl{top:20px;left:20px}.eye--tr{top:20px;right:20px}.eye--bl{bottom:20px;left:20px}.eyeball{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:4s ease-in-out infinite eye-blink;display:flex;box-shadow:0 0 10px #ffffff40}.eye--tr .eyeball{animation-delay:1.3s}.eye--bl .eyeball{animation-delay:2.7s}.pupil{background:#111;border-radius:50%;width:16px;height:16px;animation:8s ease-in-out infinite eye-track}.eye--tr .pupil{animation-duration:10s;animation-delay:.4s}.eye--bl .pupil{animation-duration:6s;animation-delay:2.1s}@keyframes eye-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}@keyframes eye-track{0%{transform:translate(0)}25%{transform:translate(8px,-4px)}50%{transform:translateY(5px)}75%{transform:translate(-8px,-3px)}to{transform:translate(0)}}.state-input button[type=submit],.commit-btn,.coach-overlay button,.burning-message button{min-height:44px}.done-btn{min-height:56px}.history-list{scrollbar-width:thin;scrollbar-color:#333 transparent}@media (width<=360px){.state-input{gap:1.2rem;padding:1rem}.state-input h1{font-size:.75rem}.commitment-options{gap:.35rem}.commit-btn{padding:.5rem .6rem;font-size:.75rem}}@media (height<=500px) and (orientation:landscape){.state-input{justify-content:flex-start;gap:.75rem;padding:.75rem 1.5rem;overflow-y:auto}.state-input h1,.history{display:none}.countdown{font-size:clamp(4rem,20vw,8rem)}.state-monitoring{gap:1rem;padding:1rem;overflow-y:auto}.eyes-container{display:none}}