: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)}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) var(--sp-8);border-bottom:1px solid var(--border)}@media(max-width:768px){.site-nav{padding:var(--sp-3) var(--sp-5)}}.site-nav-brand{font-family:Playfair Display,serif;font-weight:700;font-size:var(--fs-xl);color:var(--text-h);text-decoration:none}.site-nav-links{display:flex;gap:var(--sp-5);flex-wrap:wrap}.site-nav-links a{color:var(--accent);font-weight:700;font-size:var(--fs-base);text-decoration:none}.site-nav-links a:hover{text-decoration:underline}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-10) var(--sp-5) var(--sp-8);gap:var(--sp-6)}.home-hero{min-height:calc(100svh - 120px);justify-content:center}.hero-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-12);width:100%}@media(max-width:768px){.hero-row{flex-direction:column;gap:var(--sp-8)}}.hero-img{max-height:560px;max-width:100%;display:block}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);width:400px;max-width:100%}.home-actions h1{grid-column:1 / -1;font-family:Playfair Display,serif;font-size:var(--fs-4xl);white-space:nowrap;letter-spacing:0;margin-bottom:var(--sp-3)}.home-actions .header-btn{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);white-space:nowrap;font-size:var(--fs-sm);line-height:1.3;border:1px solid var(--border);border-radius:var(--radius-full)}.home-actions .header-btn.primary{grid-column:1 / -1;background:var(--accent);color:var(--text-inv);border-color:var(--accent)}.home-actions .header-btn.wide{grid-column:1 / -1}.home-actions .header-btn.primary:hover{box-shadow:var(--shadow)}.btn-icon{width:18px;height:18px;flex-shrink:0}.home-version{grid-column:1 / -1;font-size:var(--fs-xs);color:var(--text);margin-top:var(--sp-2)}.page-body{padding:var(--sp-6) var(--sp-8) var(--sp-10);max-width:820px;margin:0 auto;width:100%}.page-body h2{margin:var(--sp-8) 0 var(--sp-3)}.page-body p,.page-body li{font-size:var(--fs-md);line-height:1.7;color:var(--text)}.page-body p{margin-bottom:var(--sp-4)}.page-body ul{padding-left:var(--sp-6)}.page-body .lede{font-size:var(--fs-lg)}@media(max-width:768px){.page-body{padding:var(--sp-8) var(--sp-5)}}.page-title{font-size:var(--fs-4xl);text-align:center;padding:var(--sp-10) var(--sp-5) 0}@media(max-width:768px){.page-title{font-size:var(--fs-2xl);padding-top:var(--sp-8)}}.compare-wrap{overflow-x:auto;margin:var(--sp-6) 0;border:1px solid var(--border);border-radius:var(--radius-md)}.compare{width:100%;border-collapse:collapse;min-width:560px}.compare th,.compare td{padding:var(--sp-3) var(--sp-4);text-align:center;border-bottom:1px solid var(--border);font-size:var(--fs-base)}.compare tr:last-child td,.compare tr:last-child th{border-bottom:none}.compare thead th{vertical-align:bottom;color:var(--text-h);font-weight:800;font-size:var(--fs-lg)}.compare thead th small{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text)}.compare th[scope=row]{text-align:left;font-weight:600;color:var(--text-h)}.compare th[scope=row] small{display:block;font-weight:400;color:var(--text);font-size:var(--fs-sm)}.compare .plus{background:var(--accent-light)}.compare .yes{color:var(--accent);font-weight:800;font-size:var(--fs-xl)}.compare .no{color:var(--border);font-size:var(--fs-xl)}.compare .note{font-size:var(--fs-sm);color:var(--text)}.callout{background:var(--accent-light);border-radius:var(--radius-sm);padding:var(--sp-5);margin:var(--sp-6) 0}.callout p:last-child{margin-bottom:0}@media(min-width:769px){.tpa-references-inner.image-right{flex-direction:row-reverse}}.post-card{padding:var(--sp-5) 0;border-bottom:1px solid var(--border)}.post-card:last-child{border-bottom:none}.post-card h2{margin:0 0 var(--sp-2);font-size:var(--fs-xl)}.post-card h2 a{color:var(--text-h);text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-card p{margin-bottom:0}.post-date{font-size:var(--fs-sm);color:var(--text);margin-bottom:var(--sp-1)}.post .post-title{font-size:var(--fs-4xl);margin-bottom:var(--sp-6)}.post img{max-width:100%;border-radius:var(--radius-md)}.post blockquote{margin:var(--sp-4) 0;padding-left:var(--sp-4);border-left:3px solid var(--accent)}.not-found{text-align:center}.not-found .header-btn{margin:var(--sp-1)}.img-placeholder{display:flex;align-items:center;justify-content:center;width:200px;aspect-ratio:9 / 19;flex-shrink:0;padding:var(--sp-4);background:var(--accent-light);border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-sm);text-align:center}@media(max-width:768px){.img-placeholder{width:140px}}.tpa-references-text ul{padding-left:var(--sp-6);margin:var(--sp-3) 0;max-width:520px}.tpa-references-text li{font-size:var(--fs-base);line-height:1.7;color:var(--text)}.tpa-references-text .callout{margin:var(--sp-4) 0 0;max-width:520px}.compare.roles{min-width:720px}.compare.roles td{text-align:left;vertical-align:top;font-size:var(--fs-sm);line-height:1.6}.compare.roles th[scope=row]{vertical-align:top;width:14%}.compare.roles ul{padding-left:var(--sp-4);margin:0}.compare.roles li{margin-bottom:var(--sp-2)}.cycles-intro .compare-wrap{max-width:1000px;margin:var(--sp-6) auto}.cycles-intro .callout{max-width:720px;margin:0 auto;text-align:center}