.jlpt-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.jlpt-header{background:var(--level-gradient,linear-gradient(135deg,var(--accent),var(--indigo-blue)));color:#fff;padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:50}.jlpt-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.jlpt-branding{display:flex;align-items:center;gap:var(--spacing-md)}.jlpt-logo{font-size:1.5rem;font-weight:700}.jlpt-mode-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.jlpt-mode-badge{width:8px;height:8px;background:var(--level-color,var(--accent));border-radius:50%;animation:pulse 2s ease-in-out infinite}.jlpt-progress-display{display:flex;align-items:center;gap:var(--spacing-md)}.jlpt-progress-text{font-size:.875rem;font-weight:600}.jlpt-progress-bar-mini{width:120px;height:8px;background:hsla(0,0%,100%,.3);border-radius:var(--radius-full);overflow:hidden}.jlpt-progress-fill-mini{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .3s ease}.jlpt-exit-btn{padding:var(--spacing-sm) var(--spacing-lg);background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.4);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.jlpt-exit-btn:hover{background:hsla(0,0%,100%,.3);border-color:#fff;transform:translateY(-2px)}.jlpt-breadcrumbs{background:var(--surface);padding:var(--spacing-sm) var(--spacing-xl);border-bottom:1px solid var(--border)}.jlpt-breadcrumbs-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.jlpt-breadcrumb-link{color:var(--accent);text-decoration:none;transition:color var(--transition-base)}.jlpt-breadcrumb-link:hover{color:var(--text-primary)}.jlpt-breadcrumb-separator{color:var(--text-secondary)}.jlpt-breadcrumb-current{color:var(--text-primary);font-weight:600}.jlpt-main-container{flex:1 1;display:flex;max-width:1400px;margin:0 auto;width:100%}.jlpt-sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border);padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto}.jlpt-sidebar-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.jlpt-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.jlpt-nav-item{overflow:hidden}.jlpt-nav-item,.jlpt-nav-link{border-radius:var(--radius-md)}.jlpt-nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);text-decoration:none;color:var(--text-primary);background:transparent;transition:all var(--transition-base);font-weight:500}.jlpt-nav-link:hover{background:var(--surface-hover);transform:translateX(4px)}.jlpt-nav-link.active{background:var(--level-gradient,linear-gradient(135deg,var(--accent),var(--indigo-blue)));color:#fff;font-weight:600}.jlpt-nav-link.locked{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.jlpt-nav-link.locked:hover{transform:none;background:transparent}.jlpt-nav-link-content{display:flex;align-items:center;gap:var(--spacing-sm)}.jlpt-nav-icon{font-size:1.25rem}.jlpt-nav-progress{font-size:.75rem;padding:2px 8px;background:hsla(0,0%,100%,.2);border-radius:var(--radius-full)}.jlpt-content{flex:1 1;padding:var(--spacing-2xl);overflow-y:auto}.jlpt-mobile-menu-btn{display:none;padding:var(--spacing-sm) var(--spacing-md);background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.4);border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:all var(--transition-base)}.jlpt-mobile-menu-btn:hover{background:hsla(0,0%,100%,.3)}@media (max-width:768px){.jlpt-header-content{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-sm)}.jlpt-branding{flex:1 1;min-width:150px}.jlpt-mode-indicator,.jlpt-progress-display{display:none}.jlpt-mobile-menu-btn{display:flex;order:2}.jlpt-exit-btn{order:3;padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.jlpt-main-container{flex-direction:column}.jlpt-sidebar{width:100%;height:auto;max-height:0;overflow:hidden;position:static;border-right:none;border-bottom:none;padding:0 var(--spacing-lg);transition:max-height .3s ease,padding .3s ease}.jlpt-sidebar.open{max-height:600px;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.jlpt-nav-list{gap:var(--spacing-xs)}.jlpt-nav-link{padding:var(--spacing-sm) var(--spacing-md)}.jlpt-content{padding:var(--spacing-lg)}.jlpt-breadcrumbs{padding:var(--spacing-sm) var(--spacing-md)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}