#dialog{height:100vh;width:100%;max-width:100vw;max-height:100vh;background:transparent;border:none;padding:0;margin:auto;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1)}#dialog.modal-open{opacity:1;transform:scale(1)}#dialog::backdrop{animation:fadeIn .3s ease}.dialog-content{color:#fff;background:rgba(0,0,0,.75);backdrop-filter:blur(50px);width:85%;max-width:1200px;height:85vh;max-height:750px;border-radius:30px;padding:40px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-shrink:0}#closeDialog{height:18px;width:18px;border-radius:100%;background:#dc2323;border:0;cursor:pointer;transition:all .2s ease}#closeDialog:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(220,35,35,.4)}#closeDialog:active{transform:scale(.95)}.dialog-tabs{font-family:Bayon,sans-serif;font-weight:400;font-size:32px;display:flex;align-items:center;gap:0}.dialog-tabs-sep{height:35px;width:2px;background:#e6e6e6;margin:0 20px}.dialog-tabs h4{color:#999;cursor:pointer;letter-spacing:1px;transition:all .3s ease;position:relative}.dialog-tabs h4:hover{color:#ccc}.dialog-tabs h4.active{color:#fff}#features,#mission{height:100%;transition:all .3s ease;overflow-y:auto;padding-right:15px}#features.active,#mission.active{opacity:1;visibility:visible;transform:translateY(0)}#features::-webkit-scrollbar,#mission::-webkit-scrollbar{width:8px}#features::-webkit-scrollbar-track,#mission::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}#features::-webkit-scrollbar-thumb,#mission::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}#features::-webkit-scrollbar-thumb:hover,#mission::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}#mission{color:#ccc;line-height:1.8rem;font-size:18px;font-family:Manrope,sans-serif}#mission p{margin-bottom:15px;opacity:0}#mission p.typed{opacity:1}.cursor{display:inline-block;width:2px;height:1.2em;background-color:#fff;margin-left:2px;animation:blink 1s infinite;vertical-align:middle}#features{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.bento-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:280px 150px 180px;gap:15px;height:100%;width:100%}.bento-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;position:relative;overflow:hidden}.bento-item:hover{border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);filter:brightness(1.4)}.bento-item h3{font-size:clamp(20px,2vw,32px);margin-bottom:10px;line-height:1.1}.bento-item p{font-size:13px;color:#999;line-height:1.4;font-family:Manrope,sans-serif}.feature-number{font-family:Bayon,sans-serif;font-size:36px;color:hsla(0,0%,100%,.15);font-weight:400}.anti-doom-scroll{position:relative;grid-column:1/2;grid-row:1/3;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));justify-content:center;align-items:center;text-align:center}.anti-doom-scroll video{width:120%;filter:brightness(.7)}.anti-doom-scroll .content{position:absolute;z-index:1}.anti-doom-scroll h3{font-size:clamp(28px,3vw,42px);margin-bottom:10px}.anti-doom-scroll .buttons{position:absolute;bottom:0;display:flex;gap:0 80px;justify-content:center;align-items:center}.anti-doom-scroll .buttons span{font-size:28px;font-family:Bayon,sans-serif;cursor:pointer;position:relative;transition:all .3s ease}.anti-doom-scroll .buttons span:hover{transform:scale(1.1)}.anti-doom-scroll .buttons span:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%) scale(0);background:rgba(0,0,0,.95);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-family:Manrope,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 24px rgba(0,0,0,.5)}.anti-doom-scroll .buttons span:hover:after{transform:translateX(-50%) scale(1);opacity:1}.btn-yes{color:#ff6b9d}.btn-no{color:#4ade80;font-size:48px}.alive-calendar{grid-column:2/3;grid-row:1/2;display:flex;flex-direction:row;flex-wrap:wrap;padding:0}.alive-calendar .ali-1,.alive-calendar .ali-3{width:30%;display:flex;justify-content:end;padding:0 20px}.alive-calendar .ali-2,.alive-calendar .ali-4{width:70%;display:flex;padding:20px;justify-content:center;align-items:center;text-align:center}.ali-4{padding:0 20px 20px!important}.alive-calendar .ali-1{border-bottom:2px solid #fff;border-right:2px solid #fff;height:60%}.alive-calendar .ali-2{border-bottom:2px solid #fff;height:50%}.alive-calendar .ali-3{border-right:2px solid #fff;height:40%}.lock-in{grid-column:3/4;grid-row:1/2}.ai-card,.lock-in{text-align:center;justify-content:center;align-items:center}.ai-card{grid-column:2/3;grid-row:2/3;background:linear-gradient(-66deg,#d72c87,#679aa8 50%,#3696b5);border:none}.ai-card h3{font-size:56px}.task-card{height:230%;grid-column:3/4;grid-row:2/3}.task-card h3{margin-bottom:15px}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#999;font-family:Manrope,sans-serif}.checkbox{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-radius:4px;flex-shrink:0}.dopamine-card{grid-column:1/3;grid-row:3/4}.dopamine-content{display:flex;flex-direction:column;justify-content:space-between}.dopamine-content h3{font-size:clamp(32px,4vw,48px)}@media (max-width:1024px){.dialog-content{width:90%;padding:35px}.dialog-tabs{font-size:28px}.bento-grid{grid-template-rows:repeat(3,180px);gap:12px}.bento-item{padding:20px}.bento-item h3{font-size:clamp(18px,2vw,24px)}.bento-item p{font-size:12px}.anti-doom-scroll h3{font-size:clamp(24px,2.5vw,32px)}.anti-doom-scroll .buttons span{font-size:24px}.btn-no{font-size:36px}.ai-card h3{font-size:42px}}@media (max-width:768px){.dialog-content{width:92%;height:80vh;padding:25px}.dialog-tabs{font-size:22px}.dialog-tabs-sep{margin:0 12px;height:28px}#mission{font-size:16px;line-height:1.6rem}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,160px);gap:10px}.anti-doom-scroll{grid-column:1/3;grid-row:1/2;.buttons{display:none}}.anti-doom-scroll .buttons span:after{font-size:12px;padding:10px 16px}.alive-calendar{grid-column:1/2;grid-row:2/3;padding:0;.ali-4{padding:0}}.lock-in{grid-column:2/3;grid-row:2/3}.ai-card{grid-column:1/2;grid-row:3/4}.task-card{grid-column:2/3;grid-row:3/4;height:auto}.dopamine-card{grid-column:1/3;grid-row:4/5}}@media (max-width:480px){.dialog-content{width:95%;height:90vh;padding:20px;border-radius:20px}.dialog-head{margin-bottom:20px}.dialog-tabs{font-size:18px}.dialog-tabs-sep{height:22px;margin:0 8px}#mission{font-size:14px;line-height:1.5rem;padding-right:10px}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:10px}.bento-item{min-height:140px;padding:20px}.anti-doom-scroll{grid-column:1/2;grid-row:auto;min-height:250px;.buttons{display:flex}}.anti-doom-scroll .buttons{gap:0 50px;z-index:99}.anti-doom-scroll .buttons span:after{display:none}.anti-doom-scroll .buttons span:active:after{display:block;position:fixed;bottom:160%;left:50%;transform:translate(-50%,50%) scale(1);z-index:1000;font-size:11px;padding:16px 24px}.alive-calendar{grid-column:1/2;grid-row:auto;height:250px;padding:0;.ali-4{padding:0 20px 20px}}.ai-card,.lock-in{grid-column:1/2;grid-row:auto}.ai-card{min-height:180px}.task-card{min-height:220px;height:auto}.dopamine-card,.task-card{grid-column:1/2;grid-row:auto}}@media (max-height:600px) and (orientation:landscape){.dialog-content{height:95vh}}