*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-noun:#1976d2;--color-verb:#d32f2f;--color-adjective:#2e7d32;--color-adverb:#757575;--color-bg:#fff;--color-sidebar-bg:#f5f5f5;--color-sidebar-active:#e3f2fd;--color-sidebar-active-border:#1976d2;--color-text:#1a1a1a;--color-text-secondary:#666;--color-border:#e0e0e0;--color-example-bg:#fafafa;--color-tip-bg:#fff3e0;--color-tip-border:#ff9800;--color-key-bg:#e8f5e9;--color-key-border:#4caf50;--sidebar-width:280px;--header-height:56px;--content-max-width:780px;color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;font-size:16px;line-height:1.7}body{min-height:100vh}a{color:var(--color-noun);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin-top:2rem;margin-bottom:1rem;line-height:1.3}h1{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:100;padding-top:.75rem;padding-bottom:.5rem;font-size:1.75rem;position:sticky;top:0}@media (width<=768px){h1{top:var(--header-height)}}h2{font-size:1.35rem}h3{font-size:1.15rem}p{margin-bottom:.75rem}.pos-noun{color:var(--color-noun);font-weight:600}.pos-verb{color:var(--color-verb);font-weight:600}.pos-adj{color:var(--color-adjective);font-weight:600}.pos-adv{color:var(--color-adverb);font-weight:600}.example-block{background:var(--color-example-bg);border-left:3px solid var(--color-border);border-radius:0 6px 6px 0;margin:1rem 0;padding:1rem 1.25rem}.example-block .korean{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.95rem}.example-block .english{margin-bottom:.25rem;font-size:1.05rem;font-weight:500}.example-block .structure{color:var(--color-text-secondary);font-family:Consolas,Monaco,monospace;font-size:.9rem}.tip-box{background:var(--color-tip-bg);border-left:4px solid var(--color-tip-border);border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.95rem}.tip-box .tip-label{color:var(--color-tip-border);margin-bottom:.25rem;font-weight:700}.key-box{background:var(--color-key-bg);border-left:4px solid var(--color-key-border);border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.95rem}.key-box .key-label{color:var(--color-key-border);margin-bottom:.25rem;font-weight:700}.reference{color:var(--color-text-secondary);border-top:1px dashed var(--color-border);margin-top:.5rem;padding:.5rem 0;font-size:.85rem}.reference em{font-style:normal;font-weight:600}.content-section{margin-bottom:2.5rem}.content-section+.content-section{padding-top:1rem}.app-showcase{max-width:860px}.showcase-hero,.showcase-closing{color:#fff;text-align:center;background:linear-gradient(135deg,#0a0f2c 0%,#1a1a3e 50%,#0d1230 100%);border-radius:16px;margin-bottom:3rem;padding:3.5rem 2rem;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-circle{opacity:.08;border-radius:50%;position:absolute}.hero-circle-1{background:#6c63ff;width:340px;height:340px;top:-100px;left:-80px}.hero-circle-2{background:#4fc3f7;width:340px;height:340px;bottom:-100px;right:-80px}.hero-dot{background:#ffffff0f;border-radius:50%;width:48px;height:48px;position:absolute;top:140px;right:30%}.hero-content,.closing-content{z-index:1;position:relative}.hero-brand{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.hero-divider{background:linear-gradient(90deg,#6c63ff,#4fc3f7);border-radius:2px;width:80px;height:3px;margin:0 auto 1rem}.hero-tagline{margin-bottom:.5rem;font-size:1.35rem;font-weight:700;line-height:1.5}.hero-sub{color:#ffffffb3;margin-bottom:1.5rem;font-size:.95rem}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:20px;padding:5px 14px;font-size:.8rem;display:inline-block}.showcase-section{border-bottom:1px solid #e8e8e8;margin-bottom:3rem;padding-bottom:3rem}.showcase-section:last-of-type{border-bottom:none}.section-header{margin-bottom:2rem}.section-tag{color:#fff;letter-spacing:.05em;background:#1a1a2e;border-radius:20px;margin-bottom:.75rem;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{color:#1a1a1a;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.section-bar{background:#1976d2;border-radius:2px;width:60px;height:3px;margin-bottom:1rem}.section-highlight{background:#f8f9ff;border-left:3px solid #6c63ff;border-radius:0 8px 8px 0;margin-bottom:1rem;padding:1rem 1.25rem}.highlight-en{color:#2c2c54;margin-bottom:.25rem;font-size:1.1rem;font-style:italic;font-weight:600}.highlight-ko{color:#666;font-size:.95rem}.section-desc p{color:#555;font-size:.95rem;line-height:1.7}.section-notes{gap:12px;margin-top:1rem;display:flex}.section-note{color:#555;text-align:center;background:#f5f5f5;border:1px solid #eee;border-radius:10px;flex:1;padding:10px 14px;font-size:.82rem}.screen-pair{justify-content:center;gap:24px;display:flex}.screen-card{text-align:center;flex:1;max-width:280px}.phone-frame{background:#000;border:2px solid #e0e0e0;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.phone-frame img{width:100%;display:block}.screen-label{color:#333;margin-top:.75rem;font-size:.9rem;font-weight:600}.showcase-closing{padding:3rem 1.5rem}.showcase-closing .hero-tagline{margin-bottom:1.5rem}.features-grid{text-align:left;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin:0 auto;display:grid}.feature-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.feature-card strong{color:#fff;font-size:.88rem}.feature-card span{color:#ffffff8c;font-size:.78rem}@media (width<=640px){.showcase-hero,.showcase-closing{border-radius:12px;padding:2.5rem 1.25rem}.hero-brand{font-size:2rem}.hero-tagline{font-size:1.15rem}.section-title{font-size:1.25rem}.screen-pair{gap:12px}.screen-card{max-width:48%}.phone-frame{border-radius:16px}.section-notes{flex-direction:column;gap:8px}.features-grid{grid-template-columns:1fr}.hero-chips{gap:6px}.hero-chip{padding:4px 10px;font-size:.72rem}}.app-layout{min-height:100vh;display:flex}.mobile-header{height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;align-items:center;gap:.75rem;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-header .hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.mobile-header .hamburger svg{width:24px;height:24px}.mobile-header .header-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);scrollbar-width:thin;height:100vh;padding:1rem 0;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.sidebar-brand{border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding:.5rem 1.25rem 1rem}.sidebar-brand h2{color:var(--color-text);margin:0;font-size:1.1rem}.sidebar-brand .subtitle{color:var(--color-text-secondary);font-size:.8rem}.quick-links{flex-direction:column;gap:12px;margin-bottom:.25rem;padding:.5rem 1.25rem;display:flex}.quick-link{background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;color:#fff!important;text-decoration:none!important}.quick-link:before{content:"▶";font-size:.7rem}.quick-link:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.quick-link.active{background:linear-gradient(135deg,#0d47a1,#002171)}.nav-section{margin-bottom:.25rem}.nav-section-header{cursor:pointer;width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.nav-section-header:hover{background:#0000000a}.nav-section-header .chevron{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.nav-section-header .chevron.open{transform:rotate(90deg)}.nav-items{transition:max-height .25s;overflow:hidden}.nav-items.collapsed{max-height:0!important}.nav-item{cursor:pointer;width:100%;color:var(--color-text-secondary);text-align:left;background:0 0;border:none;border-left:3px solid #0000;padding:.4rem 1.25rem .4rem 2.25rem;font-size:.85rem;line-height:1.5;text-decoration:none;transition:all .15s;display:block}.nav-item:hover{color:var(--color-text);background:#0000000a;text-decoration:none}.nav-item.active{background:var(--color-sidebar-active);color:var(--color-sidebar-active-border);border-left-color:var(--color-sidebar-active-border);font-weight:600}.sidebar-overlay{z-index:1100;background:#00000080;display:none;position:fixed;inset:0}.main-content{flex:1;min-width:0;padding:2rem 3rem}.main-content>.content-wrapper{max-width:var(--content-max-width);margin:0 auto}@media (width<=768px){.mobile-header{display:flex}.sidebar{z-index:1200;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding:calc(var(--header-height) + 1.5rem) 1.25rem 2rem}}@media (width<=480px){:root{--sidebar-width:85vw;font-size:15px}.main-content{padding:calc(var(--header-height) + 1rem) 1rem 2rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}