:root{--foam: #f7f9f6;--paper: #fffdf8;--deep-sea: #18384a;--ocean: #32758a;--tide: #78b8c5;--sand: #e8ddc7;--lighthouse: #f1b84b;--coral: #df7565;--harbor: #548474;--bg: var(--foam);--surface: var(--paper);--surface-sunken: #eff3f0;--text: var(--deep-sea);--text-muted: #4c6575;--text-faint: #587080;--border: #e3e7e2;--border-strong: #cfd7d2;--primary: #2c6779;--primary-strong: #245566;--primary-contrast: #ffffff;--accent: var(--tide);--accent-soft: #e2f0f3;--source: #856209;--source-soft: #fbf1d9;--danger: #a8402f;--danger-soft: #fae8e5;--success: #41695c;--success-soft: #e2ede8;--sand-soft: #f3ecdd;--scrim: rgba(24, 56, 74, .32);--art-glass: var(--tide);--art-glass-deep: #5aa3b2;--art-paper: #fdf6e8;--art-paper-edge: #ecdfc2;--art-twine: #a8825a;--art-cork: #c9a876;--art-wave-back: #a9cdd6;--art-wave-front: var(--ocean);--radius-sm: 10px;--radius-md: 12px;--radius-card: 16px;--radius-cover: 20px;--radius-modal: 24px;--shadow-1: 0 1px 2px rgba(20, 45, 55, .06);--shadow-2: 0 8px 24px rgba(20, 45, 55, .08);--font-sans: "Pretendard Variable", Pretendard, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-serif: "Noto Serif KR", "Newsreader", Georgia, serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading: 1.6;--dur-1: .18s;--dur-2: .32s;--ease: cubic-bezier(.2, .8, .4, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--content-width: 640px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #101a21;--surface: #172832;--surface-sunken: #0c141a;--text: #e9f0ee;--text-muted: #a7bcc2;--text-faint: #7d939b;--border: #24363f;--border-strong: #33474f;--primary: #79aeb9;--primary-strong: #8fc0ca;--primary-contrast: #0c141a;--accent: #79aeb9;--accent-soft: #1c333c;--source: #e9b85d;--source-soft: #33301e;--danger: #e08a7c;--danger-soft: #3a2521;--success: #7aa891;--success-soft: #1e332a;--sand-soft: #2a3a42;--scrim: rgba(0, 0, 0, .55);--art-glass: #5f97a5;--art-glass-deep: #4a7f8d;--art-paper: #e9dfc8;--art-paper-edge: #cdbf9f;--art-twine: #96754f;--art-cork: #b09263;--art-wave-back: #23404c;--art-wave-front: #35606f;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35)}}:root[data-theme=light]{--bg: var(--foam);--surface: var(--paper);--surface-sunken: #eff3f0;--text: var(--deep-sea);--text-muted: #4c6575;--text-faint: #587080;--border: #e3e7e2;--border-strong: #cfd7d2;--primary: #2c6779;--primary-strong: #245566;--primary-contrast: #ffffff;--accent: var(--tide);--accent-soft: #e2f0f3;--source: #856209;--source-soft: #fbf1d9;--danger: #a8402f;--danger-soft: #fae8e5;--success: #41695c;--success-soft: #e2ede8;--sand-soft: #f3ecdd;--scrim: rgba(24, 56, 74, .32);--shadow-1: 0 1px 2px rgba(20, 45, 55, .06);--shadow-2: 0 8px 24px rgba(20, 45, 55, .08)}:root[data-theme=dark]{--bg: #101a21;--surface: #172832;--surface-sunken: #0c141a;--text: #e9f0ee;--text-muted: #a7bcc2;--text-faint: #7d939b;--border: #24363f;--border-strong: #33474f;--primary: #79aeb9;--primary-strong: #8fc0ca;--primary-contrast: #0c141a;--accent: #79aeb9;--accent-soft: #1c333c;--source: #e9b85d;--source-soft: #33301e;--danger: #e08a7c;--danger-soft: #3a2521;--success: #7aa891;--success-soft: #1e332a;--sand-soft: #2a3a42;--scrim: rgba(0, 0, 0, .55);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35)}@media(max-width:768px){:root{--text-base: 1rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}h1,h2,h3,h4{font-weight:600;line-height:1.3;overflow-wrap:break-word}p{overflow-wrap:break-word}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);font-weight:500;border:1px solid transparent;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);white-space:nowrap}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.45;cursor:default;transform:none}.ui-btn--md{height:38px;padding:0 var(--space-4);font-size:var(--text-base)}.ui-btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-md)}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--primary);color:var(--primary-contrast)}.ui-btn--primary:hover:not(:disabled){background:var(--primary-strong)}.ui-btn--quiet{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.ui-btn--quiet:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ui-btn--ghost{background:transparent;color:var(--text-muted)}.ui-btn--ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.ui-btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.ui-btn--danger:hover:not(:disabled){background:var(--danger-soft)}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-5)}.ui-card--letter{font-family:var(--font-serif);line-height:1.7}.ui-list{display:flex;flex-direction:column}.ui-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);text-align:left;transition:background-color var(--dur-1) var(--ease)}.ui-row+.ui-row{border-top:1px solid var(--border);border-top-left-radius:0;border-top-right-radius:0}.ui-row:hover{background:var(--accent-soft)}.ui-row__leading{color:var(--text-faint);flex-shrink:0;display:flex}.ui-row__body{flex:1;min-width:0}.ui-row__title{font-size:var(--text-base);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-row__meta{font-size:var(--text-sm);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-row__trailing{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.ui-section{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-2)}.ui-section__title{font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.ui-section__count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-faint)}.ui-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--text-xs);font-weight:500;line-height:1.6}.ui-badge--neutral{background:var(--surface-sunken);color:var(--text-muted)}.ui-badge--tide{background:var(--accent-soft);color:var(--primary)}.ui-badge--harbor{background:var(--success-soft);color:var(--success)}.ui-badge--coral{background:var(--danger-soft);color:var(--danger)}.ui-badge--lighthouse{background:var(--source-soft);color:var(--source)}.ui-badge--sand{background:var(--sand-soft);color:var(--text-muted)}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-faint)}.ui-empty__icon{color:var(--text-faint);opacity:.7}.ui-empty__title{font-size:var(--text-md);font-weight:600;color:var(--text-muted)}.ui-empty__hint{font-size:var(--text-sm);max-width:36ch}.ui-wave-progress{position:relative;height:6px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.ui-wave-progress__fill{position:absolute;inset:0 auto 0 0;background:var(--primary);border-radius:999px;transition:width var(--dur-2) var(--ease)}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 var(--space-5)}section{padding:var(--space-10) 0}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.section-lead{color:var(--text-muted);margin-bottom:var(--space-6);max-width:52ch}.wordmark{font-size:var(--text-lg);font-weight:600;letter-spacing:.01em;color:var(--text);text-decoration:none}a.wordmark:hover{text-decoration:none}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:60px}.site-nav{display:none;gap:var(--space-6)}.site-nav a{color:var(--text-muted);font-size:var(--text-base)}.site-nav a:hover{color:var(--primary);text-decoration:none}.site-header .ui-btn{text-decoration:none}@media(min-width:768px){.site-nav{display:flex}}.hero{padding:var(--space-10) 0 0;overflow:hidden}.hero__inner{display:flex;flex-direction:column;gap:var(--space-8)}.hero__copy{max-width:560px}.hero__headline{font-size:var(--text-2xl);line-height:1.25;margin-bottom:var(--space-4)}.hero__subline{font-family:var(--font-serif);font-style:italic;color:var(--text-muted);margin-bottom:var(--space-5)}.hero__body{color:var(--text-muted);margin-bottom:var(--space-6);max-width:46ch}.hero__cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero__cta .ui-btn{text-decoration:none}.hero__scene{position:relative;height:240px;border-radius:var(--radius-cover);background:var(--accent-soft);overflow:hidden;flex-shrink:0}.wave-band{position:absolute;left:0;right:0;bottom:0;pointer-events:none}.wave-band--back{height:46%}.wave-band--front{height:30%}.wave-band__track{display:flex;width:200%;height:100%}.wave-band__track svg{width:50%;height:100%;flex-shrink:0}.wave-band--back .wave-band__track{animation:wave-drift 16s linear infinite}.wave-band--front .wave-band__track{animation:wave-drift 10s linear infinite reverse}.hero__bottle{position:absolute;left:50%;bottom:26%;translate:-50% 0;animation:bottle-bob 3.2s ease-in-out infinite}@keyframes wave-drift{to{transform:translate(-50%)}}@keyframes bottle-bob{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-6%) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.wave-band__track,.hero__bottle{animation:none}}@media(min-width:1024px){.hero__inner{flex-direction:row;align-items:center}.hero__scene{flex:1;height:320px}}.vocab__grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.vocab__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-5)}.vocab__icon{display:inline-flex;color:var(--primary);margin-bottom:var(--space-3)}.vocab__name{font-weight:600;margin-bottom:var(--space-1)}.vocab__label{font-weight:400;font-size:var(--text-sm);color:var(--text-faint);margin-left:var(--space-1)}.vocab__desc{font-size:var(--text-sm);color:var(--text-muted)}.how__steps{list-style:none;padding:0;display:grid;gap:var(--space-6)}.how__step{position:relative;padding-left:52px}.how__number{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:999px;background:var(--accent-soft);color:var(--primary);font-weight:600;display:flex;align-items:center;justify-content:center}.how__title{font-size:var(--text-md);margin-bottom:var(--space-1)}.how__desc{color:var(--text-muted);font-size:var(--text-base);max-width:52ch}@media(min-width:1024px){.how__steps{grid-template-columns:repeat(4,1fr)}.how__step{padding-left:0;padding-top:48px}.how__number{top:0}}.pricing__grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-4)}.pricing__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-5);display:flex;flex-direction:column}.pricing__name{font-weight:600;color:var(--text-muted);margin-bottom:var(--space-2)}.pricing__price{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-1)}.pricing__period{font-size:var(--text-sm);font-weight:400;color:var(--text-faint)}.pricing__summary{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.pricing__features{list-style:none;padding:0;margin:0;font-size:var(--text-sm);color:var(--text-muted)}.pricing__features li{padding:var(--space-2) 0}.pricing__features li+li{border-top:1px solid var(--border)}.pricing__note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-faint)}.faq__list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.faq__item{border-bottom:1px solid var(--border);padding:var(--space-4) 0}.faq__question{cursor:pointer;font-weight:600;list-style:none}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";float:right;color:var(--text-faint)}.faq__item[open] .faq__question:after{content:"−"}.faq__answer{margin-top:var(--space-3);color:var(--text-muted);max-width:64ch}.download__inner{background:var(--sand-soft);border-radius:var(--radius-cover);padding:var(--space-8) var(--space-6);text-align:center}.download__inner h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.download__inner p{color:var(--text-muted);max-width:48ch;margin:0 auto var(--space-5)}.download__inner .ui-btn{text-decoration:none}.site-footer{border-top:1px solid var(--border);padding:var(--space-8) 0;margin-top:var(--space-8)}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;justify-content:space-between}.site-footer__tagline{color:var(--text-faint);font-size:var(--text-sm);margin-top:var(--space-1)}.site-footer__legal{color:var(--text-faint);font-size:var(--text-sm)}