:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#071a43;--deep:#03102b;--gold:#ffd13b;--red:#d93626;--cream:#fff3d4;--ink:#14203a;--muted:#68728a;--line:#dde2eb;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{color:var(--ink);background:#f7f8fb;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,5vw,72px);display:flex}.church{color:#fff;letter-spacing:.04em;font-size:13px;font-weight:750;text-decoration:none}.header-actions{align-items:center;gap:10px;display:flex}.language-switch{background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;padding:3px;display:flex}.language-button{color:#cbd4e8;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:30px;padding:0 9px;font-size:11px;font-weight:800}.language-button[aria-pressed=true]{color:var(--navy);background:#fff}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-small{min-height:38px;color:var(--navy);background:var(--gold);padding:0 15px}.button-primary{background:var(--red);color:#fff;box-shadow:0 8px 25px #d9362640}.button-ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff47}.button.compact{min-height:40px;padding:0 15px}.hero{color:#fff;background-color:var(--navy);background-image:radial-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(125deg,#071a43,#051333 62%,#091e4a);background-size:9px 9px,auto;padding:28px clamp(16px,4vw,64px) 68px;position:relative;overflow:hidden}.hero:before{content:"";background:var(--deep);height:320px;position:absolute;inset:auto -10% -230px 18%;transform:rotate(-5deg)}.hero-banner{z-index:1;background:#071a43;border:5px solid #ffffffeb;border-radius:22px;width:min(1510px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061,0 0 0 1px #ffd13b59}.hero-banner img{width:100%;height:auto;display:block}.hero-copy{z-index:2;max-width:740px}.hero-panel{text-align:center;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#03102be6;border:1px solid #ffffff3d;border-radius:20px;margin:-35px auto 0;padding:25px 30px 27px;position:relative;box-shadow:0 18px 45px #00000047}.eyebrow{color:var(--gold);letter-spacing:.2em;margin:0 0 13px;font-size:12px;font-weight:900}.eyebrow.dark{color:#9b4b10}h1{letter-spacing:-.06em;filter:drop-shadow(7px 7px #170804);margin:0;font-style:italic;font-weight:1000;line-height:.82}h1 span{color:var(--gold);font-size:clamp(53px,7vw,102px);display:block}h1 strong{color:#fff;background:var(--red);width:max-content;margin:13px 0 0 14%;padding:7px 24px 10px;font-size:clamp(42px,5.8vw,83px);display:block;transform:skew(-6deg)}.hero-korean{margin:0 0 10px;font-size:clamp(21px,2.2vw,31px);font-weight:850;line-height:1.32}.tagline{color:#cdd8f3;font-weight:650}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.announcement{background:#fff1bb;border:1px solid #f0d264;border-radius:14px;width:min(1100px,100% - 32px);margin:24px auto 0;padding:15px 20px;font-weight:700}.gallery-section{width:min(1240px,100% - 36px);margin:0 auto;padding:74px 0 90px}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(31px,4vw,48px)}.tabs{background:#e9edf4;border-radius:14px;gap:8px;width:max-content;margin:30px 0 22px;padding:5px;display:flex}.tab{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:104px;min-height:42px;padding:0 18px;font-weight:800}.tab.active{color:var(--navy);background:#fff;box-shadow:0 3px 12px #1a2b501c}.media-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.media-card{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:15px;padding:0;overflow:hidden;box-shadow:0 5px 18px #17233e14}.media-thumb{aspect-ratio:4/3;background:#e9edf4;place-items:center;display:grid;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-placeholder{color:#718096;font-weight:800}.play-mark{aspect-ratio:1;color:#fff;background:#03102bbf;border-radius:50%;place-items:center;width:54px;font-size:21px;display:grid;position:absolute}.media-info{padding:12px 13px 14px}.media-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;display:block;overflow:hidden}.media-meta{color:var(--muted);margin-top:5px;font-size:12px;display:block}.empty-state{text-align:center;background:#fff;border:2px dashed #ccd3df;border-radius:20px;align-content:center;place-items:center;min-height:290px;padding:55px 20px;display:grid}.empty-state h3{margin:12px 0 5px}.empty-state p{color:var(--muted);margin:0}.empty-icon{color:var(--gold);background:var(--navy);aspect-ratio:1;border-radius:22px;place-items:center;width:76px;font-size:38px;display:grid;transform:rotate(-5deg)}.dark-button{color:var(--ink);background:#fff;border-color:#b9c2d1;margin:28px auto 0;display:flex}footer{text-align:center;color:#aeb9d2;background:var(--deep);padding:35px 20px;font-size:13px}footer strong{color:#fff}footer a{color:#7f8aa3}.dialog{border:0;border-radius:20px;width:min(680px,100% - 24px);max-height:90vh;padding:0;overflow:hidden;box-shadow:0 28px 80px #03102b52}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020816b3}.dialog-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;margin:0;padding:20px 22px;display:flex}.dialog-header h2{margin:0;font-size:25px}.dialog-header p{color:var(--muted);margin:4px 0 0}.icon-button{aspect-ratio:1;cursor:pointer;background:#edf0f5;border:0;border-radius:12px;width:44px;font-size:30px}.dialog-body{padding:22px;overflow:auto}.drop-zone{text-align:center;min-height:190px;color:var(--muted);cursor:pointer;background:#f7f9fc;border:2px dashed #aab4c5;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.drop-zone strong{color:var(--ink);font-size:18px}.drop-icon{aspect-ratio:1;color:#fff;background:var(--red);border-radius:14px;place-items:center;width:52px;font-size:29px;display:grid}.file-limits{color:#344054;font-size:12px;font-weight:750}.privacy-note{color:var(--muted);font-size:12px;line-height:1.5}.upload-list{gap:9px;margin-top:15px;display:grid}.upload-row{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 13px}.upload-row-top{justify-content:space-between;gap:12px;font-size:13px;display:flex}.progress{background:#e7ebf1;border-radius:9px;height:7px;margin-top:9px;overflow:hidden}.progress span{background:var(--red);height:100%;transition:width .2s;display:block}.notice{border-radius:11px;margin-bottom:14px;padding:12px}.notice.error{color:#a1261c;background:#fff0ed}.preview-dialog{width:min(980px,100% - 24px)}.preview-content{background:#07101f;place-items:center;min-height:300px;max-height:65vh;display:grid}.preview-content img,.preview-content video{max-width:100%;max-height:65vh}.preview-actions{background:#fff;justify-content:flex-end;padding:14px 20px;display:flex}@media (width<=850px){.hero{padding-inline:18px}.hero-banner{border-width:4px;border-radius:17px}.hero-panel{max-width:680px}.media-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.site-header{height:64px;padding:0 12px}.church{max-width:112px;font-size:10px;line-height:1.2}.header-actions{gap:6px}.language-switch{padding:2px}.language-button{min-height:28px;padding:0 7px;font-size:10px}.button-small{min-height:34px;padding:0 10px;font-size:11px}.hero{padding:14px 10px 45px}.hero-banner{border-width:3px;border-radius:12px}.hero-panel{border-radius:16px;width:calc(100% - 18px);margin:-10px auto 0;padding:20px 14px 22px}.hero-actions .button{flex:1;padding:0 10px;font-size:13px}.gallery-section{padding-top:55px}.media-grid{grid-template-columns:repeat(2,1fr);gap:10px}.section-heading{align-items:center}.section-heading .compact{font-size:13px}.media-info{padding:9px}.dialog{border-radius:16px}.dialog-body{padding:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}