:root{font-family:'Noto Sans KR',sans-serif;color:#152b5b;background:#fffaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}.app-shell{max-width:1150px;margin:auto;min-height:100vh;padding:0 clamp(18px,4vw,40px)}.site-header{height:86px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eadfc8}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf5df;color:#2e995f;font-size:28px}.site-header strong,.site-header small{display:block}.site-header strong{font-size:15px;font-weight:900}.site-header small{font-size:12px;color:#61728f}.header-tag{margin-left:auto;font-size:12px;font-weight:800;color:#268b5d}.screen{padding:42px 0 64px}.screen[hidden]{display:none}.eyebrow{display:inline-block;color:#2f9b68;font-size:13px;font-weight:900;letter-spacing:.04em}.hero-copy h1{font-size:clamp(40px,7vw,76px);line-height:1.18;letter-spacing:-.065em;margin:16px 0}.hero-copy h1 span{background:linear-gradient(100deg,#ed4168 8%,#f6a918 36%,#009965 64%,#148dd4 89%);background-clip:text;color:transparent}.hero-copy p{font-size:clamp(16px,2.2vw,21px);line-height:1.7;word-break:keep-all}.hero-actions{margin-top:28px}.helper{color:#6d7890;font-size:13px;line-height:1.6}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:0;border-radius:18px;font-weight:800;text-decoration:none;text-align:center}.button-primary{background:#153877;color:white;box-shadow:0 6px 0 #0c2454}.button-primary:hover{background:#2356a1}.button-secondary{background:#eaf0f8;color:#173b74}.button-outline{border:2px solid #18895c;background:#f4fff9;color:#087847}.button-quiet{background:#fff;border:1px solid #dfd7c8;color:#29406e}.text-button{display:block;margin:24px auto;background:none;border:0;color:#30548e;text-decoration:underline;font-weight:700}.poster-card{border-radius:28px;overflow:hidden;background:white;box-shadow:0 18px 45px #1830521c}.poster-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.steps-preview{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px auto}.steps-preview span{background:white;border:1px solid #e8dfd0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.section-heading{margin-bottom:24px}.section-heading h2{margin:8px 0 6px;font-size:clamp(26px,4vw,42px);letter-spacing:-.055em}.section-heading p{color:#596b87;margin:0;line-height:1.6}.centered{text-align:center}.camera-panel,.coach-card{background:white;border:1px solid #ede4d6;border-radius:26px;padding:16px;box-shadow:0 10px 35px #2435520d}.camera-stage{position:relative;overflow:hidden;background:#172132;border-radius:20px;aspect-ratio:4/3;max-height:65vh}.camera-stage video{width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:white;text-align:center}.camera-placeholder span{font-size:50px}.camera-placeholder small{color:#cbd5e1}.camera-placeholder[hidden]{display:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#0008;color:white;font-size:100px;font-weight:900}.countdown[hidden]{display:none}.camera-controls{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:16px 0 2px}.camera-controls .button{font-size:13px;padding:9px 12px}.shutter-button{width:72px;height:72px;flex:0 0 72px;border-radius:50%;border:5px solid #16428d;background:white;display:grid;place-items:center}.shutter-button span{width:52px;height:52px;border-radius:50%;background:#ff5b76}.upload-label input{display:none}.status-text{min-height:24px;margin:10px 0 0;color:#436183;font-size:13px;line-height:1.5}.slot-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 10px}.slot-heading h3{margin:0}.slot-heading h3 span{color:#148a5b}.slot-heading>span{font-size:12px;color:#6d7890}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-slot{position:relative;aspect-ratio:1;background:#f3ecdf;border:2px dashed #d3c8b4;border-radius:17px;overflow:hidden;padding:0}.photo-slot.filled{border:2px solid white;box-shadow:0 4px 18px #24355222}.photo-slot img{display:block;width:100%;height:100%;object-fit:cover}.photo-slot span{position:absolute;left:8px;top:8px;display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#fff;color:#183467;font-size:12px;font-weight:900}.photo-slot strong{font-size:12px;color:#7b8496}.section-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.section-actions .button{flex:1}.frame-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.frame-choice{background:white;border:2px solid #e6dfd1;border-radius:22px;padding:12px;text-align:left;color:#183467}.frame-choice.selected{border-color:#279e66;box-shadow:0 0 0 4px #279e661c}.frame-choice strong,.frame-choice small{display:block;margin-top:8px}.frame-choice small{font-size:12px;color:#677590}.frame-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:35px 20px 20px;border-radius:12px;aspect-ratio:3/4}.frame-mini i{background:#fff9;border:3px solid white;border-radius:5px}.mini-rainbow{background:linear-gradient(140deg,#ffb6be,#ffbd5d,#c5e7a6,#71c4ec)}.mini-green{background:#63b98a}.mini-blue{background:#76bde9}.result-preview{width:min(100%,410px);margin:0 auto;background:white;padding:10px;border-radius:20px;box-shadow:0 10px 35px #172f541e}.result-preview img{display:block;width:100%;border-radius:12px}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px auto 16px}.coach-card{max-width:700px;margin:32px auto 0;padding:25px}.coach-card h3{margin:5px 0}.coach-card p{color:#536783;line-height:1.7}.qr-area{text-align:center;padding:20px 0 0}.qr-area canvas{display:block;margin:0 auto 12px;border:10px solid white;box-shadow:0 3px 20px #14366e1f}.qr-area a{color:#1754a9;font-size:13px;overflow-wrap:anywhere}.qr-area p{font-size:13px}.site-header+main{min-height:calc(100vh - 146px)}footer{padding:20px 0 35px;border-top:1px solid #eadfc8;color:#8190a3;text-align:center;font-size:12px}@media(min-width:800px){#intro-screen{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px}.poster-card{height:580px}.steps-preview{grid-column:1/-1}.camera-panel{max-width:720px;margin:auto}.photo-grid{max-width:720px;margin:auto}.slot-heading{max-width:720px;margin-left:auto;margin-right:auto}}@media(max-width:620px){.site-header{height:68px}.site-header strong{font-size:12px}.site-header small,.header-tag{font-size:10px}.brand-mark{width:35px;height:35px;flex:0 0 35px}.screen{padding-top:28px}.poster-card{max-width:360px;max-height:385px;margin:30px auto 0}.poster-card img{object-position:top}.hero-copy h1{font-size:45px}.steps-preview{font-size:11px}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-slot{max-height:160px}.camera-controls{gap:4px}.camera-controls .button{font-size:11px}.frame-choices{grid-template-columns:1fr}.frame-choice{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:0 12px}.frame-mini{grid-row:span 2;aspect-ratio:3/4;padding:17px 10px 10px}.frame-choice strong,.frame-choice small{margin:0}.section-actions .button{font-size:13px;padding:10px}.slot-heading>span{max-width:180px;text-align:right}}@media(prefers-reduced-motion:no-preference){.button,.frame-choice{transition:transform .15s,box-shadow .15s}.button:active,.frame-choice:active{transform:translateY(3px)}}