:root{--cream:#eae6dd;--dark:#1e1a17;--accent:#6b4f3a;--strip:#f5f0e8}body{background:var(--cream);color:var(--dark);margin:0;font-family:DM Mono,monospace}h1{letter-spacing:1px;font-family:Playfair Display,serif}.landing h1{animation:.8s fadeUp}.landing p{animation:1.2s fadeUp}.start-btn{animation:1.6s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{z-index:100;background:var(--cream);letter-spacing:2px;justify-content:space-between;padding:20px 40px;font-size:12px;display:flex;position:sticky;top:0}.navbar a{color:var(--dark);opacity:.6;margin-left:20px;text-decoration:none;transition:all .2s}.navbar a:hover{opacity:1}.modal{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#f5f0e8;border-radius:12px;width:320px;padding:30px}.landing{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:80vh;display:flex}button{cursor:pointer;border:none;transition:all .2s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(2px)scale(.97)}.start-btn{color:#f5f0e8;background:#2a211a;border-radius:30px;padding:12px 28px;font-size:14px;box-shadow:0 6px #1a140f}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px #1a140f}.start-btn:active{transform:translateY(2px);box-shadow:0 2px #1a140f}.start-btn,.capture-btn,.download-btn{box-shadow:0 6px #1a140f}.start-btn:active,.capture-btn:active,.download-btn:active{box-shadow:0 2px #1a140f}.camera-section{flex-direction:column;align-items:center;padding-bottom:40px;display:flex}.camera-header{text-align:center;margin-bottom:20px}.camera-card{border:10px solid var(--strip);border-radius:20px;width:600px;height:450px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.countdown{color:#ffffffe6;text-shadow:0 0 20px #0009;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:90px;animation:.3s flicker;display:flex;position:absolute;inset:0}@keyframes flicker{0%{opacity:.3;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.flash{background:#fff;animation:.2s flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}.capture-btn{color:#f5f0e8;background:#2a211a;border-radius:30px;margin-top:20px;padding:12px 24px}.capture-btn:hover{background:#3a2c22;transform:translateY(-2px)}.photo-count{margin-top:16px}.photo-count button{border:1px solid var(--dark);background:0 0;margin:0 5px;padding:6px 14px}.photo-count button.active{background:var(--dark);color:#fff}.filters{gap:12px;margin-top:16px;display:flex}.filter-btn{letter-spacing:2px;border:1px solid var(--dark);background:0 0;border-radius:20px;padding:6px 16px;font-size:11px}.filter-btn:hover{background:var(--dark);color:#fff;transform:translateY(-2px)}.filter-btn.active{background:var(--dark);color:#fff;box-shadow:inset 0 0 0 2px #f5f0e8}.result{justify-content:center;align-items:flex start;gap:120px;padding-top:60px;display:flex;position:relative}.result-container{justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.retake-btn{color:#fff;background:#2a211a;border-radius:30px;padding:10px 20px;position:fixed;top:80px;left:40px}.photo-strip{background:var(--strip);box-sizing:border-box;transform-origin:top;width:100%;max-width:200px;margin:0 auto;padding:20px;transform:rotate(-4deg);box-shadow:0 12px 30px #0006}.photo-strip img{border:2px solid #fff;width:100%;margin-bottom:10px;box-shadow:0 4px 10px #0003}.strip-caption{opacity:.7;margin-top:6px;font-family:DM Mono,monospace;font-size:11px}.strip-photo{border:6px solid #fff;width:90%;margin:0 auto;display:block}.download-btn{color:#fff;background:#2a211a;border-radius:20px;margin-top:60px;padding:8px 16px}.footer{text-align:center;opacity:.7;justify-content:space-between;padding:20px 40px;font-size:12px;display:flex}.footer a{color:inherit;margin-left:16px;text-decoration:none}.footer a:hover{opacity:1}