*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-nav{align-items:center;gap:1.25rem;display:flex}.header-nav a{color:#666;font-size:.95rem;text-decoration:none}@media (width<=600px){header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem}.header-nav{flex-direction:column;align-items:flex-start;gap:.5rem}}.site-title{color:#333;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.site-title-icon{border-radius:7px;flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:800px;margin:2rem auto;padding:0 1rem}.filter-bar{gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;transition:all .2s}.filter-btn:hover{border-color:#999}.filter-btn.active{color:#fff;background:#333;border-color:#333}.platform-badge{color:#fff;background:#888;border-radius:10px;margin-top:.25rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.posts{flex-direction:column;gap:1.5rem;display:flex}.post-card{color:inherit;background:#fff;border-radius:8px;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.post-card:hover{box-shadow:0 2px 8px #00000026}.post-card-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:100px;height:100px}.post-card-content h2{margin-bottom:.25rem;font-size:1.2rem}.post-date{color:#999;font-size:.85rem}.post-card-content p{color:#666;margin-top:.5rem;font-size:.95rem}.post h1{margin-bottom:.25rem;font-size:2rem}.post .post-date{margin-bottom:1.5rem;display:block}.post-body p{margin-bottom:1rem;line-height:1.6}.post-body a{color:#06c}.post-layout{flex-direction:column;gap:1rem;display:flex}.post-links{flex-direction:column;gap:.6rem;display:flex}.post-links a{color:#06c}@media (width>=700px){.post-layout{flex-direction:row-reverse;align-items:flex-start;gap:2.5rem}.post-layout .post-body{flex:1;min-width:0}.post-links{flex-shrink:0;width:200px;padding-top:.25rem}}.screenshots{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.screenshots img{border-radius:8px}.contact{color:#666;font-size:.9rem}.post-body h2{margin:1.5rem 0 .75rem;font-size:1.4rem}.post-body h3{margin:1.25rem 0 .5rem;font-size:1.1rem}.post-body ul{margin:0 0 1rem 1.5rem;line-height:1.6}.post-body li{margin-bottom:.25rem}.post-body code{background:#eee;border-radius:3px;padding:.1em .4em;font-size:.9em}.feedback-form{margin-top:1.5rem}.form-field{margin-bottom:1rem}.form-field label{margin-bottom:.3rem;font-size:.95rem;font-weight:600;display:block}.form-field input,.form-field textarea{border:1px solid #ccc;border-radius:6px;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{border-color:#06c;outline:none}.feedback-form button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;padding:.7rem 2rem;font-size:1rem;transition:background .2s}.feedback-form button:hover{background:#555}.feedback-form button:disabled{cursor:not-allowed;background:#999}.form-success{color:#2e7d32;background:#e8f5e9;border-radius:6px;margin-top:1rem;padding:.8rem}.form-error{color:#c62828;background:#fbe9e7;border-radius:6px;margin-top:1rem;padding:.8rem}.admin-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sign-out-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;padding:.4rem 1rem;font-size:.9rem}.sign-out-btn:hover{color:#333;border-color:#999}.feedback-count{color:#999;margin-bottom:1rem;font-size:.9rem}.feedback-list{margin-top:1rem}.feedback-item{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:1rem;padding:1rem}.feedback-meta{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.feedback-meta a{color:#06c;font-size:.9rem}.delete-btn{color:#ccc;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .25rem;font-size:1rem}.delete-btn:hover{color:#c0392b}.feedback-date{color:#999;margin-left:auto;font-size:.85rem}.feedback-message{color:#444;line-height:1.6}.feedback-high{border-left:4px solid #e74c3c}.feedback-analysis{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.analysis-summary{color:#666;width:100%;margin:.25rem 0 0;font-size:.85rem;font-style:italic}.badge{text-transform:capitalize;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-bug_report{color:#c0392b;background:#fde8e8}.badge-feature_request{color:#2980b9;background:#e8f4fd}.badge-question{color:#f39c12;background:#fef9e7}.badge-praise{color:#27ae60;background:#e8fde8}.badge-spam{color:#999;background:#eee}.badge-other{color:#666;background:#f0f0f0}.badge-positive{color:#27ae60;background:#e8fde8}.badge-neutral{color:#666;background:#f0f0f0}.badge-negative{color:#c0392b;background:#fde8e8}.badge-priority-high{color:#fff;background:#c0392b}.badge-priority-medium{color:#fff;background:#f39c12}.badge-priority-low{color:#666;background:#ddd}.badge-app{color:#8e44ad;background:#e8e8fd}.site-footer{text-align:center;color:#888;border-top:1px solid #ddd;margin-top:3rem;padding:2rem;font-size:.9rem}.hero-video{background:#000;border-radius:12px;width:100%;max-width:600px;margin:0 auto 1.5rem;display:block;box-shadow:0 4px 16px #0000001a}.example-list{flex-direction:column;gap:2rem;margin-top:1.5rem;display:flex}.example-card .hero-video{margin-bottom:.75rem}.example-link{text-align:center;color:#666;font-size:.95rem}.platform-note{color:#999;font-size:.85rem}.template-showcase{flex-direction:column;gap:1.25rem;margin-top:1.5rem;display:flex}.template-hero{min-width:0}.template-hero-player{background:#000;border-radius:10px;justify-content:center;align-items:center;max-height:420px;display:flex;overflow:hidden;box-shadow:0 4px 14px #0000001a}.template-hero-player video{max-width:100%;max-height:420px;display:block}.template-hero h3{margin-top:.75rem;font-size:1.1rem}.template-hero p{color:#666;margin-top:.25rem;font-size:.92rem;line-height:1.5}.template-length{color:#999;margin-top:.35rem;font-size:.75rem;display:inline-block}.template-thumbnails{-webkit-overflow-scrolling:touch;gap:.6rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.template-thumbnails::-webkit-scrollbar{height:6px}.template-thumbnails::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.template-thumb{cursor:pointer;text-align:left;width:108px;font:inherit;background:0 0;border:2px solid #0000;border-radius:8px;flex:none;padding:0;transition:border-color .15s;overflow:hidden}.template-thumb img{aspect-ratio:16/10;object-fit:cover;background:#000;width:100%;display:block}.template-thumb span{color:#666;white-space:nowrap;text-overflow:ellipsis;padding:.3rem .4rem;font-size:.72rem;display:block;overflow:hidden}.template-thumb:hover{border-color:#ccc}.template-thumb.active span{color:#06c;font-weight:600}@media (width>=800px){.template-showcase{flex-direction:row;align-items:flex-start}.template-hero{flex:1}.template-thumbnails{flex-direction:column;flex-shrink:0;width:150px;max-height:460px;padding-bottom:0;padding-right:.4rem;overflow:hidden auto}.template-thumb{width:100%}}body{color:#e6e8ee;background:#0c0d11}header{z-index:30;-webkit-backdrop-filter:blur(16px);background:#0c0d11e0;border-bottom:1px solid #24262e;position:sticky;top:0}.site-title{color:#f3f4f7}.header-nav a{color:#9aa3b2}.header-nav a:hover{color:#e6e8ee}.header-nav a.active,.header-nav a[aria-current=page]{color:#f3e6c8;font-weight:650}.container{max-width:960px;margin:1.5rem auto 0}.promo-home{padding-bottom:2rem}.promo-hero{text-align:center;background:radial-gradient(1200px 420px at 50% -10%,#e8b86d24,#0000 60%),#12131a;border:1px solid #24262e;border-radius:18px;padding:3.25rem 1.75rem 2.5rem}.promo-hero-icon{border-radius:20px;width:88px;height:88px;margin-bottom:1.15rem;box-shadow:0 10px 28px #00000073}.promo-kicker{color:#e8b86d;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem;font-size:.72rem;font-weight:800;display:block}.promo-hero h1{color:#f6f7fb;letter-spacing:-.04em;max-width:16em;margin:0 auto;font-size:clamp(2.15rem,5vw,3.2rem);line-height:1.08}.promo-hero .promo{color:#c4c9d4;max-width:36rem;margin:1.1rem auto 0;font-size:1.12rem;line-height:1.55}.store-badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem .9rem;margin-top:1.5rem;display:flex}.store-badge-row a{line-height:0;text-decoration:none;display:inline-flex}.store-badge-row img{width:auto;height:40px;display:block}.store-note{color:#8b93a3;max-width:32rem;margin:.85rem auto 0;font-size:.82rem;line-height:1.45}.promo-hero .hero-video{border:1px solid #2a2d38;border-radius:14px;max-width:720px;margin:1.75rem auto 0;box-shadow:0 18px 50px #00000073}.promo-body{max-width:40rem;margin:2.5rem auto 0}.promo-body p{color:#c8ccd6;margin-bottom:1.05rem;font-size:1.05rem;line-height:1.65}.promo-body h2{color:#f3f4f7;letter-spacing:-.025em;margin:2rem 0 .7rem;font-size:1.35rem}.promo-body ul{color:#c8ccd6;margin:0 0 1.1rem 1.2rem;font-size:1.02rem;line-height:1.6}.promo-body li{margin-bottom:.4rem}.promo-body a{color:#e8b86d}.promo-cta{text-align:center;background:#12131a;border:1px solid #24262e;border-radius:18px;margin-top:2.75rem;padding:2.5rem 1.75rem}.promo-cta h2{color:#f6f7fb;letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2rem)}.promo-cta p{color:#9aa3b2;max-width:32rem;margin:.7rem auto 0}.promo-cta-links{margin-top:1.25rem;font-size:.92rem}.promo-cta-links a{color:#c4c9d4}.promo-cta-links a:hover{color:#e8b86d}.site-footer{color:#7d8594;border-top-color:#24262e}.site-footer a{color:#c4c9d4}.site-footer a:hover{color:#e8b86d}.post h1{color:#f6f7fb;letter-spacing:-.03em;font-size:clamp(1.8rem,3.5vw,2.4rem)}.post-body p,.post-body li{color:#c8ccd6;line-height:1.65}.post-body a,.example-link a{color:#e8b86d}.post-body h2,.post-body h3,.template-hero h3{color:#f3f4f7}.template-hero p,.template-length,.example-link{color:#9aa3b2}.template-thumb{background:#12131a}.template-thumb span{color:#9aa3b2}.template-thumb.active{border-color:#e8b86d}.template-thumb.active span{color:#e8b86d}.post-links a{color:#111;background:#f3f4f7;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:.55rem .9rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.post-links a:hover{color:#111;background:#e8b86d}.platform-note{color:#8b93a3}@media (width<=600px){header{background:#0c0d11}.promo-hero{padding:2.4rem 1.15rem 1.75rem}.store-badge-row{flex-direction:column}}.download-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:1.5rem;display:flex}.download-cta{color:#f3f4f7;letter-spacing:-.015em;background:#1a1c24;border:1px solid #3a3d48;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 1.2rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.download-cta:hover{color:#fff;background:#242733;border-color:#55586a}.download-cta-primary{color:#111218;background:#f3e6c8;border-color:#f3e6c8}.download-cta-primary:hover{color:#111218;background:#e8b86d;border-color:#e8b86d}.promo-cta .download-cta-row{margin-top:1.25rem}@media (width<=600px){.download-cta-row{flex-direction:column;width:100%}.download-cta{width:100%}}.store-shot-pair{justify-content:center;align-items:flex-end;gap:1.25rem;max-width:820px;margin:1.75rem auto 0;display:flex}.store-shot-ipad,.store-shot-phone{margin:0}.store-shot-ipad{flex:1.15;min-width:0}.store-shot-phone{flex:0 0 28%;max-width:200px}.store-shot-pair img{background:#000;border:1px solid #2a2d38;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 18px 50px #00000073}@media (width<=600px){.store-shot-pair{flex-direction:column;align-items:center}.store-shot-phone{flex:none;width:42%;max-width:180px}}.doc-page .promo-hero{padding-bottom:2rem}.doc-page .promo-hero h1{max-width:18em}.doc-lead{color:#c4c9d4;max-width:38rem;margin:1.1rem auto 0;font-size:1.12rem;line-height:1.55}.doc-hero-media{background:#000;border:1px solid #2a2d38;border-radius:14px;width:auto;max-width:min(100%,720px);height:auto;margin:1.75rem auto 0;display:block;box-shadow:0 18px 50px #00000073}.doc-hero-caption{color:#8b93a3;max-width:36rem;margin:.85rem auto 0;font-size:.88rem;line-height:1.45}.doc-proof-grid{grid-template-columns:1fr 1fr;gap:1rem;max-width:720px;margin:1.5rem auto 0;display:grid}.doc-proof-grid figure,.doc-figure{margin:0}.doc-proof-grid img,.doc-figure img,.doc-figure .doc-hero-media{background:#000;border:1px solid #2a2d38;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 12px 36px #0006}.doc-proof-grid figcaption,.doc-figure figcaption{color:#8b93a3;margin-top:.55rem;font-size:.82rem;line-height:1.4}.doc-callout{color:#c8ccd6;background:#161821;border:1px solid #2a2d38;border-radius:12px;margin:1.25rem 0 0;padding:1rem 1.15rem;font-size:1.02rem;line-height:1.55}.doc-callout strong{color:#f3e6c8}.doc-pre{color:#d5d8e0;background:#0a0b10;border:1px solid #24262e;border-radius:12px;margin:.85rem 0 1.15rem;padding:1rem 1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}.doc-pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.doc-table-wrap{margin:.75rem 0 1.25rem;overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;font-size:.92rem}.doc-table th,.doc-table td{text-align:left;vertical-align:top;color:#c8ccd6;border-bottom:1px solid #24262e;padding:.65rem .75rem;line-height:1.45}.doc-table th{color:#e8b86d;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.doc-table td:first-child{white-space:nowrap;color:#f3f4f7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.doc-steps{counter-reset:docstep;margin:0 0 1.1rem;padding:0;list-style:none}.doc-steps li{color:#c8ccd6;background:#12131a;border:1px solid #24262e;border-radius:12px;margin:0 0 .85rem;padding:.85rem 1rem .85rem 3.1rem;line-height:1.5;position:relative}.doc-steps li:before{counter-increment:docstep;content:counter(docstep);color:#111218;text-align:center;background:#f3e6c8;border-radius:999px;width:1.55rem;height:1.55rem;font-size:.78rem;font-weight:800;line-height:1.55rem;position:absolute;top:.85rem;left:.9rem}.doc-card-row{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.5rem;display:grid}.doc-card{color:inherit;background:#12131a;border:1px solid #24262e;border-radius:14px;padding:1.15rem 1.2rem 1.25rem;text-decoration:none;transition:border-color .15s,background .15s;display:block}.doc-card:hover{background:#161821;border-color:#e8b86d}.doc-card h3{color:#f3f4f7;letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.05rem}.doc-card p{color:#9aa3b2;margin:0;font-size:.92rem;line-height:1.45}.doc-inline-cta{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.25rem;display:flex}.header-nav{flex-wrap:wrap}@media (width<=700px){.doc-proof-grid,.doc-card-row{grid-template-columns:1fr}.doc-table td:first-child{white-space:normal}}