.dm-dialog{width:min(1120px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #d2ddc7;border-radius:18px;box-shadow:0 24px 100px #12271f55;background:#fafbf6;color:#234d3c;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:15px;line-height:1.75;overflow:auto;overscroll-behavior:contain}.dm-dialog::backdrop{background:#122b20c9;backdrop-filter:blur(4px)}.dm-dialog *{box-sizing:border-box}.dm-dialog [hidden]{display:none!important}.dm-dialog button,.dm-dialog a{font:inherit}.dm-dialog button{cursor:pointer}.dm-dialog button:disabled{cursor:default;opacity:.5}.dm-dialog :focus-visible,.dm-page main :focus-visible{outline:3px solid #a56c3c;outline-offset:3px}.dm-dialog button,.dm-dialog a{touch-action:manipulation}.dm-head{position:sticky;top:0;z-index:2;background:#fffefaf5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 17px;border-bottom:1px solid #e0e7d6}.dm-badge{display:inline-flex;background:#e8efdd;color:#526c43;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.dm-head h2{font-size:22px;line-height:1.5;letter-spacing:-.7px;margin:5px 0 0}.dm-close{display:flex;align-items:center;gap:12px;min-height:44px;padding:7px 13px;border:1px solid #d4dfc8;border-radius:7px;background:#f4f7ed;color:#45613c;flex-shrink:0}.dm-close>span{font-size:25px;line-height:1}.dm-dialog .dm-intro-note{padding:0 26px;color:#61735a;font-size:13px;margin:13px 0}.dm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 26px 17px}.dm-steps button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d6e0cb;border-radius:9px;min-height:46px;background:#fffef9;color:#5c7252;font-size:14px}.dm-steps button>span{font-size:12px;font-weight:700}.dm-steps [aria-current=step]{background:#234d3c;color:#fff;border-color:#234d3c}.dm-body{padding:8px 26px 24px;min-height:320px}.dm-panel h3{font-size:27px;line-height:1.4;letter-spacing:-.8px;color:#234d3c;margin:0 0 15px}.dm-eyebrow{font-size:13px;font-weight:700;color:#597549;margin:0 0 10px}.dm-start-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:center;padding:15px 0}.dm-start-copy>p{font-size:15px;line-height:1.9;color:#51694b}.dm-soft-note{font-size:13px!important;color:#6a7b60!important;line-height:1.8}.dm-start-image{margin:0}.dm-start-image img{display:block;width:100%;height:auto;border:1px solid #d7e2cb;border-radius:10px}.dm-start-image figcaption{font-size:12px;color:#697b5c;margin-top:8px}.dm-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:11px 18px;border:1px solid #234d3c;border-radius:7px;background:#234d3c;color:#fff!important;text-decoration:none;font-size:14px;font-weight:600}.dm-primary:hover{background:#173b2b}.dm-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:10px 0 21px}.dm-section-heading h3{margin-bottom:0}.dm-section-heading>p{font-size:13px;color:#637458;margin:0;line-height:1.8}.dm-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dm-activity{display:block;padding:0;text-align:left;border:1px solid #d9e3ce;background:#fffef9;color:#234d3c;border-radius:10px;overflow:hidden;transition:box-shadow .15s,border-color .15s}.dm-activity:hover{border-color:#88a76e;box-shadow:0 5px 18px #234d3c12}.dm-activity>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#eef3e7}.dm-activity-copy{display:block;padding:12px 15px 15px}.dm-activity-copy strong{display:block;font-size:18px;margin-top:6px}.dm-activity-kind{font-size:11px;color:#637459;background:#edf2e6;border-radius:20px;padding:3px 9px;display:inline-flex}.dm-activity-playable{color:#fff;background:#446b46}.dm-player-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:9px 0 13px}.dm-player-heading h3{margin:0;font-size:24px}.dm-player-actions{display:flex;gap:7px;flex-wrap:wrap}.dm-player-actions button{min-height:44px;border:1px solid #cfddc0;border-radius:6px;background:#f1f5e9;color:#4c6841;font-size:13px;padding:7px 12px}.dm-activity-description{font-size:14px;color:#566f4b;margin:0 0 14px}.dm-player{position:relative;background:#edf3e7;border:1px solid #d2dfc5;border-radius:11px;overflow:hidden}.dm-player iframe{display:block;width:100%;height:460px;max-height:55dvh;border:0;background:#edf3e7}.dm-player>img{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain}.dm-loading{position:absolute;inset:0;margin:0!important;display:grid;place-items:center;background:#eef3e8;color:#57704e;font-size:16px}.dm-player-note{font-size:12px;color:#6b7c60;margin:10px 0 0}.dm-finish-activity{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.dm-finish-activity>span{font-size:13px;color:#5c7450}.dm-report-tabs{display:flex;gap:9px;margin-bottom:15px}.dm-report-tabs button{min-height:44px;padding:8px 16px;border:1px solid #ccdabd;border-radius:22px;background:#fff;color:#4f6c42;font-size:14px}.dm-report-tabs [aria-pressed=true]{background:#234d3c;color:#fff;border-color:#234d3c}.dm-data-badge{background:#efe8d9;border:1px solid #e3d6be;padding:5px 11px;border-radius:22px;color:#7b6440;font-size:12px}.dm-report-image{display:block;width:100%;max-height:47dvh;object-fit:contain;border:1px solid #d9e3cd;background:#fff;border-radius:10px}.dm-report-copy{margin-top:18px}.dm-report-copy strong{font-size:17px}.dm-report-copy p{font-size:14px;color:#5b7450;line-height:1.8;margin:7px 0}.dm-report-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px}.dm-report-links a{font-size:14px;font-weight:600;color:#45693b;text-decoration:none}.dm-report-links a:hover{text-decoration:underline}.dm-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 26px;background:#f1f5e9;border-top:1px solid #dce5d1}.dm-footer button{padding:8px 14px;min-height:44px;border:1px solid #ceddbc;border-radius:7px;background:#fffef9;color:#47683d;font-size:14px}.dm-footer>span{font-size:13px;color:#5e7750}.dm-dialog.dm-wide{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dm-wide .dm-steps,.dm-wide .dm-intro-note,.dm-wide .dm-activity-description,.dm-wide .dm-footer,.dm-wide .dm-player-note,.dm-wide .dm-finish-activity{display:none}.dm-wide .dm-head{padding-top:10px;padding-bottom:10px}.dm-wide .dm-badge{display:none}.dm-wide .dm-player iframe{height:calc(100dvh - 185px);max-height:none}.dm-wide .dm-player>img{max-height:calc(100dvh - 185px)}.dm-page{margin:0;color:#234d3c;background:#f6f8f1;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;line-height:1.8}.dm-landing{max-width:1000px;margin:auto;padding:60px 28px}.dm-landing h1{font-size:clamp(30px,4vw,45px);line-height:1.4;letter-spacing:-1px}.dm-landing>p{color:#5d7451}.dm-landing .dm-soft-note{margin-top:19px}
@media(max-width:700px){.dm-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:13px}.dm-head{padding:14px 15px 12px;gap:12px}.dm-head h2{font-size:18px}.dm-close{gap:6px;padding:7px 10px;font-size:13px}.dm-dialog .dm-intro-note{padding:0 15px;font-size:12px;margin:10px 0}.dm-steps{gap:5px;padding:0 15px 12px}.dm-steps button{flex-direction:column;gap:0;font-size:12px;min-height:51px;padding:5px 0}.dm-steps button>span{font-size:10px}.dm-body{padding:5px 15px 20px}.dm-panel h3{font-size:24px}.dm-start-grid{grid-template-columns:1fr;gap:20px;padding:8px 0}.dm-start-copy>p{font-size:14px}.dm-start-copy .dm-primary{width:100%}.dm-section-heading{flex-direction:column;gap:12px;margin-bottom:16px}.dm-activity-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dm-activity-copy{padding:10px 11px 13px}.dm-activity-copy strong{font-size:15px}.dm-activity-kind{font-size:10px;padding:2px 7px}.dm-player-heading{flex-direction:column;align-items:flex-start;gap:12px}.dm-player-heading h3{font-size:22px}.dm-player-actions{width:100%}.dm-player-actions button{flex:1;padding:7px 9px;font-size:12px}.dm-player iframe{height:440px;max-height:60dvh}.dm-finish-activity{flex-direction:column;align-items:stretch;gap:12px}.dm-finish-activity .dm-primary{justify-content:center}.dm-player>img{max-height:60dvh}.dm-footer{padding:12px 15px;gap:7px}.dm-footer button{font-size:12px;padding:8px 10px}.dm-footer>span{font-size:11px}.dm-report-image{max-height:55dvh}.dm-report-links{gap:12px}.dm-wide .dm-head h2{font-size:16px}.dm-wide .dm-body{padding-bottom:8px}.dm-wide .dm-player iframe{height:calc(100dvh - 215px)}.dm-wide .dm-player>img{max-height:calc(100dvh - 215px)}}
@media(prefers-reduced-motion:reduce){.dm-activity{transition:none}.dm-dialog::backdrop{backdrop-filter:none}}
.dm-dialog[open]{display:flex;flex-direction:column}.dm-head,.dm-intro-note,.dm-steps,.dm-footer{flex-shrink:0}.dm-dialog .dm-body{min-height:0;overflow:auto;flex:1;overscroll-behavior:contain}.dm-wide .dm-footer{display:flex}.dm-wide .dm-player iframe{height:calc(100dvh - 250px)}.dm-report-image{height:auto}.dm-report-tabs{flex-wrap:wrap}.dm-report-tabs>a{display:inline-flex;align-items:center;padding:8px 12px;min-height:44px;font-size:13px;color:#4f7042;text-decoration:none}.dm-report-tabs>a:hover{text-decoration:underline}@media(max-width:700px){.dm-wide .dm-player iframe{height:calc(100dvh - 270px)}.dm-report-image{max-height:none}}
.dm-dialog.dm-wide{height:calc(100dvh - 20px)}.dm-wide .dm-body{display:flex;flex-direction:column}.dm-wide .dm-panel:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}.dm-wide .dm-player-heading{flex-shrink:0}.dm-wide .dm-player{flex:1;min-height:220px}.dm-wide .dm-player iframe{height:100%;max-height:none}.dm-wide .dm-player>img{height:100%;max-height:none;object-fit:contain}