:root{--bg: #F8F9FA;--text: #868E96;--text-h: #212529;--text-inv: #FFFFFF;--border: #DEE2E6;--accent: #4C6EF5;--accent-light: #4C6EF51A;--error: #FA5252}@media(prefers-color-scheme:dark){:root{--bg: #000000;--text: #CED4DA;--text-h: #FFFFFF;--text-inv: #212529;--border: #495057;--accent: #4C6EF5;--accent-light: #4C6EF51A;--error: #FA5252}}:root[data-theme=light]{--bg: #F8F9FA;--text: #868E96;--text-h: #212529;--text-inv: #FFFFFF;--border: #DEE2E6;--accent: #4C6EF5;--accent-light: #4C6EF51A;--error: #FA5252}:root[data-theme=dark]{--bg: #212529;--text: #CED4DA;--text-h: #FFFFFF;--text-inv: #212529;--border: #495057;--accent: #4C6EF5;--accent-light: #4C6EF51A;--error: #FA5252}:root[data-theme=amoled]{--bg: #000000;--text: #CED4DA;--text-h: #FFFFFF;--text-inv: #212529;--border: #495057;--accent: #4C6EF5;--accent-light: #4C6EF51A;--error: #FA5252}:root{--shadow: rgba(0, 0, 0, .08) 0 4px 24px;--sp-0: 0px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-14: 56px;--sp-16: 64px;--fs-xs: 13px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 17px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 26px;--fs-4xl: 40px;--fs-6xl: 64px;--radius-sm: 14px;--radius-md: 20px;--radius-full: 100px;--app-width: 1100px;--logo-size: 180px;--proj-logo-size: 60px;--screenshot-size: 200px;--badge-width: 130px;--desc-max-width: 520px;font-family:Nunito,sans-serif;font-size:var(--fs-lg);line-height:1.6;color:var(--text);background:var(--bg);color-scheme:light dark;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--shadow: rgba(0, 0, 0, .4) 0 4px 24px}}:root[data-theme=dark],:root[data-theme=amoled]{--shadow: rgba(0, 0, 0, .4) 0 4px 24px}@media(prefers-color-scheme:dark){.page-nav-brand img,.site-logo{filter:brightness(0) invert(1)}}:root[data-theme=dark] .page-nav-brand img,:root[data-theme=dark] .site-logo,:root[data-theme=amoled] .page-nav-brand img,:root[data-theme=amoled] .site-logo{filter:brightness(0) invert(1)}:root[data-theme=light] .page-nav-brand img,:root[data-theme=light] .site-logo{filter:none}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:Nunito,sans-serif;font-weight:800;color:var(--text-h);margin:0}h1{font-size:var(--fs-6xl);letter-spacing:-1px}@media(max-width:768px){h1{font-size:var(--fs-4xl)}}h2{font-size:var(--fs-2xl)}p{margin:0}#app{width:var(--app-width);max-width:100%;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-4) var(--sp-8) var(--sp-14);gap:var(--sp-2)}@media(max-width:768px){header{padding:var(--sp-4) var(--sp-5) var(--sp-10)}}.site-logo{width:var(--logo-size);height:var(--logo-size);object-fit:cover}.slogan{font-size:var(--fs-xl);font-weight:500;color:var(--text)}@media(max-width:768px){.slogan{font-size:var(--fs-lg)}}.header-links{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-3)}.header-btn{margin-top:var(--sp-2);display:inline-block;padding:10px var(--sp-6);background:var(--accent-light);color:var(--accent);font-weight:700;font-size:var(--fs-base);border-radius:var(--radius-full);text-decoration:none;transition:background .2s,box-shadow .2s}.header-btn:hover{background:var(--accent);color:var(--text-inv);box-shadow:var(--shadow)}#projects{padding:var(--sp-10) var(--sp-12) var(--sp-8);display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}@media(max-width:768px){#projects{padding:var(--sp-8) var(--sp-5) var(--sp-12)}}.projects-heading{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text);margin-bottom:var(--sp-3)}.project-card{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-8) 0}@media(max-width:768px){.project-card{flex-direction:column;align-items:center;text-align:center;gap:var(--sp-7)}}.project-screenshot{flex-shrink:0}.project-screenshot img{width:var(--screenshot-size);border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}@media(max-width:768px){.project-screenshot img{width:160px}}.project-info{flex:1;display:flex;flex-direction:column;gap:var(--sp-4)}.project-header{display:flex;align-items:center;gap:var(--sp-4)}@media(max-width:768px){.project-header{justify-content:center}}.project-logo{width:var(--proj-logo-size);height:var(--proj-logo-size);border-radius:var(--radius-sm);box-shadow:var(--shadow);flex-shrink:0}.project-description{font-size:var(--fs-md);line-height:1.65;color:var(--text);max-width:var(--desc-max-width)}.app-store-badge{display:inline-block;text-decoration:none;transition:opacity .2s,transform .2s}.app-store-badge svg{width:var(--badge-width);height:auto;display:block}.app-store-badge:hover{opacity:.8;transform:translateY(-1px)}.project-divider{border:none;border-top:1px solid var(--border);margin:0}.learn-more-link{display:inline-block;color:var(--accent);font-weight:700;font-size:var(--fs-base);text-decoration:none}.learn-more-link:hover{text-decoration:underline}.page-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--sp-4) var(--sp-8);border-bottom:1px solid var(--border)}@media(max-width:768px){.page-nav{padding:var(--sp-3) var(--sp-5)}}.back-link{color:var(--accent);font-weight:700;font-size:var(--fs-md);text-decoration:none}.back-link:hover{text-decoration:underline}.page-nav-brand{display:flex;justify-content:center}.page-nav-brand img{width:44px;height:44px;border-radius:var(--radius-sm);display:block}.detail-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-12) var(--sp-8) var(--sp-10);gap:var(--sp-3)}@media(max-width:768px){.detail-hero{padding:var(--sp-10) var(--sp-5) var(--sp-8)}}.detail-hero .project-logo{width:90px;height:90px}.detail-hero h1{font-size:var(--fs-4xl);margin-top:var(--sp-1)}@media(max-width:768px){.detail-hero h1{font-size:var(--fs-2xl)}}.detail-tagline{font-size:var(--fs-lg);color:var(--text);max-width:520px}.cycles-hero{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-8) var(--sp-10);border-top:1px solid var(--border)}@media(max-width:768px){.cycles-hero{flex-direction:column;padding:var(--sp-10) var(--sp-5) var(--sp-8);gap:var(--sp-8)}}.cycles-hero-text{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4)}.cycles-hero-text .project-header{align-items:center}.cycles-hero-text h1{font-size:var(--fs-4xl)}@media(max-width:768px){.cycles-hero-text h1{font-size:var(--fs-2xl)}}.cycles-hero-screenshot{flex-shrink:0}.cycles-hero-screenshot img{width:280px;border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}@media(max-width:768px){.cycles-hero-screenshot img{width:200px}}.cycles-intro{border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-8);text-align:center}.cycles-intro p{font-size:var(--fs-md);line-height:1.7;color:var(--text);max-width:720px;margin:0 auto}@media(max-width:768px){.cycles-intro{padding:var(--sp-7) var(--sp-5)}}.tpa-hero-screenshots{display:flex;gap:var(--sp-4);flex-shrink:0}.tpa-hero-screenshots img{width:190px;border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}@media(max-width:768px){.tpa-hero-screenshots img{width:130px}}.tpa-camera-section{border-top:1px solid var(--border)}.tpa-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8);border-top:1px solid var(--border);padding:var(--sp-8)}@media(max-width:768px){.tpa-features{grid-template-columns:1fr;padding:var(--sp-7) var(--sp-5);gap:var(--sp-10)}}.cycles-feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.cycles-feature-item img{width:160px;border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}.cycles-feature-item h3{font-size:var(--fs-lg)}.cycles-feature-item p{font-size:var(--fs-base);line-height:1.7;color:var(--text);margin:0}.tpa-gallery-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:var(--sp-8);border-top:1px solid var(--border);padding:var(--sp-8)}@media(max-width:768px){.tpa-gallery-row{grid-template-columns:1fr;padding:var(--sp-7) var(--sp-5);gap:var(--sp-6)}}.tpa-gallery-img{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.tpa-gallery-img img{width:200px;border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}@media(max-width:768px){.tpa-gallery-img img{width:160px}}.tpa-gallery-text{display:flex;flex-direction:column;gap:var(--sp-4);text-align:center}.tpa-gallery-text h2{font-size:var(--fs-xl)}.tpa-gallery-text p{font-size:var(--fs-base);line-height:1.7;color:var(--text);margin:0}.tpa-references{border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-8) var(--sp-12)}@media(max-width:768px){.tpa-references{padding:var(--sp-7) var(--sp-5) var(--sp-10)}}.tpa-references-inner{display:flex;align-items:center;gap:var(--sp-10)}.tpa-references-inner img{width:200px;flex-shrink:0;border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}@media(max-width:768px){.tpa-references-inner img{width:140px}}@media(max-width:768px){.tpa-references-inner{flex-direction:column;align-items:center;text-align:center}}.tpa-references-text h2{font-size:var(--fs-xl);margin-bottom:var(--sp-4)}.tpa-references-text p{font-size:var(--fs-base);line-height:1.7;color:var(--text);max-width:520px;margin:0}footer{border-top:1px solid var(--border);padding:var(--sp-7) var(--sp-8);text-align:center;font-size:var(--fs-sm);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.footer-contact{color:var(--accent);font-weight:700;text-decoration:none}.footer-contact:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);padding:10px 18px;font-size:var(--fs-base);font-weight:700;cursor:pointer;text-decoration:none}.button-primary{background:var(--accent);color:var(--text-inv)}.button-secondary{background:var(--bg);color:var(--text-h);border:1px solid var(--border)}