:root{--color-bg: #faf8f3;--color-surface: #ffffff;--color-border: #d8caba;--color-border-light: #f0e8dc;--color-primary: #c1632f;--color-primary-light: #fde0c4;--color-primary-mid: #f5c098;--color-text: #1a1209;--color-text-sub: #7a6e5e;--color-text-muted: #a89888;--color-correct: #2d9a5f;--color-wrong: #e03e3e;--color-level-0-bg: #f3e5f5;--color-level-0-text: #7b1fa2;--color-level-1-bg: #e8f5e9;--color-level-1-text: #2e7d32;--color-level-2-bg: #e3f2fd;--color-level-2-text: #1565c0;--color-level-3-bg: #fff8e1;--color-level-3-text: #f57f17;--color-level-4-bg: #fce4ec;--color-level-4-text: #c62828;--color-pastel-1: #fde8de;--color-pastel-2: #fdf5e4;--color-pastel-3: #e8f5f0;--color-pastel-4: #eef2fd;--color-warning-bg: #fff8e1;--color-warning-border:#ffe082;--color-warning-text: #795548}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-break:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1rem;font-weight:500;color:var(--color-text);background-color:var(--color-bg);line-height:1.6}.ko{font-family:"Noto Sans KR",sans-serif;word-break:keep-all}.ko--serif{font-family:"Noto Serif KR",serif}.ja{font-feature-settings:"palt"}h1,h2,h3,h4,h5,h6{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:600;line-height:1.3;color:var(--color-text)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.4rem,4vw,2rem)}h3{font-size:clamp(1.1rem,3vw,1.5rem)}h4{font-size:1.125rem}a{color:var(--color-primary);transition:opacity 150ms ease}a:hover{opacity:.75}.text-sub{color:var(--color-text-sub)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.ad-unit{text-align:center;padding:1rem 0}.ad-unit--header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.ad-unit--footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.ad-unit--inline{margin:2rem 0}.ad-unit--article{margin:2rem 0}.container{width:100%;max-width:1100px;margin-inline:auto;padding-inline:1rem}@media(min-width: 768px){.container{padding-inline:2rem}}.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 4px rgba(26,18,9,.07)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:56px}@media(min-width: 768px){.site-header__inner{height:64px}}.site-header__logo{display:flex;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-0.02em}@media(min-width: 768px){.site-header__logo{font-size:1.5rem}}.site-header__logo-icon{width:28px;height:28px}@media(min-width: 768px){.site-header__logo-icon{width:32px;height:32px}}.site-header__nav{display:none}@media(min-width: 768px){.site-header__nav{display:flex;align-items:center;gap:1.5rem}}.site-header__nav-link{font-size:.9rem;font-weight:500;color:var(--color-text-sub);transition:color 150ms ease}.site-header__nav-link:hover,.site-header__nav-link.is-active{color:var(--color-primary)}.site-header__menu-btn{position:relative;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0}@media(min-width: 768px){.site-header__menu-btn{display:none}}.site-header__menu-btn span{display:block;position:absolute;left:10px;width:24px;height:2px;background:var(--color-text);border-radius:9999px;transition:transform 250ms ease,opacity 250ms ease}.site-header__menu-btn span:nth-child(1){top:14px}.site-header__menu-btn span:nth-child(2){top:21px}.site-header__menu-btn span:nth-child(3){top:28px}.site-header__menu-btn.is-open span:nth-child(1){top:21px;transform:rotate(45deg)}.site-header__menu-btn.is-open span:nth-child(2){opacity:0}.site-header__menu-btn.is-open span:nth-child(3){top:21px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:99;background:var(--color-surface);padding:2rem 1.5rem;padding-top:72px;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;transform:translateX(100%);transition:opacity 250ms ease,transform 250ms ease,visibility 0s linear 250ms}@media(min-width: 768px){.mobile-menu{display:none}}.mobile-menu.is-open{visibility:visible;opacity:1;transform:translateX(0);transition:opacity 250ms ease,transform 250ms ease,visibility 0s linear 0s}.mobile-menu__nav{display:flex;flex-direction:column;gap:1rem}.mobile-menu__link{font-size:1.05rem;font-weight:500;color:var(--color-text);padding-block:.5rem;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}@media(hover: hover){.mobile-menu__link:hover{color:var(--color-primary)}}.mobile-menu__link:active{color:var(--color-primary)}.site-main{min-height:calc(100vh - 56px - 200px)}@media(min-width: 768px){.site-main{min-height:calc(100vh - 64px - 200px)}}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 0 2rem;margin-top:4rem}.site-footer__inner{display:flex;flex-direction:column;gap:1.5rem}@media(min-width: 768px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.site-footer__logo{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.site-footer__tagline{font-size:.875rem;color:var(--color-text-sub);margin-top:.25rem}.site-footer__nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.site-footer__nav-link{font-size:.875rem;color:var(--color-text-sub);padding-block:.5rem;transition:color 150ms ease}.site-footer__nav-link:hover{color:var(--color-primary)}.site-footer__copy{font-size:.75rem;color:var(--color-text-muted);margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.section{padding:3rem 0}@media(min-width: 768px){.section{padding:4rem 0}}.section--surface{background:var(--color-surface)}.section__header{margin-bottom:3rem}.section__title{font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.section__title::after{content:"";display:block;width:2.5rem;height:3px;background:var(--color-primary);border-radius:9999px;margin-top:.5rem}.section__subtitle{margin-top:.5rem;color:var(--color-text-sub)}.section__lead{margin-top:1rem;color:var(--color-text-sub);line-height:1.8;max-width:640px}.page-layout{display:block}@media(min-width: 768px){.page-layout{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}}@media(min-width: 1024px){.page-layout{grid-template-columns:1fr 300px;gap:3rem}}.page-layout__main{min-width:0}.page-layout__sidebar{margin-top:3rem}@media(min-width: 768px){.page-layout__sidebar{margin-top:0;position:sticky;top:80px}}.sidebar-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}@media(min-width: 768px){.sidebar-section{margin-bottom:2rem}}.sidebar-section:last-child{margin-bottom:0}.sidebar-section__title{font-size:.8rem;font-weight:700;color:var(--color-primary);letter-spacing:.04em;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--color-primary-mid)}.sidebar-search__input{width:100%;padding:10px 14px;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color 150ms ease}.sidebar-search__input::placeholder{color:var(--color-text-muted)}.sidebar-search__input:focus{border-color:var(--color-primary)}.sidebar-links{display:flex;flex-direction:column;gap:0}.sidebar-links__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem;font-size:.875rem;color:var(--color-text);text-decoration:none;border-radius:6px;transition:color 150ms ease,background 150ms ease}.sidebar-links__item:hover{color:var(--color-primary);background:var(--color-primary-light)}.sidebar-links__item.is-active{color:var(--color-primary);font-weight:600;background:var(--color-primary-light)}.sidebar-links__count{margin-left:auto;font-size:.7rem;color:var(--color-text-muted);background:var(--color-bg);padding:1px 6px;border-radius:9999px}.sidebar-popular{display:flex;flex-direction:column;gap:2px}.sidebar-popular__item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;font-size:.85rem;color:var(--color-text);text-decoration:none;line-height:1.55;border-radius:6px;transition:color 150ms ease,background 150ms ease}.sidebar-popular__item:hover{color:var(--color-primary);background:var(--color-primary-light)}.sidebar-popular__item--pc-only{display:none}@media(min-width: 768px){.sidebar-popular__item--pc-only{display:flex}}.sidebar-popular__num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;font-family:"DM Mono",monospace;font-size:.7rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border-radius:9999px;margin-top:.1em}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.25rem}.sidebar-tags__item{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;color:var(--color-text-sub);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:9999px;text-decoration:none;transition:background 150ms ease,border-color 150ms ease,color 150ms ease}.sidebar-tags__item:hover{background:var(--color-primary-light);border-color:var(--color-primary-mid);color:var(--color-primary)}.sidebar-accordion__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;margin-bottom:.5rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--color-text)}@media(min-width: 768px){.sidebar-accordion__toggle{display:none}}.sidebar-accordion__icon{font-size:1rem;color:var(--color-text-muted);transition:transform .2s}.sidebar-accordion__body{display:none}@media(min-width: 768px){.sidebar-accordion__body{display:block !important}}.sidebar-accordion.is-open .sidebar-accordion__body{display:block}.sidebar-accordion.is-open .sidebar-accordion__icon{transform:rotate(45deg)}.sidebar-accordion .sidebar-section__title{display:none}@media(min-width: 768px){.sidebar-accordion .sidebar-section__title{display:block}}.sidebar-banner{text-align:center}.sidebar-banner__img{max-width:100%;height:auto;border-radius:6px}.sidebar-banner__note{font-size:.65rem;color:var(--color-text-muted);margin-top:.25rem}.article-affiliate{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:24px;padding:1.5rem;margin-top:2rem;margin-bottom:2rem}.article-affiliate__title{font-size:.95rem;font-weight:700;text-align:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary-mid)}.article-affiliate__banners{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.article-affiliate__banner{text-align:center}.article-affiliate__img{max-width:100%;height:auto;border-radius:6px}.article-affiliate__note{font-size:.65rem;color:var(--color-text-muted);text-align:right;margin-top:.5rem}.post-nav{display:flex;flex-direction:column;gap:.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}@media(min-width: 768px){.post-nav{flex-direction:row;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:2rem}}.post-nav__item{display:block;flex:1;padding:1rem;min-height:56px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:border-color 150ms ease,background 150ms ease}.post-nav__item:hover{border-color:var(--color-primary-mid);background:var(--color-primary-light)}.post-nav__item--prev{text-align:left}.post-nav__item--next{text-align:right}.post-nav__label{display:block;font-size:.7rem;color:var(--color-text-muted);letter-spacing:.04em;margin-bottom:.25rem}.post-nav__title{font-size:.875rem;font-weight:500;color:var(--color-primary);line-height:1.5}.filter-active{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--color-text-sub);background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px}.filter-active__clear{margin-left:auto;font-size:.8rem;color:var(--color-primary);text-decoration:none}.filter-active__clear:hover{text-decoration:underline}.grid{display:grid;gap:1.5rem}@media(min-width: 768px){.grid--2col{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.grid--3col{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.grid--3col{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 480px){.grid--4col{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.grid--4col{grid-template-columns:repeat(4, 1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 2rem;font-family:"Zen Kaku Gothic New",sans-serif;font-size:1rem;font-weight:600;border-radius:9999px;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:background 150ms ease,color 150ms ease,border-color 150ms ease,opacity 150ms ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){opacity:.85}.btn--outline{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary-light)}.btn--ghost{background:rgba(0,0,0,0);color:var(--color-text-sub);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn--sm{font-size:.875rem;padding:.25rem 1.5rem;min-height:44px}@media(min-width: 768px){.btn--sm{min-height:auto}}.btn--lg{font-size:1.125rem;padding:1rem 3rem}.btn--full{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;box-shadow:0 1px 4px rgba(26,18,9,.07);transition:box-shadow 250ms ease,transform 250ms ease}@media(hover: hover)and (pointer: fine){.card:hover{box-shadow:0 3px 10px rgba(26,18,9,.09);transform:translateY(-2px)}}.card:active{transform:scale(0.98)}.card__icon{font-size:2rem;margin-bottom:1rem}.card__title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.card__desc{font-size:.9rem;color:var(--color-text-sub);line-height:1.6}.card__link{display:inline-flex;align-items:center;gap:.25rem;margin-top:1.5rem;font-size:.875rem;font-weight:600;color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:2px .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;letter-spacing:.02em}.badge--level-0{background:var(--color-level-0-bg);color:var(--color-level-0-text)}.badge--level-1{background:var(--color-level-1-bg);color:var(--color-level-1-text)}.badge--level-2{background:var(--color-level-2-bg);color:var(--color-level-2-text)}.badge--level-3{background:var(--color-level-3-bg);color:var(--color-level-3-text)}.badge--level-4{background:var(--color-level-4-bg);color:var(--color-level-4-text)}.badge--tag{background:var(--color-bg);color:var(--color-text-sub);border:1px solid var(--color-border);text-decoration:none;transition:background 150ms ease,border-color 150ms ease,color 150ms ease}.badge--tag a.badge--tag,.badge--tag:hover{background:var(--color-primary-light);border-color:var(--color-primary-mid);color:var(--color-primary)}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-sub)}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem 1rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:6px;font-size:1rem;color:var(--color-text);transition:border-color 150ms ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(193,99,47,.12)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.page-header{padding:3rem 0 2rem;border-bottom:1px solid var(--color-border);margin-bottom:3rem}.page-header__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.page-header__desc-sub{margin-top:.25rem;color:var(--color-text-muted);font-size:.85rem;font-weight:500}.page-header__desc{margin-top:.5rem;color:var(--color-text-sub);font-size:1rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter-btn{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:9999px;cursor:pointer;transition:background 150ms ease,border-color 150ms ease,color 150ms ease}.filter-btn.is-active,.filter-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.empty-state{text-align:center;padding:4rem 1.5rem;color:var(--color-text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:1rem}.empty-state__text{font-size:1rem}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;overflow:hidden;padding:3rem 0;text-align:center;background:radial-gradient(ellipse 80% 60% at 75% 30%, rgba(245, 160, 120, 0.22) 0%, transparent 60%),radial-gradient(ellipse 50% 50% at 15% 85%, rgba(193, 99, 47, 0.08) 0%, transparent 60%),linear-gradient(160deg, var(--color-bg) 0%, var(--color-primary-light) 60%, var(--color-bg) 100%)}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle, rgba(193, 99, 47, 0.12) 1.5px, transparent 1.5px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 95% 5%, black 0%, transparent 65%);mask-image:radial-gradient(ellipse 70% 80% at 95% 5%, black 0%, transparent 65%);pointer-events:none;z-index:0}@media(min-width: 768px){.hero{padding:5rem 0;text-align:left}}.hero__inner{position:relative;z-index:1}@media(min-width: 768px){.hero__inner{display:grid;grid-template-columns:.9fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"title  visual" "sub    visual" "cta    visual";column-gap:3rem;align-items:start}}.hero__title{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1.15;letter-spacing:-0.03em;color:var(--color-text);margin-bottom:1.5rem}@media(min-width: 768px){.hero__title{grid-area:title;margin-bottom:2rem}}.hero__title .hero__kicker{display:block;font-size:clamp(.8rem,2vw,.95rem);font-weight:500;color:var(--color-text-sub);letter-spacing:.02em;margin-bottom:.5rem}.hero__title em{font-style:normal;color:var(--color-primary);text-shadow:0 0 40px rgba(193,99,47,.2)}.hero__sub{font-size:clamp(.95rem,2.5vw,1.1rem);color:var(--color-text-sub);line-height:1.8;margin-top:2rem;margin-bottom:2rem}@media(min-width: 768px){.hero__sub{grid-area:sub;margin-top:0}}@media(min-width: 768px){.hero__cta-group{grid-area:cta}}.hero__cta{font-size:1.125rem;padding:1rem 3rem}.hero__sub-cta{display:block;margin-top:.5rem;padding:0 3rem;color:var(--color-text-sub);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}@media(hover: hover)and (pointer: fine){.hero__sub-cta:hover{color:var(--color-primary)}}.hero__visual{position:relative;display:flex;justify-content:center}@media(min-width: 768px){.hero__visual{grid-area:visual;align-self:center;padding-right:40px;padding-bottom:60px}}.hero__fv-img{position:absolute;bottom:10px;right:-17px;width:48%;max-width:220px;height:auto;z-index:2;pointer-events:none}@media(min-width: 768px){.hero__fv-img{width:55%;max-width:240px}}.hero__demo{width:100%;background:var(--color-surface);border:1px solid rgba(216,202,186,.6);border-radius:24px;padding:2rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 4px 0 rgba(193,99,47,.08),0 8px 24px rgba(26,18,9,.1),0 20px 48px rgba(26,18,9,.06);position:relative}.hero__demo::before{content:"";position:absolute;inset:6px -5px -8px;background:var(--color-primary-light);border-radius:24px;z-index:-1;opacity:.55}.hero__demo::after{content:"";position:absolute;inset:12px -9px -14px;background:var(--color-primary-mid);border-radius:24px;z-index:-2;opacity:.2}.hero__demo-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.hero__demo-badge{font-size:.75rem;font-weight:600;background:var(--color-primary-light);color:var(--color-primary);padding:.2rem .6rem;border-radius:9999px;font-family:"DM Mono",monospace}.hero__demo-label{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.hero__demo-play-area{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.hero__demo-play-btn{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:500;padding:.25rem 1rem;border:none;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:background 150ms ease,transform 150ms ease}@media(hover: hover)and (pointer: fine){.hero__demo-play-btn:hover{background:rgb(160.19,82.17,39.01)}}.hero__demo-play-btn:active{transform:scale(0.95)}.hero__demo-play-btn.is-playing{background:rgb(172.49375,88.48125,42.00625)}.hero__demo-wave{display:flex;align-items:center;gap:3px;height:24px}.hero__demo-wave span{display:block;width:3px;background:var(--color-primary);border-radius:2px;animation:none;opacity:.4;transition:opacity .3s ease}.hero__demo-wave span:nth-child(1){height:8px}.hero__demo-wave span:nth-child(2){height:16px}.hero__demo-wave span:nth-child(3){height:22px}.hero__demo-wave span:nth-child(4){height:14px}.hero__demo-wave span:nth-child(5){height:8px}.hero__demo-wave.is-playing span{animation:wave 1.2s ease-in-out infinite;opacity:1}.hero__demo-wave.is-playing span:nth-child(1){animation-delay:0s}.hero__demo-wave.is-playing span:nth-child(2){animation-delay:.15s}.hero__demo-wave.is-playing span:nth-child(3){animation-delay:.3s}.hero__demo-wave.is-playing span:nth-child(4){animation-delay:.45s}.hero__demo-wave.is-playing span:nth-child(5){animation-delay:.6s}.hero__demo-field{font-family:"Noto Sans KR",sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.06em;line-height:1;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:6px;padding:1rem 1.5rem;margin-bottom:.5rem;height:3.5rem;display:flex;align-items:center;cursor:text;transition:border-color 150ms ease}.hero__demo-field:focus-within{border-color:var(--color-primary)}.hero__demo-placeholder{display:flex;align-items:center}.hero__demo-input{width:100%;border:none;background:rgba(0,0,0,0);font-family:"Noto Sans KR",sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.06em;line-height:1;color:var(--color-text);outline:none;padding:0}.hero__demo-input::placeholder{color:var(--color-text-muted);font-weight:400;font-size:.9rem}.hero__demo-char--correct{color:var(--color-correct)}.hero__demo-char--active{color:var(--color-text)}.hero__demo-char--space{display:inline-block;width:.4em}.hero__demo-cursor{color:var(--color-primary);font-weight:500;animation:blink 1s step-end infinite}.hero__demo-caption{font-size:.78rem;color:var(--color-text-muted);text-align:left}@keyframes wave{0%,100%{transform:scaleY(0.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.content-nav{padding:3rem 0;background:var(--color-surface);border-top:none;border-bottom:none}.content-nav__grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 1024px){.content-nav__grid{grid-template-columns:repeat(4, 1fr);gap:1.5rem}}.content-nav__card{position:relative;padding:2rem 1.5rem 2rem;border-radius:24px;border:none;box-shadow:0 1px 4px rgba(26,18,9,.07);text-align:left;display:flex;flex-direction:column;transition:transform 250ms ease,box-shadow 250ms ease}.content-nav__card:nth-child(1){background:var(--color-pastel-1);--card-bg: var(--color-pastel-1)}.content-nav__card:nth-child(2){background:var(--color-pastel-2);--card-bg: var(--color-pastel-2)}.content-nav__card:nth-child(3){background:var(--color-pastel-3);--card-bg: var(--color-pastel-3)}.content-nav__card:nth-child(4){background:var(--color-pastel-4);--card-bg: var(--color-pastel-4)}@media(hover: hover)and (pointer: fine){.content-nav__card:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(26,18,9,.09)}}.content-nav__card:active{transform:scale(0.98)}.content-nav__card-arrow-wrapper{width:50px;height:50px;position:absolute;bottom:0;right:0;background-color:var(--color-surface);border-radius:24px 0 0 0}.content-nav__card-arrow-wrapper::before{content:"";position:absolute;width:40px;height:40px;bottom:0;right:50px;overflow:hidden;border-radius:50%;box-shadow:20px 20px 0 var(--color-surface);pointer-events:none}.content-nav__card-arrow-wrapper::after{content:"";position:absolute;width:40px;height:40px;top:-40px;right:0;overflow:hidden;border-radius:50%;box-shadow:20px 20px 0 var(--color-surface);pointer-events:none}.content-nav__card-arrow{position:absolute;bottom:0;right:0;width:44px;height:44px;border-radius:50%;background:var(--color-text);color:var(--color-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;opacity:.75}.content-nav__card-arrow svg{width:16px;height:16px}.content-nav__card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:hsla(0,0%,100%,.55);margin:0 0 1rem;flex-shrink:0}.content-nav__card-icon img{width:48px;height:48px;object-fit:contain;display:block}.content-nav__card-title{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text)}.content-nav__card-desc{font-size:.8rem;color:var(--color-text-sub);line-height:1.6}.roadmap__grid{display:flex;flex-direction:column;align-items:center;gap:0}@media(min-width: 1024px){.roadmap__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}}.roadmap__connector{display:flex;flex-direction:column;align-items:center;gap:6px;padding:.5rem 0}.roadmap__connector span{display:block;width:5px;height:5px;border-radius:50%;background:var(--color-border)}@media(min-width: 1024px){.roadmap__connector{display:none}}.roadmap__card{width:100%;max-width:400px;padding:1.5rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface);text-align:left;position:relative;transition:transform .35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .35s cubic-bezier(0.22, 1, 0.36, 1),opacity .5s ease;opacity:0;transform:translateY(16px);will-change:transform,opacity}@media(min-width: 1024px){.roadmap__card{max-width:none}}.roadmap__card--1{transition-delay:0s}.roadmap__card--2{transition-delay:.1s}.roadmap__card--3{transition-delay:.2s}.roadmap__card--4{transition-delay:.3s}.roadmap__card.is-visible{opacity:1;transform:translateY(0)}.roadmap__card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.roadmap__card-num{font-family:"DM Mono",monospace;font-size:1.75rem;font-weight:700;opacity:.2;color:var(--color-text);line-height:1}.roadmap__card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:var(--color-primary-light)}.roadmap__card-icon svg{width:24px;height:24px;stroke:var(--color-primary);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.roadmap__card-title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.roadmap__card-desc{font-size:.8rem;color:var(--color-text-sub);line-height:1.65;margin-bottom:1rem}.roadmap__card-badge{margin-bottom:1rem}.roadmap__card-recommend{display:flex;flex-wrap:wrap;gap:.25rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.06)}@media(min-width: 1024px){.roadmap__card-recommend{justify-content:center}}.roadmap__card-tag{display:inline-block;font-size:.72rem;font-weight:600;color:var(--color-text-sub);background:hsla(0,0%,100%,.65);padding:.2rem .55rem;border-radius:9999px;text-decoration:none;transition:background 150ms ease,color 150ms ease}@media(hover: hover)and (pointer: fine){.roadmap__card-tag:hover{background:hsla(0,0%,100%,.9);color:var(--color-primary)}}.roadmap__card-tag:active{background:hsla(0,0%,100%,.9);color:var(--color-primary)}.section--today{padding-top:3rem;padding-bottom:3rem}.today-content__tabs{display:flex;gap:1rem;border-bottom:2px solid var(--color-border);margin-bottom:2rem}.today-content__tab{padding:.5rem 1rem;min-height:44px;font-size:.95rem;font-weight:500;color:var(--color-text-sub);border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;transition:color 150ms ease,border-color 150ms ease}.today-content__tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.today-content__list{display:grid;gap:1rem}.today-content__item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-surface);border:none;border-radius:16px;box-shadow:0 1px 4px rgba(26,18,9,.07);transition:transform 250ms ease,box-shadow 250ms ease}@media(hover: hover)and (pointer: fine){.today-content__item:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(26,18,9,.09)}}.today-content__item:active{transform:scale(0.98)}.today-content__item::after{content:"→";margin-left:auto;flex-shrink:0;color:var(--color-text-muted);font-size:1rem}.today-content__item-badge{flex-shrink:0}.today-content__item-text{font-size:.95rem;font-weight:500}.today-content__item-sub{font-size:.8rem;color:var(--color-text-muted)}.today-content__more{padding-top:1rem;text-align:right}.today-content__more-link{font-size:.875rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:opacity 150ms ease}.today-content__more-link:hover{opacity:.7}.padaseogi-intro__lead{max-width:600px;color:var(--color-text-sub);line-height:1.85;margin-top:1rem;margin-bottom:3rem}.padaseogi-intro__grid{display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(2, 1fr)}@media(min-width: 1024px){.padaseogi-intro__grid{grid-template-columns:repeat(4, 1fr);gap:3rem 2rem}}.padaseogi-intro__card{padding:1.5rem 1rem;text-align:center;border-radius:16px;transition:transform .35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .35s cubic-bezier(0.22, 1, 0.36, 1),opacity .5s ease;opacity:0;will-change:transform,opacity}.padaseogi-intro__card:nth-child(1){background:var(--color-pastel-1)}.padaseogi-intro__card:nth-child(2){background:var(--color-pastel-2)}.padaseogi-intro__card:nth-child(3){background:var(--color-pastel-3)}.padaseogi-intro__card:nth-child(4){background:var(--color-pastel-4)}.padaseogi-intro__card{transform:translateY(16px)}.padaseogi-intro__card:nth-child(1){transition-delay:0s}.padaseogi-intro__card:nth-child(2){transition-delay:.1s}.padaseogi-intro__card:nth-child(3){transition-delay:.2s}.padaseogi-intro__card:nth-child(4){transition-delay:.3s}.padaseogi-intro__card.is-visible{opacity:1;transform:translateY(0)}.padaseogi-intro__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:hsla(0,0%,100%,.55);margin:0 auto 1rem}.padaseogi-intro__icon img{width:48px;height:48px;object-fit:contain;display:block}.padaseogi-intro__title{font-size:.9rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.padaseogi-intro__title::after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:2px;background:var(--color-primary);border-radius:9999px;opacity:.35}.padaseogi-intro__desc{font-size:.78rem;color:var(--color-text-sub);line-height:1.65}@media(min-width: 768px){.padaseogi-intro__desc{max-width:220px;margin-left:auto;margin-right:auto}}.content-nav__card-purpose{display:block;width:fit-content;font-size:.7rem;font-weight:600;color:var(--color-primary);background:hsla(0,0%,100%,.7);padding:3px 10px;border-radius:9999px;margin-bottom:.5rem;border:1px solid var(--color-primary-mid)}.section-cta{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.section-cta__text{font-size:.9rem;color:var(--color-text-sub);margin-bottom:1rem;line-height:1.7}.btn--outline{display:inline-block;border:2px solid var(--color-primary);color:var(--color-primary);font-size:.95rem;font-weight:600;padding:.5rem 2rem;border-radius:16px;text-decoration:none;transition:background 150ms ease,color 150ms ease}@media(hover: hover)and (pointer: fine){.btn--outline:hover{background:var(--color-primary);color:var(--color-surface)}}.btn--outline:active{background:var(--color-primary);color:var(--color-surface)}.padaseogi-stats{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;margin-bottom:1.5rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:9999px}.padaseogi-stats__item{font-size:.8rem;font-weight:600;color:var(--color-text-sub);white-space:nowrap}.feedback-banner{padding:1rem 1.5rem;margin-top:1.5rem;background:var(--color-primary-light);border:1.5px solid var(--color-primary-mid);border-radius:16px;font-size:.95rem;font-weight:600;color:var(--color-text);text-align:center;animation:feedbackSlideIn 300ms ease-out}@keyframes feedbackSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.padaseogi-review{display:none;margin-bottom:1.5rem;padding:1.5rem;background:var(--color-primary-light);border:1.5px solid var(--color-primary-mid);border-radius:16px}.padaseogi-review.is-visible{display:block}.padaseogi-review__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.padaseogi-review__text{font-size:.9rem;font-weight:600;color:var(--color-text)}.padaseogi-review__count{font-size:.8rem;color:var(--color-text-sub);margin-top:2px}.padaseogi-review__btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:9999px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity 150ms ease;min-height:40px}.padaseogi-review__btn:hover{opacity:.85}.set-card__new{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.04em;color:var(--color-primary);background:var(--color-primary-light);padding:.15em .4em;border-radius:3px;line-height:1;vertical-align:middle;margin-left:.3em}.set-card__done{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--color-correct);background:rgba(45,154,95,.1);border-radius:9999px}.padaseogi-theme{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.padaseogi-theme__name{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0}.padaseogi-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.padaseogi-controls__label{font-size:.875rem;font-weight:500;color:var(--color-text-sub);white-space:nowrap}.padaseogi-controls__select{flex:1;min-width:120px}.padaseogi-set{display:flex;flex-direction:column;gap:2rem}.question-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:16px;padding:2rem;box-shadow:0 1px 4px rgba(26,18,9,.07)}.question-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.question-card__number{font-family:"DM Mono",monospace;font-size:.875rem;color:var(--color-text-muted)}.question-card__audio{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.question-card__btn-icon{font-size:.75rem;line-height:1}.question-card__play-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:9999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity 150ms ease;min-height:44px}.question-card__play-btn:hover:not(:disabled){opacity:.85}.question-card__play-btn:disabled{opacity:.5;cursor:not-allowed}.question-card__play-btn.is-playing{opacity:.7}.question-card__slow-btn{display:inline-flex;align-items:center;gap:.25rem;min-height:44px;padding:.5rem 1rem;background:var(--color-surface);color:var(--color-text-sub);border:1.5px solid var(--color-border);border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity 150ms ease,border-color 150ms ease;white-space:nowrap}.question-card__slow-btn:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.question-card__slow-btn:disabled{opacity:.5;cursor:not-allowed}.question-card__slow-btn.is-playing{border-color:var(--color-primary);color:var(--color-primary);opacity:.7}.question-card__slow-icon{flex-shrink:0;width:20px;height:20px}.question-card__hint-btn{font-size:.8rem;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:9999px;padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;transition:color 150ms ease,border-color 150ms ease}.question-card__hint-btn:hover{color:var(--color-text-sub);border-color:var(--color-text-muted)}.question-card__hint-text{display:none;font-size:.875rem;color:var(--color-text-sub);margin-top:.5rem}.question-card__hint-text.is-visible{display:block}.question-card__input-wrap{position:relative;margin-top:1rem}.question-card__input{width:100%;padding:1rem;font-family:"Noto Sans KR",sans-serif;font-size:1.125rem;line-height:1.6;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:6px;resize:none;overflow:hidden;transition:border-color 150ms ease}.question-card__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(193,99,47,.12)}.question-card__input.is-correct{border-color:var(--color-correct);background:rgba(45,154,95,.05)}.question-card__input.is-wrong{border-color:var(--color-wrong);background:rgba(224,62,62,.05)}.question-card__result{display:none;margin-top:1rem;padding:1rem;background:var(--color-bg);border-radius:6px;font-family:"Noto Serif KR",serif;font-size:1.125rem;line-height:1.8;letter-spacing:.05em}.question-card__result.is-visible{display:block}.question-card__result .char-correct{color:var(--color-correct)}.question-card__result .char-wrong{color:var(--color-wrong);text-decoration:underline wavy var(--color-wrong)}.tts-unsupported{display:none;padding:1rem 1.5rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;font-size:.875rem;color:var(--color-warning-text);margin-bottom:2rem}.tts-unsupported.is-visible{display:block}.padaseogi-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.padaseogi-actions .btn{width:100%}@media(min-width: 480px){.padaseogi-actions{flex-direction:row}}@media(min-width: 768px){.padaseogi-actions .btn{width:auto}}.congrats-banner{display:none;text-align:center;padding:3rem 1.5rem;background:linear-gradient(135deg, var(--color-primary-light), var(--color-surface));border:1.5px solid var(--color-primary);border-radius:24px;margin-top:2rem}.congrats-banner.is-visible{display:block}.congrats-banner__icon{font-size:3rem;margin-bottom:1rem}.congrats-banner__title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.congrats-banner__sub{color:var(--color-text-sub);margin-bottom:2rem}.congrats-banner__grammar-link{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(193,99,47,.2)}.congrats-banner__grammar-hint{font-size:.875rem;color:var(--color-text-sub);margin-bottom:.5rem}.congrats-banner__grammar-btn{display:inline-block;padding:.55em 1.4em;font-size:.9rem;font-weight:700;color:var(--color-primary);background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:9999px;text-decoration:none;transition:background 150ms ease,color 150ms ease}.congrats-banner__grammar-btn:hover{background:var(--color-primary);color:#fff}.related-content{margin-top:2rem;padding:1.5rem;background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:16px}.related-content__heading{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem}.related-content__sub-heading{font-size:.85rem;font-weight:600;color:var(--color-text-sub);margin-bottom:.5rem}.related-content__grammar{margin-bottom:1.5rem}.related-content__list{display:flex;flex-direction:column;gap:.5rem}.related-content__card{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:6px;text-decoration:none;color:var(--color-text);transition:border-color 150ms ease}.related-content__card:hover{border-color:var(--color-primary)}.related-content__card-icon{flex-shrink:0;font-size:1rem}.related-content__card-title{font-size:.85rem;font-weight:500;line-height:1.4}.related-content__word-list{display:flex;flex-wrap:wrap;gap:.5rem}.related-content__word-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:9999px;font-size:.8rem}.related-content__word-korean{font-family:"Noto Sans KR",sans-serif;font-weight:600;color:var(--color-text)}.related-content__word-japanese{color:var(--color-text-muted);font-size:.75rem}.related-content__fallback{display:flex;flex-wrap:wrap;gap:1rem}.related-content__link{font-size:.875rem;font-weight:600;color:var(--color-primary);text-decoration:none}.related-content__link:hover{text-decoration:underline}.level-tabs{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.level-tabs__tab{display:inline-flex;align-items:center;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--color-text-sub);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:9999px;text-decoration:none;white-space:nowrap;transition:border-color 150ms ease,color 150ms ease,background 150ms ease;min-height:40px}.level-tabs__tab:hover{border-color:var(--color-text-muted);color:var(--color-text)}.level-tabs__tab.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.level-tabs__tab--0.is-active{background:var(--color-level-0-text);border-color:var(--color-level-0-text)}.level-tabs__tab--1.is-active{background:var(--color-level-1-text);border-color:var(--color-level-1-text)}.level-tabs__tab--2.is-active{background:var(--color-level-2-text);border-color:var(--color-level-2-text)}.level-tabs__tab--3.is-active{background:var(--color-level-3-text);border-color:var(--color-level-3-text)}.level-tabs__tab--4.is-active{background:var(--color-level-4-text);border-color:var(--color-level-4-text)}.set-list{display:flex;flex-direction:column;gap:.5rem}.set-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:16px;text-decoration:none;color:var(--color-text);transition:border-color 150ms ease,box-shadow 150ms ease;min-height:56px}.set-card:hover{border-color:var(--color-primary);box-shadow:0 1px 4px rgba(26,18,9,.07)}.set-card:active{transform:scale(0.98)}.set-card__num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:"DM Mono",monospace;font-size:.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg);border-radius:9999px;flex-shrink:0}.set-card__badge{flex-shrink:0;font-size:.7rem}.set-card__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.set-card__tag{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-card__meta{font-size:.75rem;color:var(--color-text-muted)}.set-card__arrow{flex-shrink:0;color:var(--color-text-muted);transition:color 150ms ease}.set-card:hover .set-card__arrow{color:var(--color-primary)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem}.breadcrumb__link{color:var(--color-primary);text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__sep{color:var(--color-text-muted)}.breadcrumb__current{color:var(--color-text-sub)}.padaseogi-about{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.padaseogi-about__block{margin-bottom:2rem}.padaseogi-about__block:last-child{margin-bottom:0}.padaseogi-about__heading{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;padding-left:.5rem;border-left:3px solid var(--color-primary)}.padaseogi-about__text{font-size:.925rem;color:var(--color-text-sub);line-height:1.85}.padaseogi-about__text strong{color:var(--color-text);font-weight:600}.padaseogi-about__recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 480px){.padaseogi-about__recommend-grid{grid-template-columns:1fr}}.padaseogi-about__recommend-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:1.5rem 1rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:6px;transition:border-color 200ms ease,box-shadow 200ms ease}.padaseogi-about__recommend-card:hover{border-color:var(--color-primary-mid);box-shadow:0 2px 8px rgba(26,18,9,.06)}.padaseogi-about__recommend-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-light);border-radius:9999px;margin-bottom:.25rem}.padaseogi-about__recommend-title{font-size:.95rem;font-weight:700;color:var(--color-text)}.padaseogi-about__recommend-desc{font-size:.8rem;color:var(--color-text-sub);line-height:1.6}.padaseogi-about__steps-grid{display:flex;flex-direction:column;gap:0;position:relative;padding-left:28px}.padaseogi-about__step-card{display:flex;gap:1rem;align-items:flex-start;position:relative;padding-bottom:2rem;padding-left:16px}.padaseogi-about__step-card::before{content:"";position:absolute;left:-14px;top:36px;bottom:0;width:2px;background:var(--color-primary-light)}.padaseogi-about__step-card:last-child{padding-bottom:0}.padaseogi-about__step-card:last-child::before{display:none}.padaseogi-about__step-num{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;font-family:"DM Mono",monospace;font-size:1rem;font-weight:700;color:#fff;background:var(--color-primary);border-radius:9999px;position:absolute;left:-32px;top:0;z-index:1}.padaseogi-about__step-title{font-size:.95rem;font-weight:700;color:var(--color-text);margin-bottom:2px}.padaseogi-about__step-desc{font-size:.85rem;color:var(--color-text-sub);line-height:1.6}.padaseogi-about__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.padaseogi-about__table{width:100%;border-collapse:collapse;font-size:.875rem}.padaseogi-about__table th,.padaseogi-about__table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--color-border-light)}.padaseogi-about__table th{font-size:.8rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg);white-space:nowrap}.padaseogi-about__table td{color:var(--color-text-sub);line-height:1.5}.padaseogi-about__table td:first-child{white-space:nowrap}.padaseogi-related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.padaseogi-related__heading{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem}.padaseogi-related__grid{display:grid;gap:1rem}@media(min-width: 768px){.padaseogi-related__grid{grid-template-columns:repeat(3, 1fr)}}.padaseogi-related__card{display:flex;flex-direction:column;gap:.25rem;padding:1.5rem;background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:16px;text-decoration:none;transition:border-color 150ms ease,box-shadow 150ms ease}.padaseogi-related__card:hover{border-color:var(--color-primary);box-shadow:0 1px 4px rgba(26,18,9,.07)}.padaseogi-related__card:active{transform:scale(0.98)}.padaseogi-related__card-title{font-size:.95rem;font-weight:600;color:var(--color-primary)}.padaseogi-related__card-desc{font-size:.85rem;color:var(--color-text-sub);line-height:1.6}.padaseogi-back{margin-top:2rem;padding-top:1.5rem}.padaseogi-back__link{font-size:.875rem;color:var(--color-primary);text-decoration:none}.padaseogi-back__link:hover{text-decoration:underline}.padaseogi-play-about{margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:6px}.padaseogi-play-about__text{font-size:.85rem;color:var(--color-text-sub);line-height:1.7;margin:0}.padaseogi-play-about__meta{font-size:.85rem;color:var(--color-text-sub);line-height:1.7;margin-top:.5rem;margin-bottom:0}.padaseogi-play-about__meta strong{color:var(--color-text);font-weight:600}.padaseogi-play-about--noscript h2{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.padaseogi-play-about--noscript h3{font-size:.95rem;font-weight:700;color:var(--color-text);margin-top:1.5rem;margin-bottom:.5rem}.padaseogi-play-about--noscript p{font-size:.875rem;color:var(--color-text-sub);line-height:1.8;margin-bottom:1rem}.padaseogi-play-about--noscript ul{padding-left:1.5em;margin-bottom:1rem}.padaseogi-play-about--noscript ul li{font-size:.875rem;color:var(--color-text-sub);line-height:1.8;margin-bottom:.25rem}.padaseogi-play-about--noscript dl dt{font-weight:700;font-size:.875rem;color:var(--color-text);margin-top:.5rem}.padaseogi-play-about--noscript dl dd{font-size:.85rem;color:var(--color-text-sub);line-height:1.7;margin-left:1.5rem}.padaseogi-support{margin-top:1.5rem;padding:1rem;text-align:center;border-top:1px solid var(--color-border-light)}.padaseogi-support__text{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem}.padaseogi-support__link{font-size:.85rem;color:var(--color-primary);text-decoration:none}.padaseogi-support__link:hover{text-decoration:underline}.grammar-search{margin-bottom:1rem}.grammar-search__input{width:100%;padding:12px 16px;font-size:.95rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .2s}.grammar-search__input::placeholder{color:var(--color-text-muted)}.grammar-search__input:focus{border-color:var(--color-primary)}.grammar-search__result{font-size:.85rem;color:var(--color-text-sub);margin-bottom:1rem}.grammar-search__clear{color:var(--color-primary);margin-left:.5rem;text-decoration:none}.grammar-search__clear:hover{text-decoration:underline}.grammar-top-cta{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:background 150ms ease,border-color 150ms ease}.grammar-top-cta:hover{background:var(--color-primary-light);border-color:var(--color-primary-mid)}.grammar-top-cta__icon{font-size:1rem;flex-shrink:0}.grammar-top-cta__text{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.5}.grammar-top-cta__arrow{margin-left:auto;font-size:.875rem;color:var(--color-primary);flex-shrink:0;transition:transform 150ms ease}.grammar-top-cta:hover .grammar-top-cta__arrow{transform:translateX(3px)}.grammar-list{display:flex;flex-direction:column;gap:0}.grammar-post{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}@media(min-width: 768px){.grammar-post{padding:2rem 0}}.grammar-post:first-child{padding-top:0}.grammar-post:last-child{border-bottom:none}.grammar-post__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.grammar-post__date{font-size:.75rem;color:var(--color-text-muted);margin-left:auto;letter-spacing:.02em}.grammar-post__title{font-size:1.05rem;font-weight:700;line-height:1.55;margin-bottom:.25rem}@media(min-width: 768px){.grammar-post__title{font-size:1.2rem}}.grammar-post__title a{color:var(--color-text);text-decoration:none;transition:color 150ms ease}.grammar-post__title a:hover{color:var(--color-primary)}.grammar-post__excerpt{font-size:.875rem;color:var(--color-text-sub);line-height:1.7;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grammar-post__footer{display:flex;align-items:center;gap:.5rem}.grammar-post__tags{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.grammar-post__read{display:inline-flex;align-items:center;gap:.25rem;padding:.5em 1.2em;min-height:44px;font-size:.8125rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:9999px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}.grammar-post__read:hover{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.grammar-detail__breadcrumb{margin-bottom:1.5rem;font-size:.875rem;color:var(--color-text-muted)}.grammar-detail__breadcrumb a{padding-block:.5rem;display:inline-block}.grammar-detail__back{margin-top:2rem}.grammar-detail>h1{font-size:1.5rem;font-weight:700;line-height:1.45;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}@media(min-width: 768px){.grammar-detail>h1{font-size:1.85rem;margin-top:1.5rem;margin-bottom:2rem}}.grammar-detail__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}@media(min-width: 768px){.grammar-detail__meta{gap:.5rem;margin-bottom:1rem}}.grammar-detail__content{font-size:1rem;line-height:1.75;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 1px 4px rgba(26,18,9,.07)}@media(min-width: 768px){.grammar-detail__content{font-size:1.05rem;padding:2rem 3rem;margin-top:2rem}}.grammar-detail__content h2{font-size:1.15rem;font-weight:700;line-height:1.45;margin-top:3rem;margin-bottom:1.25rem;padding:.625rem 1rem;background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:0 6px 6px 0}@media(min-width: 768px){.grammar-detail__content h2{font-size:1.3rem;margin-top:4rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}}.grammar-detail__content h2:first-child{margin-top:1rem}@media(min-width: 768px){.grammar-detail__content h2:first-child{margin-top:1.5rem}}.grammar-detail__content h3{font-size:1rem;font-weight:700;margin-top:2rem;margin-bottom:.625rem;padding-bottom:.375rem;color:var(--color-text);border-bottom:2px solid var(--color-border-light)}@media(min-width: 768px){.grammar-detail__content h3{font-size:1.1rem;margin-top:2.5rem}}.grammar-detail__content h3::before{content:"▍";color:var(--color-primary);margin-right:.25rem;font-size:.8em}.grammar-detail__content p{margin-bottom:1.25rem}@media(min-width: 768px){.grammar-detail__content p{margin-bottom:1.75rem}}.grammar-detail__content p:last-child{margin-bottom:0}.grammar-detail__content a:not(.btn){color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:opacity 150ms ease}.grammar-detail__content a:not(.btn):hover{opacity:.7}.grammar-detail__content strong{font-weight:700;color:var(--color-text);background:linear-gradient(transparent 50%, var(--color-level-2-bg) 50%);padding:0;border-radius:0}.grammar-detail__content mark{background:var(--color-level-2-bg);color:var(--color-text);border-radius:0;padding:0;font-weight:700}.grammar-detail__content .example{margin:1.5rem 0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 1px 4px rgba(26,18,9,.07);overflow:hidden}@media(min-width: 768px){.grammar-detail__content .example{margin:2rem 0}}.grammar-detail__content .example__ko{font-family:"Noto Serif KR",serif;font-size:1.1rem;font-weight:500;color:var(--color-text);padding:1rem 1rem .5rem;line-height:1.75}@media(min-width: 768px){.grammar-detail__content .example__ko{font-size:1.15rem;padding:1.5rem 1.5rem 1rem}}.grammar-detail__content .example__ja{font-size:.875rem;color:var(--color-text-sub);padding:.5rem 1rem 1rem;border-top:1px solid var(--color-border-light);background:var(--color-bg)}@media(min-width: 768px){.grammar-detail__content .example__ja{padding:.5rem 1.5rem 1.5rem}}.grammar-detail__content ul,.grammar-detail__content ol{margin-left:1.5rem;margin-bottom:1rem}@media(min-width: 768px){.grammar-detail__content ul,.grammar-detail__content ol{margin-left:2rem;margin-bottom:1.5rem}}.grammar-detail__content ul li,.grammar-detail__content ol li{margin-bottom:.375rem;line-height:1.65}@media(min-width: 768px){.grammar-detail__content ul li,.grammar-detail__content ol li{margin-bottom:.5rem}}.grammar-detail__content ul{list-style:disc}.grammar-detail__content ol{list-style:decimal}.grammar-detail__content dl{margin-bottom:1rem}@media(min-width: 768px){.grammar-detail__content dl{margin-bottom:1.5rem}}.grammar-detail__content dt{font-weight:700;color:var(--color-text);margin-top:1rem}.grammar-detail__content dt:first-child{margin-top:0}.grammar-detail__content dd{margin-left:1.5rem;margin-bottom:.5rem;color:var(--color-text-sub)}@media(min-width: 768px){.grammar-detail__content dd{margin-left:2rem;margin-bottom:1rem}}.grammar-detail__content table{width:100%;max-width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(min-width: 768px){.grammar-detail__content table{display:table;margin-bottom:1.5rem;font-size:.95rem}}.grammar-detail__content th,.grammar-detail__content td{padding:.5rem 1rem;border:1px solid var(--color-border);text-align:left;line-height:1.7}.grammar-detail__content th{background:var(--color-bg);font-weight:700}.grammar-detail__content tr:nth-child(even) td{background:var(--color-bg)}.grammar-detail__content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--color-bg);border-left:4px solid var(--color-primary-mid);border-radius:0 6px 6px 0;color:var(--color-text-sub);font-size:.95rem;line-height:1.7}@media(min-width: 768px){.grammar-detail__content blockquote{margin:2rem 0;padding:1.5rem 2rem}}.grammar-detail__content blockquote p:last-child{margin-bottom:0}.grammar-detail__content img{max-width:100%;height:auto;border-radius:16px;margin:1.5rem auto;display:block}.grammar-detail__editor-note{margin-top:2rem;padding:1rem 1.5rem;background:var(--color-bg);border-radius:16px;border:1px solid var(--color-border)}@media(min-width: 768px){.grammar-detail__editor-note{margin-top:3rem;padding:1.5rem}}.grammar-detail__editor-note-label{font-size:.7rem;font-weight:700;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}@media(min-width: 768px){.grammar-detail__editor-note-label{margin-bottom:.5rem}}.grammar-detail__editor-note-text{font-size:.9rem;color:var(--color-text);line-height:1.8}.grammar-cta{margin-top:3rem;padding:1.5rem;background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:24px;text-align:center}@media(min-width: 768px){.grammar-cta{margin-top:4rem;padding:3rem}}.grammar-cta__text{font-size:.95rem;color:var(--color-text);margin-bottom:1rem;line-height:1.75}@media(min-width: 768px){.grammar-cta__text{font-size:1rem;margin-bottom:1.5rem}}.grammar-cta__text strong{color:var(--color-primary)}.grammar-cta__sets{margin-top:1rem}.grammar-cta__sets-label{font-size:.8rem;font-weight:600;color:var(--color-text-sub);margin-bottom:.5rem}.grammar-cta__set-link{display:inline-flex;align-items:center;gap:.5rem;margin:0 .5rem .5rem 0;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:border-color 150ms ease,box-shadow 150ms ease}.grammar-cta__set-link:hover{border-color:var(--color-primary);box-shadow:0 1px 4px rgba(26,18,9,.07)}.grammar-cta__words{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(193,99,47,.2)}.grammar-cta__words-label{font-size:.8rem;font-weight:600;color:var(--color-text-sub);margin-bottom:.5rem}.grammar-cta__word-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.grammar-cta__word-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:9999px;font-size:.8rem}.grammar-cta__word-kr{font-family:"Noto Sans KR",sans-serif;font-weight:600;color:var(--color-text)}.grammar-cta__word-jp{color:var(--color-text-muted);font-size:.75rem}.grammar-cta__word-link{display:inline-block;font-size:.85rem;font-weight:600;color:var(--color-primary);text-decoration:none}.grammar-cta__word-link:hover{text-decoration:underline}.grammar-related{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}@media(min-width: 768px){.grammar-related{margin-top:4rem;padding-top:2rem}}.grammar-related__title{font-size:.8125rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem}.grammar-related__list{display:flex;flex-direction:column;gap:.25rem}@media(min-width: 768px){.grammar-related__list{gap:.5rem}}.grammar-related__item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:background 150ms ease,border-color 150ms ease}@media(min-width: 768px){.grammar-related__item{padding:1rem 1.5rem}}.grammar-related__item:hover{background:var(--color-primary-light);border-color:var(--color-primary-mid)}.grammar-related__item-title{font-size:.875rem;font-weight:500;color:var(--color-text);flex:1}.grammar-related__item-arrow{color:var(--color-primary);font-size:.875rem;flex-shrink:0}.grammar-index-cta{margin-top:3rem;padding:1.5rem;background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:24px;text-align:center}@media(min-width: 768px){.grammar-index-cta{margin-top:4rem;padding:3rem}}.grammar-index-cta__text{font-size:.95rem;color:var(--color-text);margin-bottom:1rem;line-height:1.75}@media(min-width: 768px){.grammar-index-cta__text{font-size:1rem;margin-bottom:1.5rem}}.grammar-index-cta__text strong{color:var(--color-primary)}.article-toc{margin-top:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px}@media(min-width: 768px){.article-toc{padding:1.5rem 2rem;margin-bottom:3rem}}.article-toc__title{font-size:.8125rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.article-toc__title::-webkit-details-marker{display:none}.article-toc__title::after{content:"";width:6px;height:6px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform 200ms ease;margin-left:auto}.article-toc[open]>.article-toc__title::after{transform:rotate(-135deg)}.article-toc[open]>.article-toc__title{margin-bottom:.5rem}.article-toc__list{list-style:none;margin:0;padding:0}.article-toc__item{margin-bottom:.25rem}.article-toc__link{display:flex;align-items:center;padding:.25rem 0;font-size:.875rem;color:var(--color-text-sub);text-decoration:none;line-height:1.5;transition:color 150ms ease;min-height:44px}.article-toc__link:hover{color:var(--color-primary)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}@media(min-width: 768px){.article-nav{gap:1rem;margin-top:4rem;padding-top:2rem}}.article-nav__item{padding:.5rem 1rem;min-height:56px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;transition:border-color 150ms ease}@media(min-width: 768px){.article-nav__item{padding:1rem}}.article-nav__item:hover{border-color:var(--color-primary-mid)}.article-nav__item--prev{text-align:left}.article-nav__item--next{text-align:right}.article-nav__label{font-size:.7rem;color:var(--color-text-muted);letter-spacing:.04em;margin-bottom:.25rem}.article-nav__title{font-size:.875rem;font-weight:500;color:var(--color-primary);line-height:1.5}.badge--cat-study{background:var(--color-level-1-bg);color:var(--color-level-1-text);border-color:var(--color-level-1-bg);text-decoration:none}.badge--cat-listening{background:var(--color-level-2-bg);color:var(--color-level-2-text);border-color:var(--color-level-2-bg);text-decoration:none}.badge--cat-topik{background:var(--color-level-3-bg);color:var(--color-level-3-text);border-color:var(--color-level-3-bg);text-decoration:none}.badge--cat-culture{background:var(--color-level-4-bg);color:var(--color-level-4-text);border-color:var(--color-level-4-bg);text-decoration:none}.badge--cat-kpop{background:#f3e8ff;color:#7c5cbf;border-color:#f3e8ff;text-decoration:none}.blog-list{display:flex;flex-direction:column;gap:0}.blog-post{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}@media(min-width: 768px){.blog-post{padding:2rem 0}}.blog-post:first-child{padding-top:0}.blog-post:last-child{border-bottom:none}.blog-post__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.blog-post__date{font-size:.75rem;color:var(--color-text-muted);margin-left:auto;letter-spacing:.02em}.blog-post__title{font-size:1.05rem;font-weight:700;line-height:1.55;margin-bottom:.25rem}@media(min-width: 768px){.blog-post__title{font-size:1.2rem}}.blog-post__title a{color:var(--color-text);text-decoration:none;transition:color 150ms ease}.blog-post__title a:hover{color:var(--color-primary)}.blog-post__excerpt{font-size:.875rem;color:var(--color-text-sub);line-height:1.7;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post__footer{display:flex;align-items:center;gap:.5rem}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.blog-post__read{display:inline-flex;align-items:center;gap:.25rem;padding:.5em 1.2em;min-height:44px;font-size:.8125rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:9999px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}.blog-post__read:hover{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.blog-detail__breadcrumb{margin-bottom:1.5rem;font-size:.875rem;color:var(--color-text-muted)}.blog-detail__breadcrumb a{padding-block:.5rem;display:inline-block}.blog-detail__back{margin-top:2rem}.blog-detail>h1{font-size:1.5rem;font-weight:700;line-height:1.45;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}@media(min-width: 768px){.blog-detail>h1{font-size:1.85rem;margin-top:1.5rem;margin-bottom:2rem}}.blog-detail__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}@media(min-width: 768px){.blog-detail__meta{gap:.5rem;margin-bottom:1rem}}.blog-detail__content{font-size:1rem;line-height:1.75;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 1px 4px rgba(26,18,9,.07)}@media(min-width: 768px){.blog-detail__content{font-size:1.05rem;padding:2rem 3rem;margin-top:2rem}}.blog-detail__content h2{font-size:1.15rem;font-weight:700;line-height:1.45;margin-top:3rem;margin-bottom:1.25rem;padding:.625rem 1rem;background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:0 6px 6px 0}@media(min-width: 768px){.blog-detail__content h2{font-size:1.3rem;margin-top:4rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}}.blog-detail__content h2:first-child{margin-top:1rem}@media(min-width: 768px){.blog-detail__content h2:first-child{margin-top:1.5rem}}.blog-detail__content h3{font-size:1rem;font-weight:700;margin-top:2rem;margin-bottom:.625rem;padding-bottom:.375rem;color:var(--color-text);border-bottom:2px solid var(--color-border-light)}@media(min-width: 768px){.blog-detail__content h3{font-size:1.1rem;margin-top:2.5rem}}.blog-detail__content h3::before{content:"◍";color:var(--color-primary);margin-right:.25rem;font-size:.8em}.blog-detail__content p{margin-bottom:1.25rem}@media(min-width: 768px){.blog-detail__content p{margin-bottom:1.75rem}}.blog-detail__content p:last-child{margin-bottom:0}.blog-detail__content a:not(.btn){color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:opacity 150ms ease}.blog-detail__content a:not(.btn):hover{opacity:.7}.blog-detail__content strong{font-weight:700;color:var(--color-text);background:linear-gradient(transparent 50%, var(--color-level-2-bg) 50%);padding:0;border-radius:0}.blog-detail__content mark{background:var(--color-level-2-bg);color:var(--color-text);border-radius:0;padding:0;font-weight:700}.blog-detail__content ul,.blog-detail__content ol{margin-left:1.5rem;margin-bottom:1rem}@media(min-width: 768px){.blog-detail__content ul,.blog-detail__content ol{margin-left:2rem;margin-bottom:1.5rem}}.blog-detail__content ul li,.blog-detail__content ol li{margin-bottom:.375rem;line-height:1.65}@media(min-width: 768px){.blog-detail__content ul li,.blog-detail__content ol li{margin-bottom:.5rem}}.blog-detail__content ul{list-style:disc}.blog-detail__content ol{list-style:decimal}.blog-detail__content dl{margin-bottom:1rem}@media(min-width: 768px){.blog-detail__content dl{margin-bottom:1.5rem}}.blog-detail__content dt{font-weight:700;color:var(--color-text);margin-top:1rem}.blog-detail__content dt:first-child{margin-top:0}.blog-detail__content dd{margin-left:1.5rem;margin-bottom:.5rem;color:var(--color-text-sub)}@media(min-width: 768px){.blog-detail__content dd{margin-left:2rem;margin-bottom:1rem}}.blog-detail__content table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.9rem}@media(min-width: 768px){.blog-detail__content table{width:100%;font-size:.95rem}}.blog-detail__content th,.blog-detail__content td{padding:.5rem 1rem;border:1px solid var(--color-border);text-align:left;line-height:1.7;white-space:nowrap}@media(min-width: 768px){.blog-detail__content th,.blog-detail__content td{white-space:normal}}.blog-detail__content th{background:var(--color-bg);font-weight:700}.blog-detail__content tr:nth-child(even) td{background:var(--color-bg)}.blog-detail__content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--color-bg);border-left:4px solid var(--color-primary-mid);border-radius:0 6px 6px 0;color:var(--color-text-sub);font-size:.95rem;line-height:1.7}@media(min-width: 768px){.blog-detail__content blockquote{margin:2rem 0;padding:1.5rem 2rem}}.blog-detail__content blockquote p:last-child{margin-bottom:0}.blog-detail__content img{max-width:100%;height:auto;border-radius:16px;margin:1.5rem auto;display:block}.blog-detail__content .example{margin:1.5rem 0;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 1px 4px rgba(26,18,9,.07);overflow:hidden}@media(min-width: 768px){.blog-detail__content .example{margin:2rem 0;padding:1.5rem}}.blog-detail__content .example__ko{font-family:"Noto Serif KR",serif;font-size:1.1rem;font-weight:500;color:var(--color-text);padding:2rem 2rem 1rem;line-height:1.75}@media(min-width: 768px){.blog-detail__content .example__ko{font-size:1.15rem;padding:2rem 3rem 1rem}}.blog-detail__content .example__ko mark{background:var(--color-primary-light);color:var(--color-text);padding:.1em .2em;border-radius:2px;font-weight:700}.blog-detail__content .example__ja{font-size:.875rem;color:var(--color-text-sub);padding:1rem 2rem;border-top:1px solid var(--color-border-light);background:var(--color-bg)}@media(min-width: 768px){.blog-detail__content .example__ja{padding:1rem 2rem}}.blog-detail__content .fukidashi{display:flex;align-items:flex-start;gap:.75rem;margin:1.5rem 0}@media(min-width: 768px){.blog-detail__content .fukidashi{margin:2rem 0;gap:1rem}}.blog-detail__content .fukidashi--right{flex-direction:row-reverse}.blog-detail__content .fukidashi__icon{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;margin:0;display:block}.blog-detail__content .fukidashi__body{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.75rem 1rem;max-width:calc(100% - 68px)}@media(min-width: 768px){.blog-detail__content .fukidashi__body{padding:.875rem 1.25rem;max-width:calc(100% - 76px)}}.blog-detail__content .fukidashi__body p{margin:0;font-size:.95rem;line-height:1.75}.blog-detail__content .fukidashi__body::before{content:"";position:absolute;top:14px;left:-9px;border-width:7px 9px 7px 0;border-style:solid;border-color:rgba(0,0,0,0) var(--color-border) rgba(0,0,0,0) rgba(0,0,0,0)}.blog-detail__content .fukidashi__body::after{content:"";position:absolute;top:15px;left:-7px;border-width:6px 8px 6px 0;border-style:solid;border-color:rgba(0,0,0,0) var(--color-surface) rgba(0,0,0,0) rgba(0,0,0,0)}.blog-detail__content .fukidashi--right .blog-detail__content .fukidashi__body::before{left:auto;right:-9px;border-width:7px 0 7px 9px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--color-border)}.blog-detail__content .fukidashi--right .blog-detail__content .fukidashi__body::after{left:auto;right:-7px;border-width:6px 0 6px 8px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--color-surface)}.blog-detail__content iframe{display:block;max-width:100%;margin:1.5rem auto;border-radius:16px}@media(min-width: 768px){.blog-detail__content iframe{margin:2rem auto}}.blog-detail__content hr{border:none;border-top:1px solid var(--color-border-light);margin:2rem 0}@media(min-width: 768px){.blog-detail__content hr{margin:3rem 0}}.blog-detail__content .recommend-book{display:flex;gap:1rem;margin:1.5rem 0;padding:1.5rem;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:16px}@media(min-width: 768px){.blog-detail__content .recommend-book{gap:1.5rem;padding:2rem;margin:2rem 0}}.blog-detail__content .recommend-book__img{flex-shrink:0;width:80px}@media(min-width: 768px){.blog-detail__content .recommend-book__img{width:100px}}.blog-detail__content .recommend-book__img img{width:100%;height:auto;border-radius:6px;border:1px solid var(--color-border-light);margin:0}.blog-detail__content .recommend-book__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.blog-detail__content .recommend-book__title{font-size:.9rem;font-weight:700;color:var(--color-text);line-height:1.5}@media(min-width: 768px){.blog-detail__content .recommend-book__title{font-size:.95rem}}.blog-detail__content .recommend-book__desc{font-size:.8rem;color:var(--color-text-sub);line-height:1.6}.blog-detail__content .recommend-book__link{display:inline-flex;align-items:center;gap:.25rem;margin-top:auto;padding:.25rem 1rem;width:fit-content;font-size:.8rem;font-weight:600;color:#fff;background:#e47911;border-radius:6px;text-decoration:none;transition:opacity 150ms ease}.blog-detail__content .recommend-book__link:hover{opacity:.85}.blog-detail__content .recommend-section{font-size:.9rem;font-weight:700;color:var(--color-text);margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-light)}@media(min-width: 768px){.blog-detail__content .recommend-section{font-size:.95rem;margin-top:4rem;margin-bottom:1.5rem}}.blog-detail__editor-note{margin-top:2rem;padding:1rem 1.5rem;background:var(--color-bg);border-radius:16px;border:1px solid var(--color-border)}@media(min-width: 768px){.blog-detail__editor-note{margin-top:3rem;padding:1.5rem}}.blog-detail__editor-note-label{font-size:.7rem;font-weight:700;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}@media(min-width: 768px){.blog-detail__editor-note-label{margin-bottom:.5rem}}.blog-detail__editor-note-text{font-size:.9rem;color:var(--color-text);line-height:1.8}.blog-cta{margin-top:3rem;padding:1.5rem;background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:24px;text-align:center}@media(min-width: 768px){.blog-cta{margin-top:4rem;padding:3rem}}.blog-cta__text{font-size:.95rem;color:var(--color-text);margin-bottom:1rem;line-height:1.75}@media(min-width: 768px){.blog-cta__text{font-size:1rem;margin-bottom:1.5rem}}.blog-cta__text strong{color:var(--color-primary)}.blog-related{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}@media(min-width: 768px){.blog-related{margin-top:4rem;padding-top:2rem}}.blog-related__title{font-size:.8125rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem}.blog-related__list{display:flex;flex-direction:column;gap:.25rem}@media(min-width: 768px){.blog-related__list{gap:.5rem}}.blog-related__item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:background 150ms ease,border-color 150ms ease}@media(min-width: 768px){.blog-related__item{padding:1rem 1.5rem}}.blog-related__item:hover{background:var(--color-primary-light);border-color:var(--color-primary-mid)}.blog-related__item-title{font-size:.875rem;font-weight:500;color:var(--color-text);flex:1}.blog-related__item-arrow{color:var(--color-primary);font-size:.875rem;flex-shrink:0}.blog-index-cta{margin-top:3rem;padding:1.5rem;background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:24px;text-align:center}@media(min-width: 768px){.blog-index-cta{margin-top:4rem;padding:3rem}}.blog-index-cta__text{font-size:.95rem;color:var(--color-text);margin-bottom:1rem;line-height:1.75}@media(min-width: 768px){.blog-index-cta__text{font-size:1rem;margin-bottom:1.5rem}}.blog-index-cta__text strong{color:var(--color-primary)}.word-card-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.word-card-controls__label{font-size:.875rem;font-weight:500;color:var(--color-text-sub);white-space:nowrap}.word-card-controls__select{flex:1;min-width:120px}.word-card-progress{margin-bottom:2rem}.word-card-progress__bar-wrap{height:6px;background:var(--color-border);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.word-card-progress__bar{height:100%;background:var(--color-primary);border-radius:9999px;transition:width 250ms ease;width:0%}.word-card-progress__text{font-size:.8rem;color:var(--color-text-muted);text-align:right;font-family:"DM Mono",monospace}.flashcard-wrap{perspective:1000px;margin-bottom:2rem;cursor:pointer;min-height:260px}@media(min-width: 768px){.flashcard-wrap{min-height:300px}}.flashcard{position:relative;width:100%;min-height:260px;transform-style:preserve-3d;transition:transform .5s ease}.flashcard:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:16px}.flashcard.is-flipped{transform:rotateY(180deg)}@media(min-width: 768px){.flashcard{min-height:300px}}.flashcard__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;box-shadow:0 3px 10px rgba(26,18,9,.09);text-align:center}.flashcard__face--front{background:var(--color-surface);border:2px solid var(--color-border)}.flashcard__face--back{background:linear-gradient(135deg, var(--color-primary-light), var(--color-surface));border:2px solid var(--color-primary);transform:rotateY(180deg)}.flashcard__korean{font-family:"Noto Serif KR",serif;font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem;letter-spacing:.02em;line-height:1.4}@media(min-width: 768px){.flashcard__korean{font-size:3rem}}.flashcard__speak-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid var(--color-border);border-radius:50%;background:var(--color-surface);cursor:pointer;transition:background 150ms ease,border-color 150ms ease,transform 150ms ease;margin-bottom:.5rem}.flashcard__speak-btn__icon{width:20px;height:20px;fill:var(--color-text-sub);transition:fill 150ms ease}@media(hover: hover)and (pointer: fine){.flashcard__speak-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.flashcard__speak-btn:hover .flashcard__speak-btn__icon{fill:var(--color-primary)}}.flashcard__speak-btn:active{transform:scale(0.92)}.flashcard__speak-btn.is-playing{border-color:var(--color-primary);background:var(--color-primary-light)}.flashcard__speak-btn.is-playing .flashcard__speak-btn__icon{fill:var(--color-primary);animation:pulse-icon .8s ease-in-out infinite alternate}.flashcard__speak-btn.is-hidden{display:none}@keyframes pulse-icon{from{opacity:1}to{opacity:.4}}.flashcard__hint{font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.25rem}.flashcard__hint::before{content:"↕";font-size:1rem}.flashcard__japanese{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;line-height:1.4}@media(min-width: 768px){.flashcard__japanese{font-size:2rem}}.flashcard__level{font-family:"DM Mono",monospace;font-size:.75rem;color:var(--color-primary);background:var(--color-primary-light);padding:.25rem 1rem;border-radius:9999px}.word-card-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.word-card-actions.is-hidden{visibility:hidden;pointer-events:none}.word-card-actions__btn{flex:1;max-width:160px;padding:1rem 1.5rem;border:2px solid;border-radius:9999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background 150ms ease,color 150ms ease,transform 150ms ease}.word-card-actions__btn:active{transform:scale(0.96)}.word-card-actions__btn--know{color:var(--color-correct);border-color:var(--color-correct);background:rgba(0,0,0,0)}@media(hover: hover)and (pointer: fine){.word-card-actions__btn--know:hover{background:var(--color-correct);color:#fff}}.word-card-actions__btn--know:active{background:var(--color-correct);color:#fff}.word-card-actions__btn--retry{color:var(--color-wrong);border-color:var(--color-wrong);background:rgba(0,0,0,0)}@media(hover: hover)and (pointer: fine){.word-card-actions__btn--retry:hover{background:var(--color-wrong);color:#fff}}.word-card-actions__btn--retry:active{background:var(--color-wrong);color:#fff}.word-card-done{display:none;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg, var(--color-primary-light), var(--color-surface));border:2px solid var(--color-primary);border-radius:24px;margin-bottom:2rem}.word-card-done.is-visible{display:block}.word-card-done__icon{font-size:3rem;margin-bottom:1rem}.word-card-done__title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.word-card-done__score{font-size:1.1rem;color:var(--color-text-sub);margin-bottom:2rem}.word-card-done__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.word-card-done__cta{margin-top:1.5rem}.word-card-done__related{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(193,99,47,.2)}.word-card-done__related-label{font-size:.85rem;font-weight:600;color:var(--color-text-sub);margin-bottom:.5rem}.word-card-done__related-list{display:flex;flex-direction:column;gap:.5rem;align-items:center}.word-card-done__related-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:border-color 150ms ease}.word-card-done__related-link:hover{border-color:var(--color-primary)}.wc-intro{margin-bottom:3rem;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.wc-intro__block{margin-bottom:2rem}.wc-intro__title{font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.wc-intro__title::after{content:"";display:block;width:2rem;height:3px;background:var(--color-primary);border-radius:9999px;margin-top:.25rem}.wc-intro__text{font-size:.95rem;color:var(--color-text-sub);line-height:1.8}.wc-intro__stats{margin-bottom:2rem;padding:1.5rem;background:var(--color-bg);border-radius:6px}.wc-intro__stats-title{font-size:.95rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.wc-intro__stats-total{font-family:"DM Mono",monospace;font-size:1.1rem;color:var(--color-primary);font-weight:700}.wc-intro__stats-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width: 768px){.wc-intro__stats-grid{grid-template-columns:repeat(4, 1fr)}}.wc-intro__stats-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:6px}.wc-intro__stats-count{font-family:"DM Mono",monospace;font-size:.85rem;font-weight:600;color:var(--color-text)}.wc-intro__howto-title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.wc-intro__howto-title::after{content:"";display:block;width:1.5rem;height:3px;background:var(--color-primary);border-radius:9999px;margin-top:.25rem}.wc-intro__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.wc-intro__step{display:flex;gap:1rem;align-items:flex-start}.wc-intro__step strong{display:block;font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.wc-intro__step p{font-size:.85rem;color:var(--color-text-sub);line-height:1.6}.wc-intro__step-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-family:"DM Mono",monospace;font-size:.85rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border-radius:50%}.wc-cta-section{margin:3rem 0;padding-top:2rem;border-top:1px solid var(--color-border)}.wc-cta-section__title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem}.wc-cta-section__title::after{content:"";display:block;width:2rem;height:3px;background:var(--color-primary);border-radius:9999px;margin-top:.25rem}.wc-cta-section__grid{display:grid;gap:1rem}@media(min-width: 768px){.wc-cta-section__grid{grid-template-columns:repeat(3, 1fr)}}.wc-cta-card{display:block;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;transition:border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease}@media(hover: hover)and (pointer: fine){.wc-cta-card:hover{border-color:var(--color-primary-mid);box-shadow:0 3px 10px rgba(26,18,9,.09);transform:translateY(-2px)}}.wc-cta-card:active{transform:scale(0.98)}.wc-cta-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-light);border-radius:50%;margin-bottom:1rem}.wc-cta-card__title{display:block;font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.wc-cta-card__desc{font-size:.85rem;color:var(--color-text-sub);line-height:1.6}.wc-wordlist{margin:3rem 0;padding-top:2rem;border-top:1px solid var(--color-border)}.wc-wordlist__title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.wc-wordlist__title::after{content:"";display:block;width:2rem;height:3px;background:var(--color-primary);border-radius:9999px;margin-top:.25rem}.wc-wordlist__lead{font-size:.9rem;color:var(--color-text-sub);line-height:1.6;margin-bottom:1.5rem}.wc-wordlist__group{margin-bottom:1rem;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.wc-wordlist__group[open] .wc-wordlist__summary{border-bottom:1px solid var(--color-border)}.wc-wordlist__summary{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--color-surface);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text);list-style:none;transition:background 150ms ease}.wc-wordlist__summary::-webkit-details-marker{display:none}.wc-wordlist__summary::before{content:"";display:inline-block;width:0;height:0;border-left:5px solid var(--color-text-sub);border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);transition:transform 150ms ease;flex-shrink:0}[open]>.wc-wordlist__summary::before{transform:rotate(90deg)}.wc-wordlist__summary:hover{background:var(--color-bg)}.wc-wordlist__summary-count{margin-left:auto;font-family:"DM Mono",monospace;font-size:.8rem;color:var(--color-text-muted)}.wc-wordlist__themes{padding:.5rem}.wc-wordlist__subgroup{margin-bottom:.25rem;border:1px solid var(--color-border-light);border-radius:6px;overflow:hidden}.wc-wordlist__subgroup[open] .wc-wordlist__sub-summary{border-bottom:1px solid var(--color-border-light)}.wc-wordlist__sub-summary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text-sub);list-style:none;transition:background 150ms ease}.wc-wordlist__sub-summary::-webkit-details-marker{display:none}.wc-wordlist__sub-summary::before{content:"";display:inline-block;width:0;height:0;border-left:4px solid var(--color-text-muted);border-top:3px solid rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0);transition:transform 150ms ease;flex-shrink:0}[open]>.wc-wordlist__sub-summary::before{transform:rotate(90deg)}.wc-wordlist__sub-summary:hover{background:var(--color-surface)}.wc-wordlist__tag-name{flex:1;min-width:0}.wc-wordlist__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.wc-wordlist__table{width:100%;border-collapse:collapse;font-size:.875rem}.wc-wordlist__table th{padding:.5rem 1rem;background:var(--color-bg);font-weight:600;font-size:.8rem;color:var(--color-text-sub);text-align:left;border-bottom:1px solid var(--color-border)}.wc-wordlist__table td{padding:.5rem 1rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.wc-wordlist__table td:first-child{font-family:"Noto Sans KR",sans-serif;font-weight:500;white-space:nowrap}.wc-wordlist__table tr:last-child td{border-bottom:none}.wc-wordlist__table tbody tr:nth-child(even) td{background:var(--color-bg)}.about{padding-bottom:0}.about__container{width:100%;max-width:720px;margin-inline:auto;padding-inline:1rem}@media(min-width: 768px){.about__container{padding-inline:2rem}}.about__hero{padding:3rem 0 2rem;background:radial-gradient(ellipse 70% 50% at 80% 20%, rgba(245, 160, 120, 0.15) 0%, transparent 60%),linear-gradient(170deg, var(--color-bg) 0%, var(--color-primary-light) 50%, var(--color-bg) 100%)}@media(min-width: 768px){.about__hero{padding:4rem 0 3rem}}.about__hero-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem}.about__hero-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:var(--color-text);margin-bottom:1.5rem}@media(min-width: 768px){.about__hero-title{margin-bottom:2rem}}.about__hero-desc{font-size:.95rem;font-weight:500;line-height:1.85;color:var(--color-text-sub);max-width:560px}.about__section{padding:3rem 0}@media(min-width: 768px){.about__section{padding:4rem 0}}.about__section--surface{background:var(--color-bg)}.about__section--last{border-bottom:none}.about__section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.about__section-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;flex-shrink:0}.about__section-icon svg{width:22px;height:22px}.about__section-icon--story{background:var(--color-pastel-1);color:var(--color-primary)}.about__section-icon--features{background:var(--color-pastel-4);color:#3b6abf}.about__section-icon--recommend{background:var(--color-pastel-3);color:var(--color-correct)}.about__section-icon--content{background:var(--color-pastel-2);color:#b8860b}.about__section-icon--info{background:var(--color-pastel-1);color:var(--color-primary)}.about__section-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.about__letter{background:var(--color-surface);border-radius:16px;box-shadow:0 1px 4px rgba(26,18,9,.07);padding:2rem 1.5rem}@media(min-width: 768px){.about__letter{padding:3rem}}.about__story-text{font-size:.95rem;font-weight:500;line-height:2;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(2em - 1px), var(--color-border-light) calc(2em - 1px), var(--color-border-light) 2em);background-size:100% 2em;color:var(--color-text-sub);padding-bottom:.15em}.about__story-text+.about__story-text{margin-top:1rem}.about__features{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 480px){.about__features{grid-template-columns:repeat(2, 1fr)}}.about__feature-card{display:block;border-radius:24px;padding:1.5rem;text-decoration:none;border:none;transition:transform 250ms ease,box-shadow 250ms ease;background:var(--color-surface);border:1px solid var(--color-border-light)}@media(hover: hover)and (pointer: fine){.about__feature-card:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(26,18,9,.09)}}.about__feature-card:active{transform:scale(0.98)}.about__feature-icon{width:48px;height:48px;margin-bottom:1rem}.about__feature-icon img{width:48px;height:48px;display:block}.about__feature-title{font-size:.95rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.about__feature-desc{font-size:.85rem;font-weight:500;color:var(--color-text-sub);line-height:1.65}.about__recommend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.about__recommend-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.about__recommend-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-correct);border-radius:50%}.about__recommend-check svg{width:14px;height:14px}.about__recommend-text{font-size:.95rem;font-weight:500;line-height:1.6;color:var(--color-text-sub)}.about__content-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem 2rem}.about__support-btn{margin-top:1.5rem;display:inline-block}.about__text{font-size:.95rem;font-weight:500;line-height:1.85;color:var(--color-text-sub)}.about__text+.about__text{margin-top:1rem}.about__text a{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity 150ms ease}.about__text a:hover{opacity:.7}.about__info-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:16px;padding:.5rem 1.5rem}.about__info-table{width:100%;border-collapse:collapse;font-size:.95rem}.about__info-row{border-bottom:1px solid var(--color-border-light)}.about__info-row--last{border-bottom:none}.about__info-label{padding:.85rem 1rem .85rem 0;text-align:left;font-weight:600;color:var(--color-text-sub);white-space:nowrap;width:35%}@media(min-width: 480px){.about__info-label{width:28%}}.about__info-value{padding:.85rem 0;font-weight:500;color:var(--color-text)}.about__info-value a{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity 150ms ease}.about__info-value a:hover{opacity:.7}