body{display:flex;min-height:100vh;flex-direction:column}main{flex:1}.timer-hero{padding:42px 0 32px;overflow:hidden}.breadcrumbs{display:flex;justify-content:center;gap:8px;margin-bottom:20px;color:var(--muted);font-size:.8rem}.breadcrumbs a{color:var(--primary);font-weight:800}.hero-copy{text-align:center}.hero-copy h1{margin:18px auto 15px}.hero-copy .lead{max-width:790px}
.timer-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:20px;align-items:stretch;margin-top:38px}.deadline-panel{position:relative;min-height:670px;overflow:hidden;padding:28px;border-radius:30px;color:#fff;background:radial-gradient(circle at 50% 42%,rgba(109,92,231,.34),transparent 29%),radial-gradient(circle at 6% 10%,rgba(0,194,168,.19),transparent 23%),linear-gradient(145deg,#1d1d49,#312967 58%,#184c57);box-shadow:0 30px 80px rgba(36,31,84,.28);isolation:isolate}.deadline-panel:before,.deadline-panel:after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}.deadline-panel:before{width:370px;height:370px;right:-230px;top:-200px;background:rgba(255,255,255,.06)}.deadline-panel:after{width:310px;height:310px;left:-190px;bottom:-210px;background:rgba(0,194,168,.1)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.live-state,.lock-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:rgba(255,255,255,.77);background:rgba(255,255,255,.07);font-size:.72rem;font-weight:850;letter-spacing:.04em}.live-state i{width:7px;height:7px;border-radius:50%;background:#6fe7d3;box-shadow:0 0 0 5px rgba(111,231,211,.12)}.lock-badge{color:#9cf2e4}.clock-wrap{position:relative;display:grid;width:min(410px,72vw);aspect-ratio:1;place-items:center;margin:25px auto 20px}.clock-aura{position:absolute;inset:15%;border-radius:50%;background:rgba(108,92,231,.4);filter:blur(40px)}.progress-ring{--progress:1;position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,#75ead6 calc(var(--progress)*1turn),#8c72f4 0 100%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 50px rgba(80,222,202,.11)}.progress-ring:before{position:absolute;inset:7px;border-radius:50%;background:linear-gradient(145deg,#2c2864,#202450 60%,#224553);content:""}.progress-ring:after{position:absolute;inset:21px;border:1px solid rgba(255,255,255,.09);border-radius:50%;content:""}.clock-face{position:absolute;z-index:2;inset:25px;display:grid;place-content:center;justify-items:center;border-radius:50%;text-align:center}.clock-label{color:#8cebdc;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.time-display{margin:10px 0 12px;font-size:clamp(4.4rem,10vw,7rem);font-weight:780;line-height:.92;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.task-display{max-width:235px;overflow:hidden;color:rgba(255,255,255,.67);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.orbit-note{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:rgba(255,255,255,.7);background:rgba(22,24,61,.82);box-shadow:0 10px 24px rgba(0,0,0,.14);font-size:.65rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(8px)}.note-one{left:-23px;top:29%;transform:rotate(-7deg)}.note-two{right:-16px;bottom:25%;transform:rotate(6deg)}.preset-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.preset,.custom-time{display:flex;align-items:center;justify-content:center;min-height:41px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:rgba(255,255,255,.74);background:rgba(255,255,255,.07);font-size:.78rem;font-weight:850;transition:.2s}.preset{padding:0 14px}.preset:hover,.preset.active{border-color:rgba(114,235,215,.46);color:#fff;background:rgba(0,194,168,.2)}.preset:disabled{cursor:not-allowed;opacity:.48}.custom-time{gap:3px;padding:0 10px}.custom-time:focus-within{border-color:#74e7d4;background:rgba(0,194,168,.14)}.custom-time input{width:38px;border:0;outline:0;color:#fff;background:transparent;font:inherit;text-align:right}.custom-time input::placeholder{color:rgba(255,255,255,.55)}.custom-time input:disabled{opacity:.5}.custom-time span{color:rgba(255,255,255,.55)}.deadline-controls{display:flex;justify-content:center;gap:10px;margin-top:18px}.start-button,.ship-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:53px;padding:0 22px;border:0;border-radius:15px;font-weight:900;transition:.2s}.start-button{color:#23204f;background:#79ead7;box-shadow:0 13px 28px rgba(0,194,168,.2)}.start-button:hover{transform:translateY(-2px);background:#8cf1df}.start-button b{font-size:1.1rem}.ship-button{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18)}.ship-button:hover{background:rgba(255,255,255,.2)}.constraint-note{min-height:20px;margin:13px 0 0;color:rgba(255,255,255,.55);font-size:.74rem;text-align:center}.deadline-panel.running .live-state i{animation:pulse 1.5s infinite}.deadline-panel.running .orbit-note{animation:float-note 3s ease-in-out infinite}.deadline-panel.running .note-two{animation-delay:-1.4s}.deadline-panel.final-minute .progress-ring{filter:drop-shadow(0 0 20px rgba(255,183,102,.24))}.deadline-panel.finished{background:linear-gradient(145deg,#1f214d,#293c62)}.deadline-panel.finished .progress-ring{background:#74e7d4}.deadline-panel.finished .clock-label{color:#fff}
.workpad-panel{display:flex;min-width:0;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 24px 65px rgba(53,49,110,.1);backdrop-filter:blur(16px)}.workpad-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mini-label,.section-label{display:block;color:var(--primary);font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.workpad-head h2{margin:6px 0 0;font-size:1.2rem;letter-spacing:-.03em}.saved-pill{flex:none;padding:6px 9px;border-radius:999px;color:#087b6c;background:rgba(0,194,168,.1);font-size:.66rem;font-weight:850}.task-field,.draft-field{display:grid;gap:7px;margin-top:24px}.task-field>span,.draft-field>span{font-size:.77rem;font-weight:850}.task-field input,.draft-field textarea{width:100%;border:1px solid rgba(31,34,62,.13);border-radius:13px;color:var(--text);background:#fff;outline:0;transition:.2s}.task-field input{height:47px;padding:0 13px}.draft-field{flex:1}.draft-field textarea{min-height:248px;height:100%;padding:14px;resize:none;line-height:1.65}.task-field input:focus,.draft-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.09)}.task-field input:disabled,.draft-field textarea:read-only{color:#77798d;background:#f4f3f8}.workpad-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:var(--muted);font-size:.69rem}.workpad-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.workpad-actions button{min-height:43px;border:1px solid var(--border);border-radius:12px;color:var(--primary-dark);background:#f7f6ff;font-size:.76rem;font-weight:850;transition:.2s}.workpad-actions button:hover{border-color:rgba(108,92,231,.25);background:#efedff}.promise-card{display:flex;align-items:center;gap:12px;margin-top:17px;padding:14px;border-radius:15px;background:linear-gradient(120deg,rgba(108,92,231,.08),rgba(0,194,168,.08))}.promise-mark{display:grid;width:35px;height:35px;flex:none;place-items:center;border-radius:11px;color:#fff;background:var(--accent);font-weight:900}.promise-card p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.5}.promise-card strong{display:block;color:var(--text)}
.truth-strip{padding:0 0 72px}.truth-card{display:grid;grid-template-columns:auto 1.15fr .85fr;align-items:center;gap:24px;padding:26px 28px;border:1px solid rgba(108,92,231,.12);border-radius:24px;background:linear-gradient(110deg,rgba(108,92,231,.09),rgba(255,255,255,.88));box-shadow:0 15px 42px rgba(53,49,110,.06)}.truth-number{display:grid;width:74px;height:74px;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(145deg,var(--primary),#8774ed);font-size:1.23rem;font-weight:950}.truth-card>div>span{color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.truth-card h2{margin:6px 0 0;font-size:clamp(1.2rem,2.4vw,1.65rem);letter-spacing:-.03em}.truth-card>p{margin:0;padding-left:24px;border-left:1px solid var(--border);color:var(--muted);font-size:.82rem;line-height:1.65}
.content-section{padding:75px 0}.content-soft{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.43)}.content-copy{max-width:1050px}.content-copy>h2,.split-copy h2,.try-head h2{margin:9px 0 13px;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.045em}.content-copy>p,.split-copy p,.try-head p{color:var(--muted);line-height:1.75}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.step-grid article{padding:25px;border:1px solid var(--border);border-radius:21px;background:#fff;box-shadow:0 12px 35px rgba(53,49,110,.05)}.step-grid article>span{display:grid;width:35px;height:35px;place-items:center;margin-bottom:25px;border-radius:11px;color:var(--primary);background:#f0eeff;font-size:.76rem;font-weight:900}.step-grid h3{margin:0 0 8px;font-size:1.05rem}.step-grid p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.65}.split-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.split-copy p:first-child{margin-top:4px}.split-copy p:last-child{margin-bottom:0}.faq-list{display:grid;gap:10px;margin-top:26px}.faq-list details{padding:0 21px;border:1px solid var(--border);border-radius:16px;background:#fff}.faq-list summary{padding:18px 28px 18px 0;cursor:pointer;font-weight:850;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;right:0;top:17px;color:var(--primary);font-size:1.25rem;content:"+"}.faq-list details[open] summary:after{content:"\2212"}.faq-list p{margin:0 0 19px;color:var(--muted);font-size:.88rem;line-height:1.7}
.try-section{padding:73px 0}.try-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.try-head p{margin:0}.try-head>a{flex:none;color:var(--primary);font-size:.85rem;font-weight:850}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.try-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:19px;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:0 12px 32px rgba(53,49,110,.055);transition:.22s}.try-card:hover{transform:translateY(-3px);border-color:rgba(108,92,231,.23);box-shadow:0 17px 38px rgba(53,49,110,.1)}.try-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:var(--primary);background:#f0eeff;font-size:.72rem;font-weight:950}.try-card>span:nth-child(2)>*{display:block}.try-card strong{font-size:.86rem}.try-card>span:nth-child(2)>span{margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.4}.try-card b{color:var(--primary)}
.deadline-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(17,17,48,.82);opacity:0;visibility:hidden;backdrop-filter:blur(16px);transition:.32s}.deadline-overlay.show{opacity:1;visibility:visible}.deadline-card{position:relative;width:min(100%,535px);padding:42px;text-align:center;border:1px solid rgba(255,255,255,.65);border-radius:30px;background:linear-gradient(145deg,#fff,#f2f0ff);box-shadow:0 35px 100px rgba(0,0,0,.35);transform:translateY(20px) scale(.96);transition:.38s cubic-bezier(.2,.9,.2,1.15)}.deadline-overlay.show .deadline-card{transform:none}.done-check{display:grid;width:70px;height:70px;place-items:center;margin:0 auto 20px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#00c2a8,#36d9be);box-shadow:0 16px 32px rgba(0,194,168,.24);font-size:1.8rem;font-weight:950}.deadline-card h2{margin:7px 0 11px;font-size:clamp(2.25rem,8vw,3.6rem);letter-spacing:-.06em}.deadline-card>p:not(.mini-label){margin:0 auto;color:var(--muted);line-height:1.65}.deadline-card>strong{display:block;margin-top:18px;color:var(--primary-dark)}.stop-stamp{position:absolute;right:-16px;top:19px;padding:7px 11px;border:3px solid #ff6c7d;border-radius:7px;color:#e95164;font-size:.7rem;font-weight:950;letter-spacing:.14em;transform:rotate(8deg)}.overlay-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.overlay-actions button{min-height:49px;border-radius:13px;font-weight:900}.overlay-primary{border:0;color:#fff;background:var(--primary)}.overlay-secondary{border:1px solid var(--border);color:var(--primary-dark);background:#fff}.deadline-burst{position:absolute;inset:50%;pointer-events:none}.deadline-burst i{position:absolute;width:10px;height:70px;border-radius:99px;background:linear-gradient(#70ead6,transparent);transform-origin:50% 290px}.deadline-burst i:nth-child(1){transform:translateY(-290px) rotate(0)}.deadline-burst i:nth-child(2){transform:translateY(-290px) rotate(60deg)}.deadline-burst i:nth-child(3){transform:translateY(-290px) rotate(120deg)}.deadline-burst i:nth-child(4){transform:translateY(-290px) rotate(180deg)}.deadline-burst i:nth-child(5){transform:translateY(-290px) rotate(240deg)}.deadline-burst i:nth-child(6){transform:translateY(-290px) rotate(300deg)}.toast{position:fixed;z-index:110;left:50%;bottom:25px;padding:11px 16px;border-radius:12px;color:#fff;background:#292654;box-shadow:0 14px 35px rgba(0,0,0,.22);font-size:.8rem;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(111,231,211,0)}}@keyframes float-note{50%{translate:0 -6px}}@media(max-width:940px){.timer-workspace{grid-template-columns:1fr}.workpad-panel{min-height:570px}.truth-card{grid-template-columns:auto 1fr}.truth-card>p{grid-column:1/-1;padding:18px 0 0;border-left:0;border-top:1px solid var(--border)}.try-grid{grid-template-columns:1fr}.split-copy{grid-template-columns:1fr;gap:10px}}@media(max-width:700px){.timer-hero{padding-top:28px}.deadline-panel,.workpad-panel{padding:20px;border-radius:23px}.deadline-panel{min-height:610px}.panel-top{align-items:flex-start}.lock-badge{padding:0 9px;font-size:.62rem}.clock-wrap{width:min(330px,82vw);margin-top:35px}.time-display{font-size:clamp(4rem,20vw,5.5rem)}.note-one{left:-2px}.note-two{right:-2px}.preset-row{gap:6px}.preset{padding:0 11px}.step-grid{grid-template-columns:1fr}.try-head{align-items:flex-start;flex-direction:column}.truth-card{grid-template-columns:1fr}.truth-number{width:58px;height:58px;border-radius:17px}.content-section,.try-section{padding:58px 0}.deadline-card{padding:37px 20px 25px}.stop-stamp{right:9px;top:12px}.overlay-actions{grid-template-columns:1fr}.workpad-meta{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}