*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#121212;justify-content:center;min-height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.hidden{display:none!important}#screen-connect{isolation:isolate;background:radial-gradient(circle at 27% 48%,#1ed76014,#0000 32%),radial-gradient(circle at 78%,#5050ff09,#0000 30%),#0d0d0d;grid-template-rows:1fr auto;grid-template-columns:42% 58%;align-items:center;width:100%;min-height:100vh;padding:28px 40px 18px;display:grid;position:relative;overflow:hidden}.hero{z-index:2;text-align:left;flex-direction:column;grid-area:1/2;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px clamp(30px,5vw,100px);display:flex;position:relative}.hero h1{color:#fff;letter-spacing:-.065em;margin:0;font-size:clamp(64px,7vw,110px);font-weight:700;line-height:.9}.hero h1 span{color:#777}.hero-description{color:#999;letter-spacing:-.01em;max-width:570px;margin:30px 15px;font-size:19px;line-height:1.55}.connect-button{color:#071108;background:#1ed760;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:13px;min-width:250px;padding:16px 20px 16px 22px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex;box-shadow:0 10px 35px #1ed76024}.connect-button img{flex-shrink:0;width:21px;height:21px}.connect-button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 14px 45px #1ed76038}.button-arrow{justify-content:center;align-items:center;margin-left:4px;transition:transform .2s;display:flex}.button-arrow svg{width:18px;height:18px}.connect-button:hover .button-arrow{transform:translate(3px)}.hero-note{color:#666;cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-family:inherit;font-size:12px}.hero-note:hover{opacity:1;color:#888}.hero-note span{color:#999;text-underline-offset:3px;text-decoration:underline}.beta-modal{z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.beta-modal.hidden{display:none}.beta-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;position:absolute;inset:0}.beta-modal-card{z-index:1;background:#151515;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:460px;padding:36px;position:relative;box-shadow:0 30px 100px #00000080}.modal-close{color:#777;background:0 0;border:1px solid #ffffff14;border-radius:50%;width:32px;height:32px;padding:0;font-size:20px;font-weight:400;line-height:1;position:absolute;top:18px;right:18px}.modal-close:hover{opacity:1;color:#fff;border-color:#fff3}.modal-label{color:#1ed760;letter-spacing:.12em;margin-bottom:14px;font-size:11px;font-weight:700}.beta-modal-card h2{color:#fff;letter-spacing:-.04em;margin:0 40px 16px 0;font-size:30px;line-height:1.1}.beta-modal-card>p{color:#888;margin-bottom:16px;font-size:14px;line-height:1.6}.beta-email-button{color:#111;background:#fff;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:14px 17px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:flex}.beta-email-button:hover{opacity:1;background:#eee;transform:translateY(-1px)}.beta-email-button span{font-size:18px}.beta-modal-card .privacy-note{color:#555;margin:18px 0 0;font-size:11px;line-height:1.5}.hero-footer{z-index:2;color:#555;border-top:1px solid #ffffff0a;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:20px 0;font-size:11px;display:flex;position:relative}.footer-main,.footer-links{align-items:center;gap:10px;display:flex}.footer-links button,.footer-links a{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;text-decoration:none}.footer-links button:hover,.footer-links a:hover{opacity:1;color:#aaa}.footer-separator{color:#333}.about-modal{z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.about-modal.hidden{display:none}.about-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;position:absolute;inset:0}.about-modal-card{z-index:1;background:#151515;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:500px;max-height:calc(100vh - 48px);padding:36px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000080}.about-modal-card h2{color:#fff;letter-spacing:-.04em;margin:0 40px 16px 0;font-size:30px;line-height:1.1}.about-modal-card>p{color:#888;margin-bottom:26px;font-size:14px;line-height:1.6}.about-section{border-top:1px solid #ffffff12;padding:18px 0}.about-section h3{color:#fff;margin:0 0 7px;font-size:13px;font-weight:600}.about-section p{color:#777;margin:0;font-size:13px;line-height:1.55}.about-github-button{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:14px 17px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.about-github-button:hover{opacity:1;background:#ffffff14;border-color:#fff3}.about-github-button span{font-size:17px}.hero-glow{z-index:0;filter:blur(120px);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.hero-glow-one{background:#1ed76009;top:20%;left:10%}.hero-glow-two{background:#5050ff09;bottom:5%;right:5%}@media (width<=768px){#screen-connect{flex-direction:column;min-height:100vh;padding:22px 20px;display:flex}.hero{text-align:center;order:1;justify-content:center;align-items:center;height:auto;min-height:75vh;padding:60px 10px 40px}.hero h1{font-size:clamp(56px,16vw,84px)}.hero-description{max-width:390px;margin:28px auto 34px;font-size:16px}.connect-button{gap:13px;width:100%;max-width:300px;padding:16px 22px}.showcase{order:2;height:auto;padding:40px 0 70px}.showcase-heading{text-align:center;max-width:340px}.showcase-stage{padding:0 35px}.showcase-card{width:min(100%,280px)}.showcase-arrow{width:34px;height:34px}.showcase-prev{left:0}.showcase-next{right:0}.hero-footer{text-align:center;flex-direction:column;order:3;gap:8px;padding:18px 0 8px}.footer-separator{display:none}}.showcase{z-index:2;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100%;padding:30px 20px 30px 10px;display:flex;position:relative}.showcase-heading{width:100%;max-width:490px;margin-bottom:22px}.showcase-label{color:#666;letter-spacing:.14em;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.showcase-heading h2{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1}.showcase-stage{justify-content:center;align-items:center;width:100%;max-width:430px;display:flex;position:relative}.showcase-card{background:#151515;border:1px solid #ffffff1a;border-radius:18px;width:min(100%,280px);overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 60px #1ed76006}.showcase-card img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.showcase-info{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.showcase-info strong{color:#fff;font-size:12px;font-weight:600}.showcase-info p{color:#666;margin:3px 0 0;font-size:10px;line-height:1.4}.showcase-info>span{color:#555;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9px}.showcase-arrow{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background-color .2s,border-color .2s,transform .2s;display:flex;position:absolute}.showcase-arrow:hover{opacity:1;background:#ffffff14;border-color:#fff3}.showcase-arrow .button-arrow{margin:0}.showcase-arrow .button-arrow svg{width:16px;height:16px}.showcase-prev{left:8px}.showcase-next{right:8px}.showcase-dots{align-items:center;gap:7px;margin-top:16px;display:flex}.showcase-dot{background:#3a3a3a;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:width .2s,background-color .2s}.showcase-dot.active{background:#fff;border-radius:10px;width:18px}.showcase-card{position:relative}.showcase-card.is-leaving{animation:.28s forwards showcase-out}.showcase-card.is-entering{animation:.42s forwards showcase-in}@keyframes showcase-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-14px)scale(.99)}}@keyframes showcase-in{0%{opacity:0;transform:translate(14px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}.showcase-info{transition:opacity .25s,transform .25s}.showcase-card.is-leaving .showcase-info{opacity:0;transform:translateY(4px)}.showcase-arrow .button-arrow{transition:transform .2s}.showcase-prev:hover .button-arrow{transform:translate(-2px)}.showcase-next:hover .button-arrow{transform:translate(2px)}.showcase-dot{transition:width .25s,background-color .25s,opacity .25s}@media (prefers-reduced-motion:reduce){.showcase-card.is-leaving,.showcase-card.is-entering{animation:none}.showcase-info,.showcase-arrow .button-arrow,.showcase-dot{transition:none}}#screen-main{background:radial-gradient(circle at 50% 15%,#1ed7600b,#0000 34%),#0d0d0d;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:none;min-height:100vh;padding:0;display:flex;position:relative;overflow-x:hidden}.app-header{z-index:5;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 42px;display:flex;position:relative}.app-brand{color:#fff;letter-spacing:-.035em;font-size:15px;font-weight:700}.logout-button{font-family:inherit;transition:color .2s,border-color .2s;color:#666!important;background:0 0!important;border:1px solid #ffffff17!important;border-radius:999px!important;width:auto!important;min-width:auto!important;padding:8px 14px!important;font-size:11px!important;font-weight:500!important}.logout-button:hover{opacity:1;color:#fff!important;border-color:#fff3!important}.recap-main{width:100%;max-width:1180px;margin:0 auto;padding:80px 40px 100px;position:relative}.recap-view{width:100%}#recap-choice{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 172px);display:flex}.choice-content{width:100%;max-width:720px;margin-top:-60px}.section-label{color:#555;letter-spacing:.15em;margin-bottom:14px;font-size:10px;font-weight:700;display:block}.choice-content h1{color:#fff;letter-spacing:-.07em;margin:0;font-size:clamp(64px,9vw,110px);font-weight:700;line-height:.9}.choice-description{color:#777;max-width:430px;margin:25px auto 42px;font-size:15px;line-height:1.55}.period-actions{justify-content:center;gap:12px;width:100%;display:flex}.period-action{justify-content:space-between;align-items:center;height:54px;font-family:inherit;transition:transform .2s,background-color .2s,border-color .2s;display:flex;color:#fff!important;background:#ffffff09!important;border:1px solid #ffffff1a!important;border-radius:999px!important;width:190px!important;padding:0 17px 0 20px!important;font-size:13px!important;font-weight:600!important}.period-action:hover{opacity:1;transform:translateY(-2px);background:#ffffff14!important;border-color:#fff3!important}.period-action-text{text-align:left}.period-action-arrow{color:#777;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.period-action-arrow svg{width:17px;height:17px}.period-action:hover .period-action-arrow{color:#fff;transform:translate(3px)}#recap-loading{justify-content:center;align-items:center;min-height:calc(100vh - 172px);display:flex}.loading-content{width:100%;max-width:560px;margin-top:-40px}.loading-content h1{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(46px,6vw,72px);line-height:.95}.loading-description{color:#777;margin:18px 0 35px;font-size:14px;line-height:1.5}.loading-steps{border-top:1px solid #ffffff12;flex-direction:column;width:100%;display:flex}.loading-steps .step{color:#414141;border-bottom:1px solid #ffffff0d;align-items:center;gap:13px;width:100%;padding:15px 0;font-size:13px;transition:color .3s;display:flex}.step-indicator{background:#2c2c2c;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background-color .3s,transform .3s}.loading-steps .step.active{color:#fff}.loading-steps .step.active .step-indicator{background:#fff;transform:scale(1.3)}.loading-steps .step.done{color:#777}.loading-steps .step.done .step-indicator{background:#1ed760}#recap-results{width:100%}#results-section{flex-direction:column;align-items:stretch;gap:28px;width:100%;display:flex}.results-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:12px;display:flex}.results-heading h1{color:#fff;letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,72px);line-height:.95}.results-heading p{color:#777;margin-top:14px;font-size:13px}.results-resolution{color:#444;font-variant-numeric:tabular-nums;padding-bottom:4px;font-size:10px}#cards-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}.card-wrapper{cursor:pointer;background:#151515;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.card-wrapper:hover{border-color:#ffffff2e;transform:translateY(-5px)}.card-wrapper:focus-visible{border-color:#ffffff59}.card-wrapper.selected{border-color:#1ed760;box-shadow:0 0 0 1px #1ed760,0 22px 70px #1ed7601a}.result-canvas{aspect-ratio:9/16;width:100%;height:auto;display:block}.results-actions{justify-content:space-between;align-items:center;gap:20px;min-height:50px;display:flex}.selection-message{color:#555;font-size:11px}#selection-status{transition:color .2s}.download-button{justify-content:center;align-items:center;gap:13px;min-width:180px;font-family:inherit;transition:transform .2s,background-color .2s;display:flex;color:#111!important;background:#fff!important;border:none!important;border-radius:999px!important;width:auto!important;padding:13px 18px!important;font-size:12px!important;font-weight:700!important}.download-button:hover{opacity:1;transform:translateY(-2px);background:#eee!important}.download-button .button-arrow{margin-left:0}.download-button svg{width:16px;height:16px}.new-recap-button{margin:22px auto 0;font-family:inherit;color:#555!important;background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;padding:8px 0!important;font-size:11px!important;font-weight:500!important}.new-recap-button:hover{opacity:1;color:#aaa!important}#recap-error{justify-content:center;align-items:center;min-height:calc(100vh - 172px);display:flex}.error-content{text-align:center;width:100%;max-width:470px;margin-top:-50px}.error-content .section-label{margin-bottom:20px}.error-icon{color:#ff5c5c;border:1px solid #ff5c5c40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 20px;font-size:14px;display:flex}.error-content h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:42px}#error-message{color:#777;max-width:380px;margin:15px auto 28px;font-size:13px;line-height:1.55}.error-actions{flex-direction:column;align-items:center;gap:15px;display:flex}.retry-button{font-family:inherit;color:#111!important;background:#fff!important;border:none!important;border-radius:999px!important;width:auto!important;padding:12px 22px!important;font-size:12px!important}.error-back-button{font-family:inherit;color:#555!important;background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;padding:5px 0!important;font-size:11px!important}.error-back-button:hover{opacity:1;color:#aaa!important}#skeleton-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}.skeleton-card{aspect-ratio:9/16;background-color:#171717;background-image:linear-gradient(90deg,#171717 0%,#242424 50%,#171717 100%);background-size:200% 100%;border-radius:14px;width:100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=800px){.app-header{height:66px;padding:0 20px}.recap-main{padding:50px 20px 70px}#recap-choice,#recap-loading,#recap-error{min-height:calc(100vh - 136px)}.choice-content{margin-top:-30px}.choice-content h1{font-size:clamp(58px,17vw,82px)}.choice-description{max-width:330px;margin-bottom:32px;font-size:14px}.period-actions{flex-direction:column;align-items:center;gap:9px}.period-action{width:min(100%,300px)!important}.loading-content{margin-top:-20px}.loading-content h1{font-size:48px}.results-heading{flex-direction:column;align-items:flex-start;gap:12px}.results-heading h1{font-size:50px}.results-resolution{padding-bottom:0}#cards-container{grid-template-columns:1fr;width:min(100%,360px);margin:0 auto}.results-actions{text-align:center;flex-direction:column;align-items:stretch}.download-button{width:100%!important}#skeleton-section{grid-template-columns:1fr;width:min(100%,360px);margin:0 auto}.error-content h1{font-size:38px}}button{color:#121212;cursor:pointer;background-color:#1ed760;border:none;border-radius:50px;padding:16px 40px;font-size:18px;font-weight:700;transition:opacity .2s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}