:root{--bg:#0a0a0a;--text:#f5f5f5;--accent:#00d9ff;--accent-hover:#00b8d9;--card-bg:#1a1a1a;--border:#333;--error:#f44}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}main{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:100vh}.brand{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--accent),#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing{text-align:center}h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.sub{font-size:1.5rem;color:#999;margin-bottom:.5rem}.tagline{color:#666;margin-bottom:2rem}.cta,.tagline{font-size:1.1rem}.cta{background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;border:none;padding:1rem 2.5rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px rgba(0,217,255,.3);margin:1rem .5rem}.cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,217,255,.5)}.cta.secondary{background:transparent;border:2px solid var(--accent);color:var(--accent);box-shadow:none}.cta.secondary:hover{background:var(--accent);color:#fff}.requirements{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:2rem auto;max-width:500px;text-align:left}.req-title{font-weight:600;margin-bottom:.5rem;text-align:center;font-size:1.1rem}.requirements ul{list-style:none;padding:0}.requirements li{padding:.3rem 0;color:#aaa}.hero-examples{margin:2rem 0}.hero-examples p{color:#888;margin-bottom:.5rem}.hero-tags{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.hero-tags span{background:var(--card-bg);border:1px solid var(--border);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;color:#aaa}.guide{max-width:100%;border-radius:12px;margin:2rem 0;border:1px solid var(--border)}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem;text-decoration:underline;padding:.5rem}.link:hover{color:var(--accent-hover)}.error{color:var(--error);margin:1rem 0;padding:1rem;background:rgba(255,68,68,.1);border-radius:8px;border:1px solid rgba(255,68,68,.3)}.hero-input-screen{text-align:center;padding:2rem 0}.hero-input-screen h2{font-size:2rem;margin-bottom:1rem}.preview-thumb{max-width:200px;max-height:200px;border-radius:12px;margin:1rem auto;border:2px solid var(--accent)}.prompt-label{font-size:1.2rem;margin:2rem 0 1rem;font-weight:600}.hero-input{width:100%;max-width:400px;padding:1rem 1.5rem;font-size:1.1rem;background:var(--card-bg);border:2px solid var(--border);border-radius:50px;color:var(--text);margin:1rem 0;transition:border-color .3s}.hero-input:focus{outline:none;border-color:var(--accent)}.processing{text-align:center;padding:4rem 2rem}.spinner{width:80px;height:80px;border-top:4px solid var(--border);border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(1turn)}}.status{font-size:1.3rem;color:var(--accent);margin:1rem 0;font-weight:500}.progress-container{width:100%;max-width:400px;height:8px;background:var(--card-bg);border-radius:10px;margin:2rem auto .5rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#6366f1);transition:width .5s ease;border-radius:10px}.progress-text{color:#888;font-size:.9rem}.progress-note{max-width:30rem;margin:.5rem auto 0;color:#6f6f6f;font-size:.8rem;line-height:1.5}.analysis-screen{text-align:center;padding:2rem}.analysis-screen h2{font-size:2.5rem;margin-bottom:2rem}.match-score{margin:3rem 0}.score-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 10px 40px rgba(0,217,255,.4)}.score-number{font-size:4rem;font-weight:800;color:#fff}.score-label{font-size:1.2rem;color:hsla(0,0%,100%,.8)}.match-text{font-size:1.3rem;line-height:1.8;color:#ccc}.guide-screen{padding:1rem}.guide-screen h2{font-size:2.2rem;text-align:center;margin-bottom:.5rem}.guide-subtitle{text-align:center;color:#888;font-size:1.1rem;margin-bottom:2rem}.modifications-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mod-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .3s,border-color .3s}.mod-card:hover{transform:translateY(-2px);border-color:var(--accent)}.mod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mod-step{background:var(--accent);color:var(--bg);padding:.3rem .8rem;border-radius:20px}.mod-impact,.mod-step{font-size:.9rem;font-weight:600}.mod-impact{color:#4ade80}.mod-card h3{font-size:1.4rem;margin-bottom:.5rem}.mod-card p{color:#aaa;margin-bottom:1rem}.mod-details{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:#888}.makeup-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:2rem 0}.makeup-section h3{font-size:1.5rem;margin-bottom:1rem}.makeup-section ul{list-style-position:inside;color:#aaa}.makeup-section li{margin:.5rem 0}.preview-screen{padding:1rem;text-align:center}.preview-screen h2{font-size:2rem;margin-bottom:.5rem}.preview-subtitle{color:#888;margin-bottom:2rem;font-size:1.1rem}.comparison{display:flex;align-items:center;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.comparison-side{flex:1 1;min-width:250px;max-width:350px}.comparison-side img{width:100%;border-radius:12px;border:2px solid var(--border);margin-bottom:.5rem}.comparison-side p{font-size:1.1rem;color:#888}.comparison-arrow{font-size:3rem;color:var(--accent);font-weight:700}.pose-screen{padding:1rem}.pose-screen h2{font-size:2rem;text-align:center;margin-bottom:.5rem}.pose-subtitle{text-align:center;color:#888;margin-bottom:2rem;font-size:1.1rem}.pose-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.pose-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.pose-item h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--accent)}.pose-item p{color:#aaa}.pose-tips{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:2rem 0}.pose-tips h4{font-size:1.3rem;margin-bottom:1rem}.pose-tips ul{list-style-position:inside;color:#aaa}.pose-tips li{margin:.5rem 0}.final-summary{background:linear-gradient(135deg,var(--card-bg),rgba(0,217,255,.1));border:2px solid var(--accent);border-radius:12px;padding:2rem;margin:2rem 0;text-align:center}.final-summary h3{font-size:1.8rem;margin-bottom:1.5rem}.summary-stats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:800;color:var(--accent)}.stat-label{color:#888;font-size:.9rem;margin-top:.3rem}.buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}@media (max-width:768px){h1{font-size:2rem}.sub{font-size:1.2rem}.comparison{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}.pose-details{grid-template-columns:1fr}.hero-tag{font-size:.85rem}}.hero-tag{display:inline-flex;align-items:center;gap:.4rem;background:var(--card-bg);border:1px solid var(--border);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-family:inherit;line-height:1.6;color:#aaa;cursor:pointer;transition:all .3s}.hero-tag:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.hero-tag--active{border-color:var(--accent);color:var(--accent);background:rgba(0,217,255,.1);box-shadow:0 0 15px rgba(0,217,255,.25)}.hero-tag__icon{font-size:1rem;line-height:1}.custom-suit{background:var(--card-bg);border:1px dashed var(--border);border-radius:12px;padding:1.5rem;margin:1.5rem auto 0;max-width:500px;text-align:center}.custom-suit p{color:#aaa;font-size:.95rem;margin-bottom:.5rem}.custom-suit .cta{padding:.7rem 1.6rem;font-size:.95rem}.custom-suit-row{display:flex;align-items:center;justify-content:center;gap:1rem}.custom-suit-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:2px solid var(--accent)}.status-sub{font-size:1.05rem;font-weight:600;letter-spacing:.02em}.summary-tagline{font-size:1.15rem;color:#ccc}.walkthrough-btn{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;color:#bbb;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s}.walkthrough-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.walkthrough-btn{top:.6rem;right:.6rem;padding:.35rem .7rem;font-size:.75rem}}.video-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:video-fade .25s ease}@keyframes video-fade{0%{opacity:0}to{opacity:1}}.video-modal{position:relative;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 20px 60px rgba(0,0,0,.6)}.video-modal h3{font-size:1.15rem;margin-bottom:.85rem;padding-right:2.5rem}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.intro-sub{margin-bottom:1.25rem;color:#9a9a9a;font-size:.86rem}.intro-sub strong{color:var(--accent)}.intro-step{gap:.55rem;margin-bottom:.7rem;font-size:1.02rem;font-weight:700}.intro-step,.intro-step__n{display:flex;align-items:center}.intro-step__n{flex:0 0 auto;justify-content:center;width:22px;height:22px;background:var(--accent);border-radius:50%;color:#05232b;font-size:.78rem;font-weight:800}.intro-block{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.intro-lede{margin-bottom:.9rem;color:#b4b4b4;font-size:.86rem;line-height:1.6}.intro-lede strong{color:var(--text)}.intro-label{margin:1.1rem 0 .6rem;color:#7f8c93;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.vs{border:1px solid var(--border);border-radius:12px;overflow:hidden}.vs__head,.vs__row{display:grid;grid-template-columns:.8fr 1fr 1.2fr;grid-gap:.75rem;gap:.75rem;padding:.6rem .85rem;font-size:.79rem;line-height:1.45}.vs__head{background:#141414;color:#7f8c93;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.vs__head+.vs__row,.vs__row+.vs__row{border-top:1px solid #262626}.vs__label{color:#8a8a8a;font-weight:600}.vs__row .vs__them{color:#7a7a7a;text-decoration:line-through;-webkit-text-decoration-color:#4a4a4a;text-decoration-color:#4a4a4a}.vs__row .vs__us{color:var(--text);font-weight:500}.vs__head .vs__us{color:var(--accent)}.nature{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem}.nature__card{padding:.8rem;background:#141414;border:1px solid var(--border);border-radius:10px}.nature__icon{font-size:1.15rem}.nature__title{margin:.3rem 0 .25rem;font-size:.84rem;font-weight:600;line-height:1.35}.nature__detail{color:#8f8f8f;font-size:.76rem;line-height:1.5}.limits{display:grid;grid-gap:.55rem;gap:.55rem;list-style:none}.limits__item{padding:.7rem .85rem;background:#141414;border:1px solid var(--border);border-left:3px solid #6b5b2a;border-radius:8px}.limits__title{font-size:.83rem;font-weight:600;line-height:1.4}.limits__detail{margin-top:.15rem;color:#8f8f8f}.limits__detail,.limits__fix{font-size:.76rem;line-height:1.5}.limits__fix{margin-top:.35rem;color:var(--accent)}.wish{display:grid;grid-gap:.6rem;gap:.6rem;list-style:none}.wish__item{padding:.85rem 1rem;background:linear-gradient(100deg,rgba(0,217,255,.07),transparent 70%);border:1px solid rgba(0,217,255,.28);border-radius:10px}.wish__title{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.9rem;font-weight:700}.wish__icon{font-size:1.05rem}.wish__today,.wish__unlock{font-size:.78rem;line-height:1.55}.wish__today{margin-bottom:.3rem;color:#8a8a8a}.wish__unlock{color:#cfcfcf}.wish__tag{display:inline-block;margin-right:.35rem;padding:.02rem .4rem;background:#222;border-radius:4px;color:#7f8c93;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}.wish__tag--win{background:rgba(0,217,255,.16);color:var(--accent)}.aside{margin-top:.9rem;padding:.85rem 1rem;background:#141414;border:1px solid var(--border);border-radius:10px}.aside__title{margin-bottom:.35rem;font-size:.87rem;font-weight:600}.aside__body{color:#9a9a9a;font-size:.79rem;line-height:1.6}.aside__body strong{color:var(--text)}.flow{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.flow__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.flow__head .intro-step{margin-bottom:0}.flow__legend{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#888}.flow__legend strong{color:var(--accent);font-weight:600}.flow__key{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px rgba(0,217,255,.5)}.flow__stage{display:flex;flex-direction:column;align-items:center}.flow__nodes{width:100%}.flow__nodes--parallel{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;padding:1.1rem .6rem .6rem;border:1px dashed #3d4a52;border-radius:12px}.flow__concurrent{position:absolute;top:-.62rem;left:50%;transform:translateX(-50%);padding:0 .5rem;background:var(--card-bg);color:#7f8c93;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.flow__node{display:flex;align-items:flex-start;gap:.7rem;height:100%;padding:.7rem .85rem;background:#141414;border:1px solid var(--border);border-radius:10px}.flow__node--api{border-color:rgba(0,217,255,.45);background:linear-gradient(90deg,rgba(0,217,255,.09),transparent 60%);box-shadow:inset 3px 0 0 var(--accent)}.flow__icon{font-size:1.1rem;line-height:1.4}.flow__body{min-width:0}.flow__title{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;line-height:1.4}.flow__badge{padding:.05rem .4rem;background:rgba(0,217,255,.14);border:1px solid rgba(0,217,255,.35);border-radius:999px;color:var(--accent);font-size:.65rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.flow__detail{color:#9a9a9a;font-size:.8rem;line-height:1.45}.flow__note{max-width:46rem;margin-top:.4rem;color:#6f6f6f;font-size:.74rem;font-style:italic;line-height:1.5;text-align:center}.flow__arrow{margin:.3rem 0;color:#4a4a4a;font-size:.95rem;line-height:1}.video-close{position:absolute;top:.75rem;right:.9rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:#aaa;font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s}.video-close:hover{border-color:var(--accent);color:var(--accent)}.video-skip{display:block;margin:.9rem auto 0;background:none;border:none;color:#888;font-size:.9rem;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.video-skip:hover{color:var(--accent)}@media (max-width:768px){.video-modal{padding:1rem}.video-modal h3{font-size:1rem}.flow__nodes--parallel,.nature{grid-template-columns:1fr}.vs__head{display:none}.vs__row{grid-template-columns:1fr;gap:.3rem}.vs__row .vs__them:before{content:"Others: ";color:#666}.vs__row .vs__us:before{content:"Ours: ";color:var(--accent)}.flow__title{font-size:.86rem}.flow__detail{font-size:.76rem}}