@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&family=SUIT:wght@300;400;600&display=swap";:root{font-family:SUIT,"Noto Serif KR",sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--surface-page);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,var(--surface-page) 0%,var(--border-soft) 46%,var(--border-default) 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}img,iframe{max-width:100%;display:block}:root{--surface-page: #f5f7fb;--surface-soft: #eef3fb;--surface-elevated: #ffffff;--surface-navy: #0c1430;--surface-navy-raised: #121c3f;--surface-navy-soft: #1c2a57;--text-primary: #0e1628;--text-secondary: #2e3f77;--text-inverse: #ffffff;--border-default: #d7dff0;--border-soft: #e6ebf5;--accent-primary: #1c2a57;--accent-hover: #2e3f77;--status-error: #b3132b;--inverse-10: rgba(255, 255, 255, .1);--inverse-16: rgba(255, 255, 255, .16);--inverse-18: rgba(255, 255, 255, .18);--inverse-20: rgba(255, 255, 255, .2);--inverse-70: rgba(255, 255, 255, .7);--inverse-80: rgba(255, 255, 255, .8);--navy-glow: rgba(215, 223, 240, .2);--navy-wash: rgba(215, 223, 240, .12);--surface-card: rgba(255, 255, 255, .72);--shadow-black-soft: rgba(0, 0, 0, .12);--shadow-black-strong: rgba(0, 0, 0, .18);--shadow-accent-soft: rgba(28, 42, 87, .24);--shadow-accent-strong: rgba(28, 42, 87, .3);--shadow-danger: rgba(179, 19, 43, .22);--status-error-soft: rgba(179, 19, 43, .08);--shadow-subtle: 0 10px 24px rgba(12, 20, 48, .08);--shadow-default: 0 18px 45px rgba(12, 20, 48, .12);--shadow-prominent: 0 28px 70px rgba(12, 20, 48, .22);--focus-ring: 0 0 0 4px rgba(46, 63, 119, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}#root{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-12)}.page{display:flex;min-height:100dvh;flex-direction:column;gap:var(--space-10)}.hero{position:relative;overflow:hidden;padding:var(--space-6);color:var(--text-inverse);background:radial-gradient(circle at 12% 10%,var(--navy-glow),transparent 28%),linear-gradient(135deg,var(--surface-navy),var(--surface-navy-soft));border-radius:28px;box-shadow:var(--shadow-prominent)}.hero:after{position:absolute;inset:auto -10% -40% 42%;height:280px;content:"";background:var(--inverse-10);filter:blur(54px);transform:rotate(-8deg)}.hero-nav,.hero-grid{position:relative;z-index:1}.hero-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-16)}.brand-button,.nav-button,.button{appearance:none;border:0;font:inherit;cursor:pointer}.brand-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;color:var(--text-inverse);background:transparent;font-family:"Noto Serif KR",serif;font-size:1.12rem;font-weight:600}.brand-mark{width:34px;height:38px;object-fit:contain}.hero-mark{width:clamp(74px,10vw,104px);height:auto;margin:0 0 var(--space-4);filter:drop-shadow(0 18px 28px var(--shadow-black-soft))}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.nav-button{min-height:40px;padding:var(--space-2) var(--space-4);color:var(--text-inverse);background:var(--inverse-10);border:1px solid var(--inverse-16);border-radius:999px;transition:transform .14s ease-out,background .22s ease-in-out,box-shadow .22s ease-in-out}.nav-button:hover,.nav-button[aria-current=page]{background:var(--inverse-20);box-shadow:0 12px 28px var(--shadow-black-soft)}.nav-button:active,.button:active{transform:translateY(1px) scale(.99)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:var(--space-8);align-items:end}.hero-copy{max-width:700px}.eyebrow,.section-kicker,.panel-label{margin:0;color:var(--border-default);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:var(--space-3) 0 var(--space-5);font-family:"Noto Serif KR",serif;font-size:clamp(2.7rem,7vw,5.4rem);font-weight:600;line-height:.95;text-wrap:balance}.subtitle{max-width:560px;margin:0;color:var(--inverse-80);font-size:1.08rem;line-height:1.7;text-wrap:pretty}.hero-panel{padding:var(--space-5);background:var(--inverse-10);border:1px solid var(--inverse-18);border-radius:18px;box-shadow:0 20px 50px var(--shadow-black-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat{display:grid;grid-template-columns:1fr;gap:var(--space-1);padding-top:var(--space-5)}.hero-stat+.hero-stat{margin-top:var(--space-5);border-top:1px solid var(--inverse-16)}.hero-stat strong{color:var(--text-inverse);font-family:"Noto Serif KR",serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;line-height:1}.hero-stat span{color:var(--inverse-70);font-size:.9rem}.content{display:flex;flex:1;flex-direction:column;gap:var(--space-12)}.latest-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);gap:var(--space-6);align-items:stretch}.latest-copy,.video-frame,.admin-panel{background:var(--surface-elevated);border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-default)}.latest-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:390px;padding:var(--space-10)}.section-kicker{color:var(--text-secondary)}.latest-copy h2,.section-heading h2,.admin-list-heading h3{color:var(--text-primary);text-wrap:balance}.latest-copy h2{margin:var(--space-3) 0 var(--space-5);font-family:"Noto Serif KR",serif;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:600;line-height:1.05}.latest-meta,.sermon-meta{display:grid;gap:var(--space-3);margin:0}.latest-meta{width:100%;margin-bottom:var(--space-6);padding:var(--space-5) 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.latest-meta div,.sermon-meta div{display:flex;gap:var(--space-3);align-items:baseline}.latest-meta dt,.sermon-meta dt{min-width:42px;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.latest-meta dd,.sermon-meta dd{margin:0;color:var(--text-primary)}.video-frame{overflow:hidden;min-height:390px;background:var(--surface-navy)}.video-frame iframe,.video-placeholder{width:100%;height:100%;min-height:390px}.video-frame iframe{border:0}.video-placeholder{display:grid;place-items:center;padding:var(--space-6);color:var(--border-default);background:linear-gradient(135deg,var(--navy-wash),transparent),var(--surface-navy-raised);font-weight:600}.section-heading{max-width:680px;margin-bottom:var(--space-6)}.section-heading h2{margin:var(--space-2) 0;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.2}.section-heading p{margin:0;color:var(--text-secondary);line-height:1.7}.archive-grid,.admin-sermon-list{display:grid;gap:var(--space-4)}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.sermon-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);min-height:220px;padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-default);border-radius:18px;box-shadow:var(--shadow-subtle);transition:transform .22s ease-in-out,box-shadow .22s ease-in-out,border-color .22s ease-in-out}.sermon-card:hover{border-color:var(--accent-hover);box-shadow:var(--shadow-default);transform:translateY(-2px)}.sermon-date{color:var(--text-secondary);font-size:.82rem;font-variant-numeric:tabular-nums;writing-mode:vertical-rl}.sermon-body{min-width:0}.sermon-body h3{margin:0 0 var(--space-4);color:var(--text-primary);font-size:1.15rem;line-height:1.35;text-wrap:pretty}.sermon-meta{color:var(--text-primary);font-size:.9rem}.sermon-actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:var(--space-2);align-items:flex-end}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:999px;font-weight:600;line-height:1;text-decoration:none;transition:transform .14s ease-out,background .22s ease-in-out,border-color .22s ease-in-out,box-shadow .22s ease-in-out}.button-primary{color:var(--text-inverse);background:var(--accent-primary);box-shadow:0 12px 24px var(--shadow-accent-soft)}.button-primary:hover{background:var(--accent-hover);box-shadow:0 16px 30px var(--shadow-accent-strong)}.button-secondary{color:var(--accent-primary);background:var(--surface-elevated);border:1px solid var(--border-default)}.button-secondary:hover{border-color:var(--accent-hover);box-shadow:var(--shadow-subtle)}.button-danger{color:var(--text-inverse);background:var(--status-error)}.button-danger:hover{box-shadow:0 12px 24px var(--shadow-danger)}.brand-button:focus-visible,.nav-button:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.admin-layout{display:grid;gap:var(--space-6)}.admin-panel{padding:var(--space-6)}.login-panel,.sermon-form{display:flex;flex-direction:column;gap:var(--space-5)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.field-grid .wide{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-primary);font-weight:600}input,textarea{width:100%;min-height:46px;padding:var(--space-3) var(--space-4);color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-default);border-radius:12px;font-size:.95rem;transition:background .22s ease-in-out,border-color .22s ease-in-out,box-shadow .22s ease-in-out}input:hover,textarea:hover{background:var(--surface-elevated)}input:focus,textarea:focus{border-color:var(--accent-hover)}.form-actions,.admin-list-heading{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.admin-list-heading{justify-content:space-between;margin-bottom:var(--space-5)}.admin-list-heading h3{margin:0;font-size:1.15rem}.admin-list-heading span{color:var(--text-secondary);font-size:.9rem;font-weight:600}.admin-sermon-list{grid-template-columns:1fr}.admin-sermon-list .sermon-card{min-height:0}.state-message{margin:0;padding:var(--space-5);border-radius:16px;font-weight:600}.state-message.quiet{color:var(--text-secondary);background:var(--surface-soft)}.state-message.error{color:var(--status-error);background:var(--status-error-soft)}.helper-text{margin:0;color:var(--text-secondary);font-size:.9rem}.skeleton-card{overflow:hidden;position:relative}.skeleton-card span,.skeleton-card strong,.skeleton-card small{display:block;background:var(--surface-soft);border-radius:999px}.skeleton-card span{width:42px;height:120px}.skeleton-card strong{width:70%;height:22px}.skeleton-card small{grid-column:2;width:52%;height:14px}.footer{color:var(--text-secondary);font-size:.86rem;text-align:center}.footer p{margin:0}@media(max-width:940px){.hero-grid,.latest-section{grid-template-columns:1fr}.hero-nav{margin-bottom:var(--space-10)}.latest-copy,.video-frame,.video-frame iframe,.video-placeholder{min-height:320px}}@media(max-width:720px){#root{padding:var(--space-3) var(--space-3) var(--space-8)}.page{gap:var(--space-8)}.hero{padding:var(--space-5);border-radius:22px}.hero-nav{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.hero-panel,.latest-copy,.admin-panel{padding:var(--space-5)}.field-grid,.archive-grid{grid-template-columns:1fr}.latest-copy,.video-frame,.video-frame iframe,.video-placeholder{min-height:280px}.sermon-card{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important}}