:root{color:#f5f5ee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101114;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #dcff70}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{max-width:1100px;margin:auto;padding:0 42px}.brand-row{border-bottom:1px solid #292b2c;justify-content:space-between;align-items:center;height:102px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:750;display:flex}.brand svg{color:#dcff70}.brand-dot{background:#dcff70;border-radius:50%;align-self:flex-end;width:6px;height:6px;margin-bottom:6px}.edition,.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:600}.edition{color:#797c7b}.intro{padding:66px 0 45px}.intro>.eyebrow{color:#dcff70;align-items:center;gap:8px;display:flex}.intro>.eyebrow>span{background:#dcff70;border-radius:50%;width:5px;height:5px}.intro h1{letter-spacing:-2.5px;margin:22px 0;font-size:52px;font-weight:650;line-height:1.26}.intro h1>span{color:#dcff70}.intro>p{color:#9d9f9d;letter-spacing:-.3px;font-size:15px;line-height:1.9}.quick-start{background:#20251c;border:1px solid #36402c;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:55px;padding:27px 30px;display:flex}.quick-start .eyebrow{color:#adb99b;font-size:9px}.quick-start h2{margin:9px 0;font-size:19px}.quick-start p{color:#a2aa9b;font-size:13px}.round-link{color:#151810;background:#dcff70;border:0;border-radius:50%;place-items:center;width:47px;height:47px;display:grid}.section-heading{justify-content:space-between;align-items:end;display:flex}.section-heading .eyebrow{color:#777c76;font-size:9px}.section-heading h2{letter-spacing:-.8px;margin-top:10px;font-size:24px}.count{color:#858981;letter-spacing:1px;font-size:10px}.categories{gap:9px;margin:26px 0;padding:4px 0 8px;display:flex;overflow:auto}.categories button{white-space:nowrap;color:#a4a69e;background:0 0;border:1px solid #343633;border-radius:30px;padding:11px 19px;font-size:12px}.categories button[aria-pressed=true]{color:#202317;background:#dcff70;border-color:#dcff70}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;display:grid}.template-card{text-align:left;background:0 0;border:0;padding:0}.art-wrap{border-radius:12px;position:relative;overflow:hidden}.illustration{aspect-ratio:3/4;position:relative;overflow:hidden}.illustration>svg{width:100%;height:100%;display:block}.illustration>.guide{position:absolute;inset:0}.art-wrap .illustration{transition:transform .35s}.template-card:hover .illustration{transform:scale(1.035)}.guide{fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.composition-lines{stroke:#e4ff96;stroke-width:1.2px;stroke-dasharray:5 5;filter:drop-shadow(0 1px 1px #0008)}.grid-lines{stroke:#fff9;stroke-width:.7px}.card-number{color:#fff9;letter-spacing:1px;font-size:11px;position:absolute;top:15px;left:15px}.card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171b1866;border:1px solid #ffffff30;border-radius:20px;padding:5px 9px;font-size:9px;position:absolute;bottom:13px;right:12px}.card-caption{justify-content:space-between;align-items:center;padding:18px 2px;display:flex}.card-caption .eyebrow{color:#8c9681;font-size:8px}.card-caption h3{letter-spacing:-.5px;margin:8px 0 6px;font-size:17px;font-weight:550}.card-caption p{color:#787c77;font-size:11px}.card-arrow{color:#c6c9bb;border:1px solid #33372f;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}footer{color:#767c71;border-top:1px solid #2b2e27;align-items:center;gap:10px;margin-top:45px;padding:27px 0 35px;font-size:10px;line-height:1.6;display:flex}.footer-version{letter-spacing:1px;margin-left:auto;font-size:8px}.screen-header{justify-content:space-between;align-items:center;gap:15px;height:80px;display:flex}.screen-header>.eyebrow{color:#858e7f}.icon-button{background:0 0;border:1px solid #33372f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.pill{color:#d7e0c5;border:1px solid #3c4234;border-radius:20px;padding:7px 12px;font-size:12px}.detail-layout{grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:25px 0 65px;display:grid}.detail-art{position:relative}.detail-art .illustration{border-radius:14px}.art-label{color:#868e7d;text-align:center;margin-top:14px;font-size:10px;display:block}.detail-copy>.eyebrow{color:#dcff70}.detail-copy h1{letter-spacing:-1.5px;margin:15px 0;font-size:35px}.detail-subtitle{color:#9a9f92;margin-bottom:35px;font-size:15px}.tip-block{border-top:1px solid #343a2c;padding:20px 0}.tip-block>span{color:#a8b796;letter-spacing:1px;font-size:10px}.tip-block>p{margin-top:9px;font-size:15px;line-height:1.8}.privacy-note{color:#93998a;margin:22px 0;font-size:11px;line-height:1.8}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:13px 22px;font-size:14px;font-weight:600;display:flex}.primary{color:#202718;background:#dcff70;border:1px solid #dcff70}.detail-copy>.primary{width:100%}.detail-copy>.primary>svg:last-child{margin-left:auto}.secondary{background:#20251b;border:1px solid #434a38}.camera-shell{max-width:520px;padding:env(safe-area-inset-top) 20px max(20px,env(safe-area-inset-bottom));margin:auto}.viewfinder{aspect-ratio:3/4;background:#1c201a;border-radius:16px;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute}.mirrored{transform:scaleX(-1)}.viewfinder-label{letter-spacing:1.5px;text-shadow:0 1px 4px #000;gap:8px;font-size:9px;display:flex;position:absolute;top:15px;left:17px;right:17px}.viewfinder-label>span{flex:1}.camera-placeholder{text-align:center;background:radial-gradient(at top,#363e2a,#181b16);flex-direction:column;justify-content:center;align-items:center;padding:35px 27px;display:flex;position:absolute;inset:0}.camera-placeholder>svg{color:#dcff70}.camera-placeholder h2{margin:16px 0;font-size:19px;line-height:1.5}.camera-placeholder p{color:#b1baa4;margin-bottom:22px;font-size:12px;line-height:1.9}.camera-placeholder~.guide{opacity:.13}.camera-placeholder .primary{z-index:1}.text-button{color:#afb8a1;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:17px 5px;font-size:12px;display:flex}.camera-tools{border-bottom:1px solid #303629;justify-content:space-evenly;padding:15px 0;display:flex}.camera-tools button{color:#9ba58e;background:0 0;border:0;align-items:center;gap:7px;min-height:35px;font-size:11px;display:flex}.camera-tools button[aria-pressed=true]{color:#dcff70}.camera-tip{padding:21px 0 5px}.camera-tip>.eyebrow{color:#dcff70;letter-spacing:.3px;font-size:11px}.camera-tip>p{margin-top:10px;font-size:14px;line-height:1.7}.camera-tip details{color:#a7af9d;margin-top:12px;font-size:12px;line-height:1.7}.camera-tip summary{cursor:pointer;width:fit-content}.camera-tip details p{margin-top:10px}.shutter-row{grid-template-columns:1fr 1fr 1fr;place-items:center;padding:22px 0;display:grid}.shutter{background:0 0;border:2px solid #d5e3bd;border-radius:50%;width:76px;height:76px;padding:5px}.shutter>span{background:#dcff70;border-radius:50%;width:100%;height:100%;display:block}.shutter-caption{color:#8a947c;font-size:10px}.result>h1{text-align:center;margin:10px 0;font-size:28px}.result>p{text-align:center;color:#aab39c;font-size:12px;line-height:1.8}.result-photo{aspect-ratio:3/4;object-fit:contain;border-radius:14px;width:100%;margin:25px 0;display:block}.result-actions{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.result>.text-button{margin:auto}.notice{color:#dcff70;background:#232b19;border-radius:8px;padding:12px;font-size:12px;line-height:1.8}.update-notice{z-index:10;color:#1b2312;white-space:nowrap;background:#dcff70;border-radius:12px;align-items:center;gap:15px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.update-notice button{color:#fff;background:#26331a;border:0;border-radius:5px;padding:7px}@media (width>=900px){.intro{background:radial-gradient(at 95% 70%,#28321b55,#0000 46%)}}@media (width<=700px){.shell{padding:0 22px}.brand-row{height:80px}.brand{font-size:23px}.edition{letter-spacing:1px;font-size:7px}.intro{padding:43px 0 31px}.intro h1{letter-spacing:-1.7px;margin:20px 0;font-size:37px}.intro>p{font-size:13px}.eyebrow{font-size:8px}.quick-start{border-radius:12px;margin-bottom:36px;padding:21px 20px}.quick-start h2{font-size:16px}.quick-start p{font-size:11px}.quick-start .eyebrow{font-size:7px}.round-link{width:40px;height:40px}.section-heading h2{font-size:21px}.count{font-size:8px}.categories{gap:7px;margin:21px 0}.categories button{padding:10px 14px;font-size:11px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.card-caption{padding:13px 1px}.card-caption h3{margin:7px 0;font-size:14px}.card-caption p{font-size:10px}.card-caption .eyebrow{letter-spacing:1.1px;font-size:6px}.card-arrow{width:23px;height:23px}.card-number{font-size:9px;top:11px;left:11px}.card-badge{padding:4px 7px;font-size:8px;bottom:9px;right:8px}.footer-version{display:none}footer{margin-top:30px;font-size:9px}.detail-layout{grid-template-columns:1fr;gap:28px;padding:8px 0 35px}.detail-art{width:100%;max-width:350px;margin:auto}.detail-copy h1{font-size:29px}.detail-subtitle{margin-bottom:22px}.tip-block{padding:16px 0}.tip-block>p{font-size:14px}.camera-shell{padding-left:16px;padding-right:16px}.screen-header{height:70px}.camera-tools button{gap:6px;font-size:10px}.viewfinder{border-radius:12px}.camera-tip{padding-top:17px}.camera-tip>p{font-size:13px}}@media (height<=700px) and (width>=600px){.camera-shell{grid-template-columns:340px 1fr;column-gap:24px;max-width:760px;display:grid}.camera-shell .screen-header{grid-column:1/-1}.viewfinder{grid-row:2/6}.camera-tools,.camera-tip,.shutter-row{grid-column:2}.result{max-width:380px;display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}